:root{--font-sans: "Inter var", "InterVariable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "SF Mono", "Cascadia Code", Menlo, monospace;--accent: #6366f1;--accent-soft: color-mix(in oklab, var(--accent) 20%, transparent);--accent-glow: color-mix(in oklab, var(--accent) 50%, transparent);--accent-strong: color-mix(in oklab, var(--accent) 85%, white);--on-accent: #fff;--radius-xl: 28px;--radius-tile: 22px;--radius-lg: 18px;--radius-md: 13px;--radius-sm: 9px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .12s;--dur: .22s;--dur-slow: .42s;--tile-min: 132px;--tile-row: 62px;--tile-gap: 16px;color-scheme:dark;--bg: #090b12;--text: #eef0f7;--text-muted: rgb(238 240 247 / .64);--text-faint: rgb(238 240 247 / .42);--glass: rgb(255 255 255 / .065);--glass-hi: rgb(255 255 255 / .11);--glass-border: rgb(255 255 255 / .11);--glass-shine: rgb(255 255 255 / .09);--surface: rgb(20 22 32 / .82);--surface-solid: #151826;--field: rgb(255 255 255 / .06);--field-border: rgb(255 255 255 / .12);--hover: rgb(255 255 255 / .07);--scrim: rgb(4 5 10 / .55);--shadow: 0 1px 2px rgb(0 0 0 / .35), 0 10px 28px -10px rgb(0 0 0 / .55);--shadow-lift: 0 2px 6px rgb(0 0 0 / .3), 0 22px 44px -12px rgb(0 0 0 / .65);--shadow-panel: 0 30px 80px -20px rgb(0 0 0 / .7);--danger: #fb7185;--danger-strong: #e11d48;--success: #34d399;--text-shadow: none}:root[data-theme=light]{color-scheme:light;--bg: #eef1f8;--text: #141826;--text-muted: rgb(20 24 38 / .64);--text-faint: rgb(20 24 38 / .42);--glass: rgb(255 255 255 / .6);--glass-hi: rgb(255 255 255 / .82);--glass-border: rgb(20 24 38 / .08);--glass-shine: rgb(255 255 255 / .9);--surface: rgb(255 255 255 / .86);--surface-solid: #ffffff;--field: rgb(20 24 38 / .04);--field-border: rgb(20 24 38 / .12);--hover: rgb(20 24 38 / .05);--scrim: rgb(20 24 38 / .28);--shadow: 0 1px 2px rgb(20 24 38 / .06), 0 10px 26px -12px rgb(20 24 38 / .22);--shadow-lift: 0 2px 6px rgb(20 24 38 / .08), 0 24px 44px -14px rgb(20 24 38 / .32);--shadow-panel: 0 30px 80px -20px rgb(20 24 38 / .35);--accent-strong: color-mix(in oklab, var(--accent) 85%, black);--danger: #e11d48;--success: #059669}@media(prefers-color-scheme:light){:root[data-theme=auto]{color-scheme:light;--bg: #eef1f8;--text: #141826;--text-muted: rgb(20 24 38 / .64);--text-faint: rgb(20 24 38 / .42);--glass: rgb(255 255 255 / .6);--glass-hi: rgb(255 255 255 / .82);--glass-border: rgb(20 24 38 / .08);--glass-shine: rgb(255 255 255 / .9);--surface: rgb(255 255 255 / .86);--surface-solid: #ffffff;--field: rgb(20 24 38 / .04);--field-border: rgb(20 24 38 / .12);--hover: rgb(20 24 38 / .05);--scrim: rgb(20 24 38 / .28);--shadow: 0 1px 2px rgb(20 24 38 / .06), 0 10px 26px -12px rgb(20 24 38 / .22);--shadow-lift: 0 2px 6px rgb(20 24 38 / .08), 0 24px 44px -14px rgb(20 24 38 / .32);--shadow-panel: 0 30px 80px -20px rgb(20 24 38 / .35);--accent-strong: color-mix(in oklab, var(--accent) 85%, black);--danger: #e11d48;--success: #059669}}:root[data-theme=dark][data-backdrop=image]{--text: #f5f6fb;--text-muted: rgb(245 246 251 / .8);--text-faint: rgb(245 246 251 / .62);--glass: rgb(10 12 20 / .52);--glass-hi: rgb(22 25 36 / .44);--glass-border: rgb(255 255 255 / .14);--glass-shine: rgb(255 255 255 / .08);--field: rgb(0 0 0 / .22);--hover: rgb(255 255 255 / .09);--text-shadow: 0 1px 2px rgb(0 0 0 / .55), 0 0 10px rgb(0 0 0 / .35)}@media(prefers-color-scheme:dark){:root[data-theme=auto][data-backdrop=image]{--text: #f5f6fb;--text-muted: rgb(245 246 251 / .8);--text-faint: rgb(245 246 251 / .62);--glass: rgb(10 12 20 / .52);--glass-hi: rgb(22 25 36 / .44);--glass-border: rgb(255 255 255 / .14);--glass-shine: rgb(255 255 255 / .08);--field: rgb(0 0 0 / .22);--hover: rgb(255 255 255 / .09);--text-shadow: 0 1px 2px rgb(0 0 0 / .55), 0 0 10px rgb(0 0 0 / .35)}}:root[data-motion=off] *,:root[data-motion=off] *:before,:root[data-motion=off] *:after{transition-duration:0s!important;animation-duration:0s!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.45;font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-glow)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.glass{background:linear-gradient(180deg,var(--glass-hi),var(--glass));border:1px solid var(--glass-border);box-shadow:var(--shadow),inset 0 1px 0 var(--glass-shine);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45em;height:38px;padding:0 14px;border-radius:11px;border:1px solid var(--glass-border);background:var(--glass);color:var(--text);font-weight:550;font-size:14px;cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease,transform var(--dur) var(--ease-spring),box-shadow var(--dur) ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn:hover{background:var(--glass-hi)}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:transparent;color:var(--on-accent);box-shadow:0 6px 20px -6px var(--accent-glow)}.btn.primary:hover{background:color-mix(in oklab,var(--accent) 88%,white)}.btn.danger{color:var(--danger)}.btn.danger.solid{background:var(--danger-strong);color:#fff;border-color:transparent}.btn.ghost{background:transparent;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.btn.ghost:hover{background:var(--hover)}.btn.icon{width:38px;padding:0}.btn.active{background:var(--accent-soft);border-color:color-mix(in oklab,var(--accent) 50%,transparent);color:var(--accent-strong)}.field{display:grid;gap:6px}.field>.label{font-size:12.5px;font-weight:600;letter-spacing:.01em;color:var(--text-muted)}.field>.hint{font-size:12.5px;color:var(--text-faint)}.field>.error{font-size:12.5px;color:var(--danger)}.input{width:100%;min-height:40px;padding:9px 12px;border-radius:11px;border:1px solid var(--field-border);background:var(--field);outline:none;transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}textarea.input{resize:vertical;min-height:72px}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat}select.input option{background:var(--surface-solid);color:var(--text)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tile-min),1fr));grid-auto-rows:var(--tile-row);gap:var(--tile-gap)}.tile-cell{position:relative;min-width:0;grid-row:span 2}.tile-cell.size-s{grid-row:span 1}.tile-cell.size-l{grid-column:span 2;grid-row:span 4}.tile-cell.size-wide{grid-column:span 2;grid-row:span 2}.tile{--tile-color: var(--accent);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;padding:14px 12px 12px;border-radius:var(--radius-tile);color:var(--text);text-decoration:none;text-align:center;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font:inherit;background:linear-gradient(180deg,var(--glass-hi),var(--glass));border:1px solid var(--glass-border);box-shadow:var(--shadow),inset 0 1px 0 var(--glass-shine);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);transform:translateZ(0);transition:transform var(--dur-slow) var(--ease-spring),box-shadow var(--dur) ease,border-color var(--dur) ease,background var(--dur) ease;isolation:isolate}.tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(120% 80% at 50% -10%,color-mix(in oklab,var(--tile-color) 22%,transparent),transparent 70%);opacity:.55;transition:opacity var(--dur) ease;z-index:-1;pointer-events:none}.tile:hover{transform:translateY(-5px) scale(1.035);border-color:color-mix(in oklab,var(--accent) 45%,var(--glass-border));box-shadow:var(--shadow-lift),0 0 0 1px var(--accent-soft),0 14px 40px -10px var(--accent-glow),inset 0 1px 0 var(--glass-shine)}.tile:hover:before{opacity:1}.tile:active{transform:translateY(-1px) scale(.975);transition-duration:90ms}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tile-plate{position:relative;display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:17px;background:color-mix(in oklab,var(--tile-color) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--tile-color) 28%,transparent),0 8px 18px -10px color-mix(in oklab,var(--tile-color) 80%,transparent);transition:transform var(--dur-slow) var(--ease-spring)}.tile:hover .tile-plate{transform:scale(1.07) rotate(-2deg)}.tile-plate img{width:62%;height:62%;object-fit:contain;filter:drop-shadow(0 2px 3px rgb(0 0 0 / .18))}.tile-letter{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;background:linear-gradient(140deg,color-mix(in oklab,var(--tile-color) 92%,white),color-mix(in oklab,var(--tile-color) 70%,black));color:#fff;font-weight:700;font-size:21px;letter-spacing:-.02em;text-shadow:0 1px 2px rgb(0 0 0 / .25)}.tile-text{display:grid;gap:2px;min-width:0;max-width:100%;text-shadow:var(--text-shadow)}.tile-title{font-size:14px;font-weight:600;letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-sub{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size-s .tile,.size-wide .tile{flex-direction:row;justify-content:flex-start;text-align:left;padding:10px 14px;gap:12px}.size-s .tile-plate{width:38px;height:38px;border-radius:12px}.size-s .tile-letter{font-size:15px}.size-wide .tile-plate{width:60px;height:60px}.size-l .tile-plate{width:96px;height:96px;border-radius:28px}.size-l .tile-letter{font-size:36px}.size-l .tile-title{font-size:17px}@media(max-width:560px){:root{--tile-min: 100px;--tile-row: 54px;--tile-gap: 12px}.tile-plate{width:48px;height:48px;border-radius:15px}.tile-cell.size-l,.tile-cell.size-wide{grid-column:span 2}}