:root{--hw-bg-soft: #f7f5fe;--hw-bg-softer: #fbfaff;--hw-ink: #1e1b4b;--hw-ink-soft: #4c4a6a;--hw-violet: #7c3aed;--hw-violet-deep: #5b21b6;--hw-violet-tile: #ede9fe;--hw-amber: #f2b33d;--hw-shadow-sm: 0 2px 10px rgb(109 40 217 / 6%);--hw-shadow: 0 6px 26px rgb(109 40 217 / 8%);--hw-shadow-lg: 0 16px 44px rgb(109 40 217 / 14%);--hw-shadow-panel: 0 18px 46px rgb(124 58 237 / 30%)}.hw-surface{background-color:var(--hw-bg-soft)}.hw-surface-soft{background-color:var(--hw-bg-softer)}.hw-ink{color:var(--hw-ink)}.hw-card{background:#fff;border-radius:1.5rem;box-shadow:var(--hw-shadow);transition:box-shadow .35s ease,transform .35s ease}.hw-card-hover:hover,.hw-card-hover:focus-within{transform:translateY(-4px);box-shadow:var(--hw-shadow-lg)}.hw-tile{display:inline-flex;align-items:center;justify-content:center;border-radius:.85rem;background:var(--hw-violet-tile);color:var(--hw-violet-deep)}.hw-panel{background:linear-gradient(135deg,#a855f7,#7c3aed 55%,#6d28d9);box-shadow:var(--hw-shadow-panel)}.hw-divider{height:3px;border-radius:999px;background:linear-gradient(90deg,#7c3aed00,#7c3aed73,#7c3aed00)}.hw-accent{color:var(--hw-amber)}.hw-art{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(0 18px 28px rgb(76 29 149 / 18%))}@media (prefers-reduced-motion: reduce){.hw-card{transition:none}.hw-card-hover:hover,.hw-card-hover:focus-within{transform:none}}.hw-fade-top{position:relative}.hw-fade-top:before{content:"";position:absolute;inset-inline:0;top:0;height:12rem;background:linear-gradient(to bottom,#fff,#fff0);pointer-events:none;z-index:0}.hw-fade-bottom:after{content:"";position:absolute;inset-inline:0;bottom:0;height:12rem;background:linear-gradient(to top,#fff,#fff0);pointer-events:none;z-index:0}.hw-fade-bottom-soft:after{content:"";position:absolute;inset-inline:0;bottom:0;height:12rem;background:linear-gradient(to top,var(--hw-bg-soft) 0%,rgb(247 245 254 / 0%) 100%);pointer-events:none;z-index:0}.hw-gradient-title{background-image:linear-gradient(100deg,#6d28d9,#7c3aed 40%,#a855f7,#c026d3);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}