:root{--water-deep:#05121f;--water:#0a2138;--water-2:#0f3348;--aurora:#5cd9a1;--aurora-dim:#38897f;--gold:#fbcc5c;--birch:#eeede0;--hist:#b78dd9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--birch);background:radial-gradient(circle at 20% 0%, #5cd9a142, transparent 55%), radial-gradient(circle at 95% 8%, #fbcc5c21, transparent 45%), linear-gradient(to bottom, var(--water-deep), var(--water) 45%, var(--water-2));-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif}.glass{-webkit-backdrop-filter:blur(18px)saturate(1.4);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 8px 32px #00000040}.glass.tint-aurora{background:#5cd9a124;border-color:#5cd9a14d}.glass.tint-gold{background:#fbcc5c24;border-color:#fbcc5c4d}.glass.tint-hist{background:#b78dd921;border-color:#b78dd94d}.app{max-width:720px;margin:0 auto;padding:22px 16px 120px}.cree-title{letter-spacing:-.5px;text-shadow:0 1px 2px #00000059;font-weight:800}.muted{opacity:.62}.tint-a{color:var(--aurora)}.tint-g{color:var(--gold)}.tint-h{color:var(--hist)}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.dtoggle{border-radius:999px;gap:4px;padding:4px;display:inline-flex}.dtoggle button{color:var(--birch);cursor:pointer;background:0 0;border:0;border-radius:999px;flex-direction:column;align-items:center;padding:6px 14px;font-size:13px;font-weight:700;line-height:1.1;display:flex}.dtoggle button small{opacity:.8;font-size:9px;font-weight:600}.dtoggle button.on{color:var(--water-deep)}.dtoggle button.on.th{background:var(--aurora)}.dtoggle button.on.y{background:var(--gold)}.searchbar{border-radius:999px;align-items:center;gap:10px;margin:14px 0;padding:13px 18px;display:flex}.searchbar input{color:var(--birch);background:0 0;border:0;outline:0;flex:1;font-size:16px}.searchbar input::placeholder{color:#eeede073}.wordrow{cursor:pointer;align-items:center;gap:14px;margin-bottom:10px;padding:12px 14px;transition:transform .12s;display:flex}.wordrow:hover{transform:translateY(-1px)}.wordrow .ic{border-radius:999px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.wordrow .head{font-size:19px;font-weight:800}.wordrow .syl{opacity:.6;margin-left:8px;font-size:15px}.wordrow .gloss{opacity:.72;font-size:14px}.badge{border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.packgrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.packcard{cursor:pointer;border-radius:18px;padding:14px;transition:transform .12s}.packcard:hover{transform:translateY(-2px)}.metric{text-align:center;padding:20px}.metric .v{font-size:30px;font-weight:800}.metric .l{opacity:.66;margin-top:4px;font-size:13px}.btn{cursor:pointer;color:var(--birch);border:0;border-radius:14px;padding:11px 18px;font-size:15px;font-weight:700}.pill{border-radius:999px}.machine-row{cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:10px;padding:15px 16px;display:flex}.machine-row .label{opacity:.8;font-size:14px}.machine-row .form{font-size:21px;font-weight:800}.chips{gap:10px;margin-bottom:14px;padding-bottom:6px;display:flex;overflow-x:auto}.chip{white-space:nowrap;cursor:pointer;color:var(--birch);border:0;border-radius:999px;padding:9px 16px;font-weight:700}.chip.on{background:var(--aurora);color:var(--water-deep)}.backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#030a1199;place-items:end center;display:grid;position:fixed;inset:0}.sheet{border-radius:26px 26px 0 0;width:100%;max-width:640px;max-height:92vh;padding:24px 20px 40px;overflow-y:auto}.card-word{text-align:center}.card-word .syl{font-size:30px}.card-word .big{margin:10px 0;font-size:44px}.tabbar{z-index:40;box-sizing:border-box;border-radius:999px;gap:2px;max-width:calc(100vw - 16px);padding:8px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.tabbar button{color:var(--birch);cursor:pointer;opacity:.7;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex-direction:column;flex:none;align-items:center;gap:3px;padding:6px 12px;font-size:11px;display:flex}@media (width<=400px){.tabbar button{padding:6px 9px;font-size:10px}.tabbar button .ic svg{width:18px;height:18px}}.tabbar button.on{opacity:1;color:var(--aurora);background:#5cd9a129}.tabbar button .ic{font-size:18px}.section-pad{padding:16px}.center{text-align:center}.stack>*+*{margin-top:12px}.results{display:block}*{-webkit-tap-highlight-color:transparent}button,.wordrow,.chip,.machine-row,.dtoggle button{touch-action:manipulation}html{scroll-behavior:smooth}.wordrow,.chip,.machine-row,.btn,.tabbar button,.dtoggle button{will-change:transform;transition:transform .12s,background .15s,opacity .12s}.wordrow:active,.chip:active,.machine-row:active,.btn:active{transform:scale(.98)}.tabbar button:active{transform:scale(.9)}.wordrow{content-visibility:auto;contain-intrinsic-size:66px}@media (prefers-reduced-motion:reduce){*,.wordrow,.chip,.machine-row,.btn{scroll-behavior:auto;transition:none!important}}@media (width>=900px){.app{max-width:1120px;padding:40px 40px 40px 168px}.tabbar{flex-direction:column;gap:6px;padding:12px;top:50%;bottom:auto;left:28px;transform:translateY(-50%)}.tabbar button{width:92px;padding:12px 8px;font-size:12px}.tabbar button .ic{font-size:22px}.results{grid-template-columns:1fr 1fr;gap:12px;display:grid}.results .wordrow{margin-bottom:0}.grid,.packgrid{grid-template-columns:repeat(4,1fr)}.searchbar{max-width:640px}.backdrop{place-items:center}.sheet{border-radius:26px;max-width:560px;max-height:88vh}.chips{flex-wrap:wrap;overflow:visible}}@media (width>=1300px){.app{max-width:1320px}.results{grid-template-columns:1fr 1fr 1fr}}