:root{--bg: #0d1117;--card: #161d27;--card2: #1d2634;--line: #263140;--text: #e8edf4;--muted: #8b98a9;--dim: #5c6a7a;--accent: #f5b942;--teal: #2dd4bf;--red: #f87171}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.app{max-width:560px;margin:0 auto;min-height:100dvh}.screen{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.pad{padding:20px 18px}.boot{min-height:100dvh;display:grid;place-items:center;font-size:28px;font-weight:800;letter-spacing:.04em;color:var(--accent)}h1{font-size:26px;font-weight:800;letter-spacing:-.01em}h2{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:26px 0 10px}.muted{color:var(--muted)}.dim{color:var(--dim)}.center{text-align:center}.error{color:var(--red);margin-top:10px;text-align:center}.login{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:32px;gap:36px}.login-brand{text-align:center}.login-logo{width:76px;height:76px;margin:0 auto 14px;border-radius:22px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;font-size:40px;font-weight:800;color:var(--accent)}.login-brand h1{font-size:32px}.login-form{display:flex;flex-direction:column;gap:12px;max-width:320px;width:100%;margin:0 auto}.login-form input{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;font-size:22px;text-align:center;letter-spacing:.4em;color:var(--text);outline:none}.login-form input:focus{border-color:var(--accent)}.login-form button{background:var(--accent);color:#14100a;font-weight:700;border-radius:16px;padding:16px;font-size:17px}.login-form button:disabled{opacity:.4}.apphead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.ring{width:96px;height:96px;flex-shrink:0}.ring-track{fill:none;stroke:var(--card2);stroke-width:10}.ring-fill{fill:none;stroke:var(--teal);stroke-width:10;stroke-linecap:round;transition:stroke-dasharray .6s ease}.ring-num{fill:var(--text);font-size:22px;font-weight:800}.ring-label{fill:var(--muted);font-size:11px}.subjectbar{display:flex;gap:8px;overflow-x:auto;margin:-4px 0 18px;padding-bottom:4px;-webkit-overflow-scrolling:touch}.subjectchip{flex-shrink:0;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 14px}.subjectchip.active{color:#14100a;background:var(--accent);border-color:var(--accent)}.subjecticon{font-size:15px}.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.statrow.tight{grid-template-columns:repeat(3,1fr);margin-bottom:14px}.stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 6px;text-align:center}.stat-num{font-size:20px;font-weight:800}.stat-num.warn{color:var(--red)}.stat-label{font-size:11px;color:var(--muted);margin-top:2px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}.listrow{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:14px 16px;border-bottom:1px solid var(--line)}.listrow:last-child{border-bottom:none}.listrow:active{background:var(--card2)}.listrow-main{display:flex;flex-direction:column;gap:3px;min-width:0}.listrow-title{font-weight:600}.listrow-sub{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chev{color:var(--muted);font-size:20px}.checkmark{color:var(--teal);font-size:18px;font-weight:800;flex-shrink:0}.catrow{padding:12px 16px;border-bottom:1px solid var(--line)}.catrow:last-child{border-bottom:none}.catrow-head{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:8px}.bar{height:6px;background:var(--card2);border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:var(--teal);border-radius:3px;transition:width .5s ease}.badge{font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;flex-shrink:0}.badge-new{color:var(--muted);border:1px solid var(--line)}.badge-learning{color:#14100a;background:var(--accent)}.badge-review{color:#1a0d0d;background:var(--red)}.badge-solid{color:#08201c;background:var(--teal)}.chip{font-size:12px;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 10px}.chiprow{display:flex;gap:8px;align-items:center;margin-bottom:10px}.aitag{font-size:10px;font-weight:800;color:var(--teal);border:1px solid var(--teal);border-radius:4px;padding:1px 4px;margin-left:6px;vertical-align:middle}.cta{display:block;width:100%;background:var(--accent);color:#14100a;font-weight:700;font-size:17px;border-radius:16px;padding:16px;margin:14px 0}.cta:active{transform:scale(.99)}.linkbtn{display:block;width:100%;color:var(--muted);padding:12px;text-align:center;font-size:15px}.backbtn{color:var(--muted);font-size:15px;margin-bottom:14px;padding:4px 0}.detail-title{margin-bottom:6px}.source{font-size:13px;margin-bottom:18px}.lesson p{margin:0 0 14px;line-height:1.65}.lesson ul{margin:0 0 14px 18px;display:flex;flex-direction:column;gap:6px;line-height:1.55}.lesson code,.studyq code,.verdict code{background:var(--card2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em}.lesson strong{color:var(--accent);font-weight:700}.mastery{padding:14px;margin-top:6px}.mastery .cta{margin-bottom:4px}.studyq{border-bottom:1px solid var(--line)}.studyq:last-child{border-bottom:none}.studyq-head{width:100%;display:flex;justify-content:space-between;gap:12px;text-align:left;padding:14px 16px;font-size:15px;line-height:1.45}.studyq-body{padding:0 16px 16px}.studyq-body ol{margin:0 0 10px 22px;display:flex;flex-direction:column;gap:6px;font-size:14px}.studyq-body li.right{color:var(--teal);font-weight:700}.studyq-body p{font-size:14px;line-height:1.5}.quiz-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.quiz-progress{margin-bottom:22px}.quiz-prompt{font-size:21px;line-height:1.35;margin-bottom:20px}.choices{display:flex;flex-direction:column;gap:10px}.choice{display:flex;gap:12px;align-items:flex-start;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;font-size:15px;line-height:1.45;transition:border-color .15s ease,background .15s ease}.choice:active{background:var(--card2)}.choice-letter{font-weight:800;color:var(--muted);flex-shrink:0}.choice.correct{border-color:var(--teal);background:#2dd4bf14}.choice.correct .choice-letter{color:var(--teal)}.choice.wrong{border-color:var(--red);background:#f8717114}.choice.wrong .choice-letter{color:var(--red)}.choice.faded{opacity:.45}.verdict{margin-top:18px;border-radius:16px;padding:16px;border:1px solid var(--line);background:var(--card)}.verdict.good strong{color:var(--teal)}.verdict.bad strong{color:var(--red)}.verdict p{margin:8px 0 4px;font-size:14px;line-height:1.55;color:var(--muted)}.quiz-end{text-align:center;padding-top:60px}.bigscore{font-size:56px;font-weight:800;margin:16px 0 8px;color:var(--accent)}.arcade-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#04050af0;display:grid;place-items:center;padding:24px;overflow:hidden}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.35) 4px)}.pixel{position:absolute;top:-20px;animation:pixelfall linear infinite}@keyframes pixelfall{0%{transform:translateY(-4vh) rotate(0)}to{transform:translateY(108vh) rotate(540deg)}}.arcade-panel{position:relative;width:100%;max-width:360px;text-align:center;background:#0a0c14;border:3px solid #00fff5;border-radius:6px;box-shadow:0 0 24px #00fff559,inset 0 0 40px #00fff50d;padding:28px 22px 18px;font-family:ui-monospace,Menlo,monospace}.arcade-tag{color:#ffe600;font-size:13px;font-weight:700;letter-spacing:4px;margin-bottom:10px}.arcade-blink{color:var(--muted);font-size:11px;letter-spacing:3px;animation:arcadeblink 1.1s steps(2,start) infinite;margin-bottom:18px}@keyframes arcadeblink{to{visibility:hidden}}.arcade-title{font-family:inherit;font-size:30px;font-weight:800;letter-spacing:2px;color:#ffe600;text-shadow:3px 3px 0 #ff2bd6,-2px -2px 0 rgba(0,255,245,.8);margin-bottom:12px;line-height:1.25}.arcade-sub{color:#bfefff;font-size:14px;line-height:1.6;margin-bottom:6px}.arcade-panel .cta{font-family:inherit;letter-spacing:1px}.bottomnav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#0d1117eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:8px 0 calc(8px + env(safe-area-inset-bottom))}.navbtn{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:11px;font-weight:600;padding:4px 18px}.navbtn.active{color:var(--accent)}