.theory-page{max-width:1240px;margin:0 auto;padding:40px 20px 80px}.theory-head{text-align:center;margin-bottom:24px}.theory-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-size:11px}.theory-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-hi);margin-top:8px;font-size:clamp(28px,4vw,40px);font-weight:900}.theory-sub{font-family:var(--font-mono);color:var(--text-dim);margin-top:10px;font-size:12px}.theory-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.theory-search{background:var(--surface);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-hi);border-radius:10px;outline:none;flex:260px;padding:10px 14px;font-size:13px;transition:border-color .15s}.theory-search:focus{border-color:var(--cyan)}.theory-search::placeholder{color:var(--text-dim)}.theory-levels{flex-wrap:wrap;gap:6px;display:flex}.theory-level-btn{font-family:var(--font-mono);border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.theory-level-btn:hover{color:var(--text-hi);border-color:var(--border2)}.theory-level-btn.is-active{color:var(--text-hi);border-color:var(--text-dim);background:var(--surface2)}.theory-level-btn.lv-junior.is-active{border-color:var(--green)}.theory-level-btn.lv-mid.is-active{border-color:var(--blue)}.theory-level-btn.lv-senior.is-active{border-color:var(--purple)}.theory-level-count{color:var(--text-dim);background:var(--surface2);border-radius:999px;padding:1px 7px;font-size:10px}.theory-layout{grid-template-columns:minmax(280px,380px) 1fr;align-items:start;gap:20px;display:grid}.theory-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.theory-section-head{justify-content:space-between;align-items:center;gap:10px;padding:10px 14px 8px;display:flex}.theory-section-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-hi);font-size:14px;font-weight:700}.theory-track{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);background:var(--surface2);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:9.5px}.theory-topics{border-top:1px solid var(--border);padding:4px 0}.theory-row{text-align:left;cursor:pointer;width:100%;font-family:var(--font-hero);color:var(--text);background:0 0;border:none;align-items:center;gap:9px;padding:6px 14px;font-size:13px;transition:background .15s,color .15s;display:flex}.theory-row:hover{background:var(--surface2);color:var(--text-hi)}.theory-row.is-active{background:var(--surface2);color:var(--text-hi);font-weight:700}.theory-row-q{flex:1}.theory-detail-top-right{align-items:center;gap:8px;display:inline-flex}.theory-video-btn{border:1px solid var(--border);background:var(--surface2);color:var(--text-hi);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:10px;transition:border-color .15s,color .15s;display:inline-flex}.theory-video-btn:hover{border-color:var(--red,#e5484d)}.theory-video-play{color:var(--red,#e5484d);font-size:9px}.theory-video-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.theory-video-modal{position:relative}.theory-video-close{z-index:1;border:1px solid var(--border);background:var(--surface2,#1a1a1a);width:32px;height:32px;color:var(--text-hi,#fff);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex;position:absolute;top:-14px;right:-14px}.theory-video{aspect-ratio:9/16;border:1px solid var(--border);background:#000;border-radius:14px;width:min(460px,100vw - 48px,56.25vh - 36px);overflow:hidden}.theory-video iframe,.theory-video video{object-fit:contain;background:#000;border:0;width:100%;height:100%;display:block}.theory-level-dot{border-radius:999px;flex-shrink:0;width:7px;height:7px}.theory-level-dot.lv-junior{background:var(--green)}.theory-level-dot.lv-mid{background:var(--blue)}.theory-level-dot.lv-senior{background:var(--purple)}.theory-level-pill{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);border-radius:999px;padding:2px 9px;font-size:10px}.theory-level-pill.lv-junior{color:var(--green);border-color:var(--green)}.theory-level-pill.lv-mid{color:var(--blue);border-color:var(--blue)}.theory-level-pill.lv-senior{color:var(--purple);border-color:var(--purple)}.theory-detail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-height:calc(100vh - 104px);padding:22px 24px;position:sticky;top:84px;overflow-y:auto}.theory-detail-close{border:1px solid var(--border);background:var(--surface2);width:30px;height:30px;color:var(--text-hi);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:18px;display:none;position:absolute;top:10px;right:12px}.theory-detail-top{font-family:var(--font-mono);color:var(--text-dim);justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:11px;display:flex}.theory-detail-q{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-hi);margin-bottom:12px;font-size:20px;font-weight:800}.theory-detail-body p{font-family:var(--font-hero);color:var(--text);margin-top:10px;font-size:14px;line-height:1.65}.theory-detail-body p:first-child{margin-top:0}.theory-example{background:var(--surface2);border:1px solid var(--border);border-radius:10px;margin-top:12px;padding:10px 12px}.theory-example-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin-bottom:6px;font-size:10px;display:block}.theory-example .tok-c,.theory-example .tok-c *{color:var(--green);font-style:italic}.theory-example .tok-s{color:var(--yellow)}.theory-example .tok-k{color:var(--cyan);font-weight:700}.theory-example pre{font-family:var(--font-body);color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;font-size:12px;line-height:1.55}.theory-empty{text-align:center;font-family:var(--font-mono);color:var(--text-dim);padding:40px 0;font-size:13px}.theory-mode-toggle{background:var(--surface);border:1px solid var(--border);border-radius:999px;display:flex;overflow:hidden}.theory-mode-btn{font-family:var(--font-mono);cursor:pointer;color:var(--text-dim);background:0 0;border:none;padding:8px 18px;font-size:12px;transition:background .15s,color .15s}.theory-mode-btn.is-active{background:var(--text-hi);color:var(--bg)}.quiz-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:760px;margin:0 auto;padding:24px 26px}.quiz-top{font-family:var(--font-mono);color:var(--text-dim);justify-content:space-between;gap:12px;margin-bottom:14px;font-size:12px;display:flex}.quiz-top-level{text-transform:uppercase;letter-spacing:.06em;font-size:10px}.quiz-top-level.lv-junior{color:var(--green)}.quiz-top-level.lv-mid{color:var(--blue)}.quiz-top-level.lv-senior{color:var(--purple)}.quiz-q{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-hi);margin-bottom:14px;font-size:22px;font-weight:800}.quiz-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.quiz-actions-center{justify-content:center}.quiz-btn{font-family:var(--font-mono);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:9px 17px;font-size:12px;transition:background .15s,border-color .15s,color .15s}.quiz-btn:hover{background:var(--surface2);color:var(--text-hi)}.quiz-btn-reveal{background:var(--text-hi);color:var(--bg);border-color:#0000}.quiz-btn-reveal:hover{background:var(--text-hi);color:var(--bg);opacity:.85}.quiz-btn-know{border-color:var(--green);color:var(--green)}.quiz-btn-review{border-color:var(--orange);color:var(--orange)}.quiz-btn-skip{color:var(--text-dim)}.quiz-kbd{font-family:var(--font-mono);color:var(--text-dim);margin-top:16px;font-size:11px}.quiz-done{text-align:center;padding:50px 0}.quiz-done p{font-family:var(--font-mono);color:var(--text-dim);margin-top:10px;margin-bottom:18px;font-size:13px}.quiz-done .quiz-kbd{margin-top:20px}@media (max-width:860px){.theory-layout{grid-template-columns:1fr}.theory-detail{z-index:60;border:none;border-top:1px solid var(--border);height:auto;max-height:none;box-shadow:none;padding-bottom:calc(22px + env(safe-area-inset-bottom));border-radius:0;transition:transform .25s;position:fixed;inset:clamp(56px,10vw,60px) 0 0;transform:translateY(105%)}.theory-detail.is-open{transform:none}.theory-detail-close{z-index:5;background:var(--surface2);border:1px solid var(--border);display:flex;position:fixed;top:calc(clamp(56px,10vw,60px) + 10px);right:12px}}@media (max-width:640px){.theory-video-overlay{padding:0}.theory-video-modal{width:100%;height:100dvh}.theory-video{aspect-ratio:auto;border:none;border-radius:0;width:100%;height:100%}.theory-video-close{top:max(12px,env(safe-area-inset-top));right:12px}}