:root{--bg: #f6f1e8;--bg-glow: #fdf8ef;--ink: #383026;--ink-soft: #8d8273;--orange: #e97b2c;--orange-deep: #d96a1a;--orange-soft: #f4a261;--green: #3fa45b;--red: #d64545;--accent: #8d4f2e;--accent-deep: #6f3b24;--accent-soft: rgb(249 154 103 / 14%);--accent-border: rgb(111 59 36 / 28%);--special: #7326bf;--glass: rgba(255, 255, 255, .14);--glass-strong: rgba(255, 255, 255, .36);--glass-border: rgba(255, 255, 255, .7);--shadow: 0 18px 44px rgba(120, 90, 50, .16), 0 3px 10px rgba(120, 90, 50, .07), inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 0 0 1px rgba(255, 255, 255, .25);--shadow-soft: 0 8px 28px rgba(120, 90, 50, .1);--glow-inset: inset -24px -30px 60px rgba(244, 162, 97, .14);--radius: 24px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-height:100dvh;font-family:Segoe UI Variable Display,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink);background:radial-gradient(ellipse 80% 55% at 50% -10%,rgba(253,248,239,.55),transparent 70%),url(/bg.png) center center/cover no-repeat,var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}button{font-family:inherit}.glass{position:relative;background:var(--glass);backdrop-filter:blur(10px) saturate(1.25);-webkit-backdrop-filter:blur(12px) saturate(1.25);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow)}.glass-lit{overflow:hidden;box-shadow:var(--shadow),var(--glow-inset)}.glass-lit:before{content:"";position:absolute;inset:0 0 auto;height:60%;background:linear-gradient(150deg,rgba(255,255,255,.6) 0%,transparent 60%);pointer-events:none}.glass-lit>*{position:relative;z-index:1}.btn-primary{cursor:pointer;color:#fff;font-size:1.05rem;font-weight:600;padding:.85rem 1.8rem;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:linear-gradient(160deg,#fd9551bf,#e05b1acc);box-shadow:0 8px 24px #e05b1a38,inset 0 1px #ffffff73,inset 0 -1px #0000001a;transform:translateZ(0);transition:transform .2s cubic-bezier(.25,1,.5,1),box-shadow .2s ease,background .2s ease,border-color .2s ease}.btn-primary:hover:not(:disabled){transform:translateZ(0) scale(1.025);background:linear-gradient(160deg,#fd9551cc,#e05b1ad9);box-shadow:0 11px 26px #e05b1a4d,inset 0 1px #ffffff80,inset 0 -1px #0000001a}.btn-primary:active:not(:disabled){transform:translateZ(0) scale(.975)}.btn-primary:disabled{opacity:.55;cursor:default}.btn-secondary{cursor:pointer;color:var(--orange-deep);font-size:1.05rem;font-weight:600;padding:.85rem 1.8rem;border-radius:999px;background:#ffffff26;border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px #ffffff59;transform:translateZ(0);transition:transform .2s cubic-bezier(.25,1,.5,1),box-shadow .2s ease,background .2s ease,border-color .2s ease}.btn-secondary:hover:not(:disabled){transform:translateZ(0) scale(1.025);background:#ffffff40;border-color:#ffffff8c;box-shadow:0 6px 18px #785a3214,inset 0 1px #ffffff80}.btn-secondary:active:not(:disabled){transform:translateZ(0) scale(.975)}.btn-secondary:disabled{opacity:.55;cursor:default}.btn-ghost{cursor:pointer;color:var(--orange-deep);font-size:.95rem;font-weight:600;padding:.7rem 1.4rem;border-radius:999px;background:#ffffff26;border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px #ffffff59;transform:translateZ(0);transition:transform .2s cubic-bezier(.25,1,.5,1),box-shadow .2s ease,background .2s ease,border-color .2s ease}.btn-ghost:hover:not(:disabled){transform:translateZ(0) scale(1.025);background:#ffffff40;border-color:#ffffff8c;box-shadow:0 6px 18px #785a3214,inset 0 1px #ffffff80}.btn-ghost:active:not(:disabled){transform:translateZ(0) scale(.975)}.btn-ghost:disabled{opacity:.55;cursor:default}.btn-ghost.danger{color:var(--red);border-color:#d6454559;box-shadow:none;transform:translateZ(0)}.btn-ghost.danger:hover:not(:disabled){background:#d6454514;border-color:var(--red);box-shadow:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-tile{position:relative;display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:14px;overflow:hidden;color:var(--orange-deep);background:#ffffff73;border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 1px #fffc,0 6px 16px #785a321f;transition:transform .2s cubic-bezier(.25,1,.5,1),background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.icon-tile:before{content:"";position:absolute;inset:-10% -10% auto;height:60%;background:linear-gradient(135deg,rgba(255,255,255,.6),transparent 60%);pointer-events:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}