:root{--bg: #0b0f17;--bg-2: #0e1422;--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .65);--card: rgba(255, 255, 255, .08);--card-2: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .12);--shadow: 0 18px 50px rgba(0, 0, 0, .35);--accent: #ff8800;--accent-2: #cf7105;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{height:100%}html{background:radial-gradient(1200px 800px at 30% 20%,#121a2e 0%,var(--bg) 55%,#070a10 100%)}body{margin:0;min-height:100vh;background:transparent;color:var(--text);position:relative;z-index:0}#root{position:relative;z-index:1;min-height:100vh}body:before,body:after{content:"";position:fixed;inset:-40vmax;pointer-events:none;z-index:0;transform:translateZ(0)}@media(prefers-reduced-motion:reduce){body:before,body:after{animation:none!important}}a{color:var(--text);text-decoration:none}a:hover{color:#fff}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#0a0e16c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:3px solid var(--accent-2)}.topbar__title{font-weight:900;letter-spacing:.2px}.hamburger{width:44px;height:44px;border-radius:14px;border:2px solid rgba(0,0,0,.55);background:var(--accent);cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 22px #00000040}.hamburger span{display:block;width:18px;height:2px;background:#111;border-radius:10px;margin:2px 0}.backdrop{position:fixed;inset:0;background:#0000008c;z-index:60}.drawer{position:fixed;top:0;left:0;height:100vh;width:280px;z-index:70;padding:14px;background:#976803eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--border);box-shadow:var(--shadow);transform:translate(-110%);transition:transform .2s ease}.drawer--open{transform:translate(0)}.drawer__header{display:flex;align-items:center;justify-content:space-between}.drawer__title{font-weight:900}.drawer__close{width:40px;height:40px;border-radius:14px;border:1px solid var(--border);background:#000;color:var(--text);cursor:pointer}.drawer__links{margin-top:12px;display:grid;gap:8px}.drawer__link{padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:#000}.drawer__link:hover{border-color:#ffffff38;background:#c2b2a3d3}.drawer__hint{margin-top:18px;font-size:12px;color:var(--muted)}.page{padding:22px 16px;max-width:900px;margin:0 auto}.page__title{margin:10px 0 6px;font-size:30px;line-height:1.1}.page__subtitle{margin:0 0 14px;color:var(--muted)}.section{margin-top:22px}.section__title{margin:0 0 10px}.tileRow{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px}.tileRow--tight{gap:14px}.summaryGrid{display:grid;gap:12px}.btnRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.btn{padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.btn:hover{border-color:#ffffff38;background:#ffffff1a}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);border-color:#00000073;color:#111;font-weight:800}.btn--primary:hover{background:linear-gradient(135deg,#ff9a1f,#d07a1a)}.btn--ghost{background:#ffffff0f}.btn--danger{background:#ff50501f;border-color:#ff505038}.tile{width:92px;height:92px;border-radius:22px;border:1px solid rgba(255,255,255,.2);cursor:pointer;display:grid;place-items:center;box-shadow:0 14px 34px #00000059;-webkit-user-select:none;user-select:none}.tile:disabled{opacity:.55;cursor:not-allowed}.tile__inner{display:grid;gap:8px;place-items:center}.tile__icon{font-size:40px;line-height:1;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}.tile__label{font-size:12px;color:#ffffffeb;text-shadow:0 1px 3px rgba(0,0,0,.55);font-weight:800}.tile__emoji{font-size:34px;line-height:1}.tile__labelDark{font-size:12px;font-weight:900;color:#000c}.tile--app{border:1px solid rgba(255,255,255,.28)}.tile--tiktok{background:linear-gradient(135deg,#0f0f0f,#2a2a2a)}.tile--twitter{background:linear-gradient(135deg,#1da1f2,#0b63a5)}.tile--facebook{background:linear-gradient(135deg,#1877f2,#0b3c88)}.tile--activity{background:#ffffffe6;border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 26px #0000002e}.tile--activity:hover:not(:disabled){transform:translateY(-1px)}.tile--activity.is-selected{border:2px solid var(--accent);box-shadow:0 18px 34px #ff880038}.card{margin-top:18px;padding:18px;border-radius:18px;border:1px solid var(--border);background:#ffffff0f;box-shadow:0 12px 34px #00000040}.card__meta{font-size:13px;color:var(--muted);margin-bottom:6px}.timerText{font-size:52px;font-weight:950;letter-spacing:1px;font-variant-numeric:tabular-nums}.summaryCard{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px;background:#ffffff0a}.summaryHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.summaryLeft{display:flex;align-items:center;gap:8px;font-weight:900}.summaryEmoji{font-size:18px}.summaryLabel{color:var(--text)}.summaryValue{color:var(--text);font-variant-numeric:tabular-nums}.bar{height:14px;border-radius:999px;background:#ffffff1a;overflow:hidden}.bar__fill{height:100%;border-radius:999px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);transition:width .2s ease}.hint{color:var(--muted);font-size:12px;margin-top:10px}.modalOverlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;background:#0000008c}.modalCard{width:min(520px,92vw);border-radius:16px;padding:16px;background:#141414f2;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 50px #00000080}.modalField{display:block;margin-top:12px}.modalLabel{font-size:12px;opacity:.8;margin-bottom:6px}.modalCard input,.modalCard select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:inherit;outline:none}.modalActions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.qcOverlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center}.qcGlass{position:absolute;inset:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000094}.qcPanel{position:relative;width:min(920px,calc(100vw - 32px));border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#10141cd9;box-shadow:0 20px 90px #000000a6;padding:16px;overflow:hidden}.qcHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.qcTitle{font-weight:900;font-size:13px;letter-spacing:.14em;opacity:.9}.qcClose{background:transparent;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:6px 10px;color:#ffffffeb;cursor:pointer}.qcSub{opacity:.85;font-size:13px;margin-bottom:12px}.qcAccent{color:#ff9b2f;font-weight:800}.qcProgressWrap{margin-bottom:14px}.qcProgressBar{height:10px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.qcProgressFill{height:100%;background:linear-gradient(90deg,#ff9b2ff2,#ff9b2f40)}.qcProgressText{margin-top:8px;font-size:12px;letter-spacing:.08em;opacity:.85}.qcWindows{display:grid;grid-template-columns:1.4fr .6fr;gap:12px}.qcWindow{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0a0c128c;overflow:hidden}.qcWindowTitle{padding:10px 12px;font-size:12px;font-weight:800;letter-spacing:.14em;opacity:.8;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff08}.qcLog{padding:10px 12px;max-height:240px;overflow:auto}.qcLogLine{margin-bottom:6px}.qcMono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;opacity:.92}.qcWindow--side .qcSideText{padding:12px}.qcBig{font-weight:900;letter-spacing:.14em;font-size:16px;color:#ff9b2ff2;margin-bottom:6px}.qcSmall{font-size:12px;opacity:.85;margin-bottom:6px}.qcBtn{border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffeb}.qcBtn--ghost:hover{background:#ffffff1a}.qcBtn--primary{border-color:#ff9b2f73;background:#ff9b2f24}.qcBtn--primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:760px){.qcWindows{grid-template-columns:1fr}.qcLog{max-height:200px}}.qcBig--danger{color:#ff6e6ef2}.qcSmall--danger{color:#ffaaaaf2}.mathBox{margin-top:12px;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#00000038}.mathPrompt{font-weight:900;font-size:16px;letter-spacing:.08em;margin-bottom:10px;color:#ffffffeb}.mathInput{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#fffffff2;outline:none;font-weight:800;margin-bottom:10px}.mathInput:focus{border-color:#ff9b2f8c;box-shadow:0 0 0 4px #ff9b2f1a}.mathError{margin:6px 0 10px;font-weight:800;font-size:12px;color:#ffaaaaf2}.qcBtn--full{width:100%;margin-top:8px}.tile--app{position:relative}.tileWrap{display:inline-flex;flex-direction:column;align-items:center}.tile--locked{opacity:.7;cursor:not-allowed}.lockX{position:absolute;inset:10px;pointer-events:none}.lockX__a,.lockX__b{position:absolute;left:10px;right:10px;top:50%;height:6px;border-radius:999px;background:#ff3c3cf2;box-shadow:0 0 22px #ff3c3c8c;transform-origin:center}.lockX__a{transform:translateY(-50%) rotate(35deg)}.lockX__b{transform:translateY(-50%) rotate(-35deg)}.lockTextBelow{margin-top:8px;font-weight:900;font-size:12px;letter-spacing:.06em;color:#ff3c3cf2;text-shadow:0 8px 24px rgba(0,0,0,.65)}