:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8f7ff;--bg:#101022;--surface:#ffffff0f;--border:#ffffff26;--text:#f8f7ff;--muted:#b7b7cc;--accent:#baff4d;--violet:#7258ff;--danger:#ff5d7a;--radius:16px;font-synthesis:none;background:#101022;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden}button,input{font:inherit}button{min-width:44px;min-height:44px}.app-shell{width:min(100%,520px);min-height:100svh;margin:0 auto;padding:20px}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.primary{background:var(--accent);color:var(--bg);font-weight:900}body{background:radial-gradient(circle at 50% -12%, #7258ff7a, transparent 42rem), var(--bg);color:var(--text)}body:before{z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px);background-size:100% 32px;position:fixed;inset:0}#root{width:min(100%,520px);min-height:100svh;margin:0 auto;padding:16px}nav{justify-content:flex-end;gap:4px;margin-bottom:12px;display:flex}nav button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:8px 14px;transition:color .16s,border-color .16s,background-color .16s}nav button[aria-pressed=true]{border-color:var(--border);background:var(--surface);color:var(--text)}main{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101022c2;border-radius:28px;flex-direction:column;justify-content:center;gap:20px;min-height:calc(100svh - 88px);padding:clamp(24px,7vw,40px);display:flex;box-shadow:0 30px 80px #00000047}h1,h2,p,ul{margin:0}h1,h2{overflow-wrap:anywhere;letter-spacing:-.055em;max-width:100%;font-weight:950}h1{font-size:clamp(3rem,15vw,5.75rem);line-height:.88}h2{font-size:clamp(2rem,9vw,3.25rem);line-height:.98}p,label,a,button,input{line-height:1.45}p{max-width:38rem;color:var(--muted);font-size:1rem}main>p:first-child{color:var(--text);font-weight:750}button,input{border-radius:var(--radius)}button{border:1px solid var(--border);overflow-wrap:anywhere;cursor:pointer;padding:12px 16px;transition:transform .14s,border-color .18s,background-color .18s}button:not(nav button){background:var(--surface);color:var(--text);text-align:left}#root main>button,#root form button,#root [data-round-kind=memory]>button{border-color:var(--accent);background:var(--accent);color:var(--bg);text-align:center;font-weight:900}#root main>button+button{border-color:var(--border);color:var(--text);background:0 0}button:hover:not(:disabled){border-color:var(--accent)}button:active:not(:disabled){transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[data-round-kind]{flex-direction:column;gap:24px;min-width:0;display:flex}[data-round-kind]>div:not([data-testid=memory-scene]),[data-round-kind=memory]>div:not([data-testid=memory-scene]){gap:10px;display:grid}[data-round-kind=trend] button,[data-round-kind=memory]>div:not([data-testid=memory-scene]) button{border-color:var(--border);background:#ffffff13;width:100%;padding:16px}form{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}form label{color:var(--muted);grid-column:1/-1;gap:10px;display:grid}input{border:1px solid var(--border);width:100%;min-height:52px;color:var(--text);background:#0000003d;padding:10px 14px;font-size:1.25rem}form>span{color:var(--muted);align-self:center}[role=alert]{color:var(--danger);grid-column:1/-1;font-weight:700}a{width:fit-content;color:var(--accent);text-underline-offset:4px;text-decoration-thickness:2px}[data-testid=memory-scene]{background:radial-gradient(circle,#7258ff4d,#0000 70%);border:1px solid #baff4d47;border-radius:24px;place-items:center;min-height:260px}[data-testid=memory-scene] [aria-hidden=true]{filter:drop-shadow(0 0 20px #7258ffa6);font-size:clamp(2.1rem,12vw,4rem)}[data-color=yellow]{color:#ffe66d}[data-color=pink]{color:#ff78c8}[data-color=blue]{color:#70c7ff}[data-color=green]{color:#baff4d}[data-color=violet]{color:#a993ff}.round-background{display:contents}#root .rules-button{border-color:var(--border);color:var(--text);background:0 0;justify-self:end}.rules-dialog-backdrop{width:min(100% - 40px,520px);max-height:calc(100% - 40px);color:var(--text);background:0 0;border:0;margin:auto;padding:0}.rules-dialog-backdrop::backdrop{background:#04040ed1}.rules-dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:min(100%,520px);max-height:calc(100vh - 40px);box-shadow:var(--shadow);padding:28px;overflow:auto}.rules-dialog button{border-color:var(--accent);background:var(--accent);width:100%;color:var(--bg);text-align:center;margin-top:20px}ul{grid-template-columns:repeat(3,minmax(44px,1fr));gap:10px;padding:0;list-style:none;display:grid}li{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);place-items:center;min-height:54px;font-size:1.35rem;display:grid}@media (width<=379px){#root{padding:10px}main{border-radius:22px;min-height:calc(100svh - 76px);padding:22px 18px}nav{margin-bottom:8px}}@media (width>=700px){#root{padding-block:28px}main{min-height:calc(100svh - 120px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
