*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#181a20;--surface-2:#1e2028;--border:#ffffff14;--border-hover:#ffffff26;--text:#a1a1aa;--text-h:#e4e4e7;--muted:#63636e;--accent:#6c8eef;--accent-hover:#8aa4f4;--accent-subtle:#6c8eef1f;--success:#4ade80;--success-subtle:#4ade801f;--danger:#f87171;--danger-subtle:#f871711f;--warning:#fbbf24;--warning-subtle:#fbbf241f;--nav-bg:#0f1117cc;--scrollbar-thumb:#ffffff1a;--scrollbar-thumb-hover:#ffffff2e;--selection-bg:#6c8eef4d;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--radius:8px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #00000040, 0 1px 2px #00000026;--shadow-md:0 4px 6px #0003, 0 2px 4px #0000001f;--shadow-lg:0 10px 15px #00000040, 0 4px 6px #0000001f;--shadow-glow-accent:0 0 20px #6c8eef26;--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.35s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif;font-size:15px;line-height:1.7}:root[data-theme=light]{--bg:#f5f5f7;--surface:#fff;--surface-2:#f0f0f2;--border:#00000014;--border-hover:#00000026;--text:#52525b;--text-h:#18181b;--muted:#a1a1aa;--accent:#4f6fdb;--accent-hover:#3d5bc7;--accent-subtle:#4f6fdb1a;--success:#22c55e;--success-subtle:#22c55e1a;--danger:#ef4444;--danger-subtle:#ef44441a;--warning:#f59e0b;--warning-subtle:#f59e0b1a;--nav-bg:#f5f5f7d9;--scrollbar-thumb:#0000001f;--scrollbar-thumb-hover:#0003;--selection-bg:#4f6fdb40;--shadow-xs:0 1px 2px #0000000f;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000f, 0 2px 4px #0000000a;--shadow-lg:0 10px 15px #00000014, 0 4px 6px #0000000a;--shadow-glow-accent:0 0 20px #4f6fdb1a}body{background:var(--bg);min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0}#root{max-width:960px;min-height:100dvh;margin:0 auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background:var(--selection-bg);color:var(--text-h)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html{scroll-behavior:smooth}img{max-width:100%;height:auto;display:block}@keyframes correct-pulse{0%{box-shadow:0 0 #4ade8066}70%{box-shadow:0 0 0 12px #4ade8000}to{box-shadow:0 0 #4ade8000}}@keyframes incorrect-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:380px;padding:2.5rem 2rem}.login-card h1{margin:0 0 .25rem;font-size:1.8rem}.login-subtitle{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.85rem}.login-tabs{border:1px solid var(--border);border-radius:8px;gap:0;margin-bottom:1.5rem;display:flex;overflow:hidden}.login-tabs button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:.5rem;font-size:.9rem;transition:background .15s,color .15s}.login-tabs button.active{background:var(--accent);color:#fff}.login-card form{flex-direction:column;gap:.75rem;display:flex}.login-card input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:.7rem .9rem;font-size:.95rem}.login-card input:focus{border-color:var(--accent);outline:none}.login-error{color:#ef4444;margin:0;font-size:.85rem}.login-submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.7rem;font-size:1rem;transition:opacity .15s}.login-submit:hover{opacity:.9}.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-success{color:#4ade80;margin:0;font-size:.85rem}.forgot-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-top:1rem;padding:0;font-size:.8rem;text-decoration:underline;display:inline-block}.forgot-link:hover{color:var(--accent)}.email-banner{background:var(--accent);color:#fff;padding:.5rem 1rem;font-size:.85rem}.email-banner form{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.email-banner input{color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:4px;padding:.3rem .6rem;font-size:.85rem}.email-banner input::placeholder{color:#fff9}.email-banner button{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:4px;padding:.3rem .8rem;font-size:.85rem}.email-banner-error{color:#fca5a5}.nav-user{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.5rem;margin-left:auto;font-size:.8rem;display:flex}.logout-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.logout-btn:hover{border-color:var(--text-secondary)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes reveal-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.nav{gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;display:flex;position:sticky;top:0}.nav button{padding:var(--space-2) var(--space-5);color:var(--muted);cursor:pointer;border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;background:0 0;border:none;font-size:14px;font-weight:500;position:relative}.nav button:hover{color:var(--text-h);background:var(--surface)}.nav button.active{color:var(--accent);background:var(--accent-subtle)}.theme-toggle{margin-left:auto;font-size:16px;padding:var(--space-2) var(--space-3)!important}.main{padding:var(--space-6) var(--space-4);animation:fade-in var(--duration-slow) var(--ease-out)}.loading{height:100dvh;color:var(--muted);letter-spacing:.02em;justify-content:center;align-items:center;font-size:18px;display:flex}.btn-primary{justify-content:center;align-items:center;gap:var(--space-2);background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;border:none;padding:10px 24px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #6c8eef33}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6c8eef4d}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #6c8eef26}.btn-primary:disabled{opacity:.4;cursor:default;box-shadow:none}.btn-large{width:100%;margin:var(--space-4) 0;border-radius:var(--radius-lg);padding:14px 32px;font-size:16px}.btn-text{color:var(--accent);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none;padding:6px 0;font-size:13px}.btn-text:hover{color:var(--accent-hover);text-decoration:none}.btn-small{border-radius:6px;padding:5px 14px;font-size:12px}.dashboard{max-width:900px;margin:0 auto}.dashboard h1{color:var(--text-h);margin-bottom:var(--space-6);letter-spacing:-.01em;font-size:28px;font-weight:700}.dashboard h2{color:var(--text-h);margin:var(--space-8) 0 var(--space-4);letter-spacing:-.01em;font-size:17px;font-weight:600}.stats-cards{gap:var(--space-3);margin-bottom:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-hover));opacity:0;height:2px;transition:opacity var(--duration-normal);position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.stat-card:hover:before{opacity:1}.stat-card.large{grid-column:1/-1}.stat-number{color:var(--text-h);font-size:30px;font-weight:700;line-height:1.2}.stat-label{color:var(--muted);margin-top:var(--space-1);font-size:13px}.stat-sub{color:var(--muted);margin-top:2px;font-size:12px}.stat-card:first-child .stat-number{color:var(--accent)}.stat-card:nth-child(2) .stat-number{color:var(--success)}.subject-grid{gap:var(--space-3);display:grid}.subject-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out)}.subject-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-xs)}.subject-card h3{color:var(--text-h);margin-bottom:var(--space-1);font-size:16px;font-weight:600}.subject-info{color:var(--muted);margin-bottom:var(--space-3);font-size:13px}.chapter-list{margin-top:var(--space-3);flex-wrap:wrap;gap:6px;display:flex}.chapter-btn{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg);color:var(--text);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;padding:5px 12px;font-size:12px}.chapter-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.chapter-btn:disabled{opacity:.35;cursor:default}.study-view{max-width:680px;animation:slide-in var(--duration-slow) var(--ease-out);margin:0 auto}.study-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--muted);flex-wrap:wrap;font-size:13px;display:flex}.study-nav{align-items:center;gap:var(--space-2);display:flex}.nav-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:34px;height:34px;color:var(--text-h);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;font-size:16px;display:flex}.nav-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.nav-btn:disabled{opacity:.25;cursor:default}.study-progress{color:var(--text-h);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.study-info{color:var(--muted);font-size:13px}.study-refs{color:var(--accent);font-size:12px;font-weight:500}.study-tags{margin-bottom:var(--space-3);flex-wrap:wrap;gap:5px;display:flex}.question-image-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2);margin-bottom:var(--space-4);overflow:hidden}.question-image{border-radius:var(--radius-sm);width:100%;height:auto}.user-image{margin-top:var(--space-2);border:2px solid var(--warning);border-radius:var(--radius-sm)}.answer-section{text-align:center;animation:fade-in var(--duration-slow) var(--ease-out)}.hint{color:var(--warning);margin-bottom:var(--space-3);font-size:13px;font-weight:500}.choices{gap:var(--space-3);margin-bottom:var(--space-4);justify-content:center;display:flex}.choice-btn{border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:60px;height:60px;color:var(--text-h);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-transform:lowercase;letter-spacing:0;font-size:20px;font-weight:700}.choice-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle);box-shadow:var(--shadow-md);transform:translateY(-2px)}.choice-btn:active{transform:translateY(0)}.choice-btn.selected{border-color:var(--accent);background:var(--accent);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #6c8eef59}.submit-btn{margin-bottom:var(--space-3)}.skip-btn{margin:0 auto;display:block}.result-section{text-align:center;animation:reveal-down var(--duration-slow) var(--ease-out)}.result-banner{padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-4);border:1px solid #0000;font-size:18px;font-weight:700}.result-banner.correct{background:var(--success-subtle);color:var(--success);animation:correct-pulse .6s var(--ease-out);border-color:#4ade8033}.result-banner.incorrect{background:var(--danger-subtle);color:var(--danger);animation:incorrect-shake .4s var(--ease-out);border-color:#f8717133}.pass-rate{color:var(--muted);margin-bottom:var(--space-4);font-size:13px}.explanation{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4);color:var(--text);font-size:14px;line-height:1.8}.explanation h3{color:var(--text-h);margin:0 0 var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);font-size:16px;font-weight:700}.explanation h4{color:var(--accent);margin:var(--space-5) 0 var(--space-2);font-size:14px;font-weight:600}.explanation strong{color:var(--text-h);font-weight:600}.explanation p{margin-bottom:var(--space-3)}.explanation ul{padding-left:var(--space-5);margin:var(--space-2) 0}.explanation li{margin:var(--space-1) 0;color:var(--text)}.explanation li::marker{color:var(--accent)}.explanation table{border-collapse:collapse;width:100%;margin:var(--space-3) 0;border-radius:var(--radius);overflow:hidden}.explanation td{padding:var(--space-2) var(--space-3);border:1px solid var(--border);font-size:13px}.explanation tr:nth-child(odd) td{background:var(--surface-2)}.no-explanation{color:var(--muted);text-align:center;font-style:italic;padding:var(--space-8) var(--space-6)!important}.annotated-image-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);text-align:left;overflow:hidden}.annotated-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-2);font-size:13px;font-weight:600}.annotated-image{border-radius:var(--radius-sm);width:100%;height:auto}.rate-section{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border)}.rate-section p{color:var(--muted);margin-bottom:var(--space-3);font-size:13px}.rate-buttons{gap:var(--space-2);justify-content:center;display:flex}.rate-btn{padding:var(--space-3) var(--space-4);border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;color:var(--text-h);transition:all var(--duration-normal) var(--ease-out);flex-direction:column;align-items:center;min-width:80px;font-size:14px;font-weight:600;display:flex}.rate-desc{color:var(--muted);transition:color var(--duration-fast);margin-top:3px;font-size:11px;font-weight:400}.rate-btn.again{color:var(--danger);border-color:#f8717166}.rate-btn.again:hover{background:var(--danger);border-color:var(--danger);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #f871714d}.rate-btn.again:hover .rate-desc{color:#ffffffbf}.rate-btn.hard{color:var(--warning);border-color:#fbbf2466}.rate-btn.hard:hover{background:var(--warning);border-color:var(--warning);color:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 12px #fbbf244d}.rate-btn.hard:hover .rate-desc{color:#1a1a1abf}.rate-btn.good{color:var(--accent);border-color:#6c8eef66}.rate-btn.good:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6c8eef4d}.rate-btn.good:hover .rate-desc{color:#ffffffbf}.rate-btn.easy{color:var(--success);border-color:#4ade8066}.rate-btn.easy:hover{background:var(--success);border-color:var(--success);color:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 12px #4ade804d}.rate-btn.easy:hover .rate-desc{color:#1a1a1abf}.tag-filter{margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag-pill{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;padding:4px 12px;font-size:11px;display:inline-block}.tag-pill:hover{color:var(--accent);background:var(--accent-subtle);border-color:#6c8eef66}.tag-pill.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px #6c8eef4d}.tag-mini{border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border);color:var(--text);white-space:nowrap;margin:1px 2px;padding:2px 8px;font-size:10px;display:inline-block}.tag-more{color:var(--muted)}.col-tags{flex-wrap:wrap;gap:3px;display:flex}.expanded-tags{margin-bottom:var(--space-3);flex-wrap:wrap;gap:5px;display:flex}.study-complete{text-align:center;padding:var(--space-9) 0;max-width:480px;animation:slide-in var(--duration-slow) var(--ease-out);margin:0 auto}.study-complete h2{color:var(--text-h);margin-bottom:var(--space-3);font-size:26px;font-weight:700}.study-complete p{color:var(--text);margin-bottom:var(--space-6);font-size:16px}.question-list{max-width:900px;margin:0 auto}.question-list h1{color:var(--text-h);margin-bottom:var(--space-4);font-size:24px;font-weight:700}.filters{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.filters select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color var(--duration-normal);appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2363636e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:9px 32px 9px 14px;font-family:inherit;font-size:14px}.filters select:focus{border-color:var(--accent);outline:none}.question-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table-header,.table-row{gap:var(--space-2);padding:var(--space-3) var(--space-4);grid-template-columns:80px 130px 1fr 80px;align-items:center;font-size:13px;display:grid}.table-header{color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.table-row{border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--duration-fast)}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--surface-2)}.col-id{color:var(--text);font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px}.col-refs{color:var(--text);font-size:13px}.col-status{text-align:right;font-size:12px}.renmon-badge{border-radius:var(--radius-full);background:var(--warning-subtle);color:var(--warning);margin-left:6px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-block}.status-new{color:var(--muted);font-size:12px}.status-due{color:var(--danger);font-size:12px;font-weight:600}.status-done{color:var(--success);font-size:12px}.expanded-row{padding:var(--space-4);background:var(--bg);border-bottom:1px solid var(--border);animation:reveal-down var(--duration-normal) var(--ease-out)}.question-image-small{border-radius:var(--radius);max-width:100%;max-height:300px;margin-bottom:var(--space-3);border:1px solid var(--border)}.expanded-meta{color:var(--muted);margin-bottom:var(--space-3);font-size:13px}.expanded-meta p{margin:var(--space-1) 0}.count{text-align:center;color:var(--muted);margin-top:var(--space-3);padding:var(--space-2) 0;font-size:13px}.image-upload{margin-top:var(--space-3)}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;cursor:pointer;color:var(--muted);transition:all var(--duration-normal) var(--ease-out);background:var(--bg);font-size:13px}.drop-zone:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.preview-grid{gap:var(--space-2);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.preview-item{border-radius:var(--radius);width:100px;height:100px;position:relative;overflow:hidden}.preview-item img{object-fit:cover;border:1px solid var(--border);width:100%;height:100%}.remove-btn{background:var(--danger);color:#fff;cursor:pointer;width:22px;height:22px;transition:transform var(--duration-fast);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #0000004d}.remove-btn:hover{transform:scale(1.1)}.upload-done{color:var(--success);margin-top:var(--space-2);font-size:13px}.stats-page{max-width:900px;margin:0 auto}.stats-page h1{color:var(--text-h);margin-bottom:var(--space-6);font-size:24px;font-weight:700}.stats-page h2{color:var(--text-h);margin:var(--space-7) 0 var(--space-3);font-size:16px;font-weight:600}.stats-cards-row{gap:var(--space-3);margin-bottom:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.stats-cards-row .stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.stats-cards-row .stat-number{font-variant-numeric:tabular-nums;font-size:36px;font-weight:700;line-height:1.2}.stats-cards-row .stat-number.accent{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stats-cards-row .stat-number.fire{color:var(--warning)}.stats-cards-row .stat-number.success{color:var(--success)}.stats-cards-row .stat-label{color:var(--muted);margin-top:var(--space-1);font-size:13px}.stats-cards-row .stat-sub{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:12px}.maturity-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.maturity-bar{border-radius:var(--radius-full);background:var(--bg);height:24px;display:flex;overflow:hidden}.maturity-seg{transition:width .5s var(--ease-out);min-width:0}.maturity-seg.mature{background:var(--success)}.maturity-seg.young{background:var(--accent)}.maturity-seg.learning{background:var(--warning)}.maturity-seg.unstudied{background:var(--border)}.maturity-legend{gap:var(--space-3);margin-top:var(--space-3);color:var(--text);flex-wrap:wrap;font-size:12px;display:flex}.legend-item{font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:flex}.legend-dot{border-radius:2px;flex-shrink:0;width:10px;height:10px}.legend-dot.mature{background:var(--success)}.legend-dot.young{background:var(--accent)}.legend-dot.learning{background:var(--warning)}.legend-dot.unstudied{background:var(--border)}.activity-chart{gap:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);height:160px;padding:var(--space-4) var(--space-5);align-items:flex-end;display:flex}.activity-bar{justify-content:flex-end;align-items:center;gap:var(--space-1);flex-direction:column;flex:1;height:100%;display:flex}.activity-bar .bar{background:linear-gradient(180deg, var(--accent-hover) 0%, var(--accent) 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;max-width:42px;min-height:2px;transition:height var(--duration-slow) var(--ease-out);box-shadow:0 0 8px #6c8eef26}.bar-count{color:var(--text-h);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.bar-date{color:var(--muted);font-size:10px}.forecast-chart .forecast-bar{background:linear-gradient(180deg, var(--warning) 0%, #e89a0c 100%)!important;box-shadow:0 0 8px #fbbf2426!important}.radar-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);justify-content:center;display:flex}.radar-svg{width:100%;max-width:360px;height:auto}.weak-subjects{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.weak-subject-row{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);grid-template-columns:110px 50px 1fr;align-items:center;font-size:13px;display:grid}.weak-subject-row:last-child{border-bottom:none}.weak-subject-name{color:var(--text-h);font-weight:500}.weak-subject-accuracy{color:var(--danger);text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.weak-bar-container{background:var(--bg);border-radius:var(--radius-full);height:6px;overflow:hidden}.weak-bar{background:linear-gradient(90deg, var(--danger), var(--warning));border-radius:var(--radius-full);height:100%;transition:width .5s var(--ease-out)}.subject-stats{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.subject-stat-row{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);transition:background var(--duration-fast);grid-template-columns:110px 1fr 60px 50px;align-items:center;font-size:13px;display:grid}.subject-stat-row:last-child{border-bottom:none}.subject-stat-row:hover{background:var(--surface-2)}.subject-name{color:var(--text-h);font-weight:500}.progress-bar-container{background:var(--bg);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--accent), var(--accent-hover));border-radius:var(--radius-full);height:100%;transition:width .5s var(--ease-out)}.subject-progress{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.subject-accuracy{color:var(--text-h);text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.notes-section{text-align:left;margin:var(--space-4) 0}.notes-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2);font-size:12px;font-weight:600;display:block}.notes-textarea{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);resize:vertical;transition:border-color var(--duration-normal);font-family:inherit;font-size:13px;line-height:1.7}.notes-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}.notes-saving{color:var(--muted);margin-left:var(--space-2);font-size:11px;font-style:italic}.notes-page{max-width:900px;margin:0 auto}.notes-page h1{color:var(--text-h);margin-bottom:var(--space-4);font-size:24px;font-weight:700}.notes-search{gap:var(--space-3);margin-bottom:var(--space-4);align-items:center;display:flex}.search-input{padding:10px var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);transition:border-color var(--duration-normal), box-shadow var(--duration-normal);flex:1;font-family:inherit;font-size:14px}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}.notes-count{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.notes-empty{text-align:center;padding:var(--space-9) 0;color:var(--muted);font-size:14px}.notes-list{gap:var(--space-2);flex-direction:column;display:flex}.note-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--duration-normal);overflow:hidden}.note-card:hover{border-color:var(--border-hover)}.note-header{padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--duration-fast)}.note-header:hover{background:var(--surface-2)}.note-meta{gap:var(--space-3);margin-bottom:var(--space-2);align-items:center;font-size:12px;display:flex}.note-id{color:var(--text-h);font-family:SF Mono,Menlo,Consolas,monospace;font-weight:600}.note-refs{color:var(--accent)}.note-subject{color:var(--muted)}.note-preview{color:var(--text);white-space:pre-line;font-size:13px;line-height:1.6}.note-expanded{padding:0 var(--space-4) var(--space-4);border-top:1px solid var(--border);padding-top:var(--space-3);animation:reveal-down var(--duration-normal) var(--ease-out)}.note-expanded .notes-textarea{margin-bottom:var(--space-2)}.note-expanded .btn-primary{padding:7px var(--space-4);font-size:13px}.tag-browser{max-width:900px;margin:0 auto}.tag-browser h1{color:var(--text-h);margin-bottom:var(--space-4);font-size:24px;font-weight:700}.tag-browser .search-input{width:100%;margin-bottom:var(--space-5)}.tag-category{margin-bottom:var(--space-7)}.tag-category-title{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);font-size:12px;font-weight:600}.tag-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.tag-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.tag-card:after{content:"";background:var(--border);height:3px;transition:background var(--duration-normal);position:absolute;bottom:0;left:0;right:0}.tag-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.tag-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), var(--shadow-glow-accent)}.tag-card.active:after{background:var(--accent)}.tag-card-header{cursor:pointer;margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.tag-card-name{color:var(--text-h);font-size:14px;font-weight:600}.tag-card-count{color:var(--muted);background:var(--bg);border-radius:var(--radius-full);font-variant-numeric:tabular-nums;padding:3px 10px;font-size:11px;font-weight:500}.tag-card-stats{gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.tag-stat{color:var(--muted);font-size:12px}.tag-stat strong{color:var(--text-h);font-weight:600}.tag-card-actions{gap:var(--space-2);align-items:center;display:flex}.tag-card-questions{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);max-height:220px;animation:reveal-down var(--duration-normal) var(--ease-out);overflow-y:auto}.tag-q-row{gap:var(--space-3);padding:var(--space-1) 0;border-bottom:1px solid #ffffff0a;align-items:center;font-size:12px;display:flex}.tag-q-row:last-child{border-bottom:none}.tag-q-id{color:var(--text-h);min-width:70px;font-family:SF Mono,Menlo,Consolas,monospace;font-weight:600}.tag-q-ref{color:var(--accent);flex:1}.tag-q-status{white-space:nowrap;font-weight:500}.tag-q-tags{flex-wrap:wrap;gap:3px;display:flex}.tag-combo-result{margin-top:var(--space-6);padding:var(--space-5);background:var(--surface);border-radius:var(--radius-lg);animation:slide-in var(--duration-slow) var(--ease-out);border:1px solid #6c8eef4d;box-shadow:0 0 20px #6c8eef14}.tag-combo-result h2{color:var(--text-h);margin-bottom:var(--space-3);font-size:16px;font-weight:600}.tag-combo-count{color:var(--muted);margin-left:var(--space-2);font-size:14px;font-weight:400}.tag-combo-result .btn-primary{margin-bottom:var(--space-2)}.tag-combo-list{margin-top:var(--space-3);max-height:300px;overflow-y:auto}@media (width<=768px){#root{max-width:100%}.main{padding:var(--space-5) var(--space-4)}.stats-cards{grid-template-columns:repeat(2,1fr)}.stats-cards-row{gap:var(--space-2);grid-template-columns:repeat(3,1fr)}.stats-cards-row .stat-number{font-size:28px}.weak-subject-row{grid-template-columns:90px 45px 1fr}.lecture-grid{grid-template-columns:repeat(2,1fr)}.tag-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.subject-stat-row{grid-template-columns:90px 1fr 55px 45px;font-size:12px}}@media (width<=480px){.main{padding:var(--space-3) var(--space-2)}.nav{padding:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav button{padding:var(--space-2) var(--space-3);flex-shrink:0;font-size:12px}.theme-toggle{padding:var(--space-2) var(--space-2)!important}.dashboard h1{margin-bottom:var(--space-4);font-size:22px}.dashboard h2{margin:var(--space-6) 0 var(--space-3);font-size:15px}.stats-cards{gap:var(--space-2);grid-template-columns:1fr}.stat-number{font-size:24px}.subject-card{padding:var(--space-3)}.subject-card h3{font-size:14px}.chapter-list{gap:4px}.chapter-btn{padding:4px 10px;font-size:11px}.study-view{max-width:100%}.study-header{font-size:12px}.choices{gap:var(--space-2);flex-wrap:wrap;justify-content:center}.choice-btn{width:48px;height:48px;font-size:16px}.rate-buttons{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.rate-btn{min-width:0;padding:var(--space-2) var(--space-3);font-size:13px}.result-banner{padding:var(--space-3) var(--space-4);font-size:16px}.explanation{padding:var(--space-4);font-size:13px}.question-list h1{font-size:20px}.filters{align-items:stretch;gap:var(--space-2);flex-direction:column}.filters select{width:100%}.table-header{display:none}.table-row{gap:var(--space-1) var(--space-2);padding:var(--space-3);flex-wrap:wrap;font-size:12px;display:flex}.col-id{font-weight:600}.col-tags{width:100%;margin-top:2px}.col-status{margin-left:auto}.tag-grid{grid-template-columns:1fr}.tag-browser h1,.stats-page h1{font-size:20px}.stats-overview .stat-number{font-size:32px}.activity-chart{height:120px;padding:var(--space-3)}.subject-stat-row{gap:var(--space-1);padding:var(--space-2) var(--space-3);grid-template-columns:70px 1fr 45px 40px;font-size:11px}.notes-search{gap:var(--space-2);flex-direction:column}.notes-count{align-self:flex-start}.lecture-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.lecture-filter-row{flex-direction:column}.filter-select,.filter-input{width:100%}.lecture-tag-chips{gap:4px}.tag-chip{padding:3px 8px;font-size:11px}.lecture-card-info{padding:var(--space-1) var(--space-2)}.lecture-card-chapter{font-size:11px}.lecture-viewer-header{gap:var(--space-2);flex-wrap:wrap}.lecture-viewer-title{flex-basis:100%;order:2;font-size:13px}.lecture-viewer-controls{gap:var(--space-2)}.lecture-viewer-controls .btn-primary{min-width:80px;padding:8px 16px;font-size:13px}.btn-primary{padding:8px 18px;font-size:13px}.btn-large{padding:12px 24px;font-size:15px}}@media (hover:none) and (pointer:coarse){.nav button{align-items:center;min-height:44px;display:flex}.choice-btn{min-width:48px;min-height:48px}.rate-btn{min-height:44px}.chapter-btn{min-height:36px;padding:6px 14px}.tag-pill{min-height:32px;padding:6px 14px;font-size:12px}.tag-chip{min-height:32px;padding:6px 12px}.table-row{min-height:44px}.lecture-card{-webkit-tap-highlight-color:transparent}.lecture-card:hover,.choice-btn:hover{box-shadow:none;transform:none}.rate-btn.again:hover,.rate-btn.hard:hover,.rate-btn.good:hover,.rate-btn.easy:hover{box-shadow:none;background:var(--surface);transform:none}.rate-btn.again:hover{color:var(--danger)}.rate-btn.hard:hover{color:var(--warning)}.rate-btn.good:hover{color:var(--accent)}.rate-btn.easy:hover{color:var(--success)}.rate-btn.again:hover .rate-desc,.rate-btn.hard:hover .rate-desc,.rate-btn.good:hover .rate-desc,.rate-btn.easy:hover .rate-desc{color:var(--muted)}.rate-btn:active{transform:scale(.96)}.choice-btn:active{transform:scale(.95)}.btn-primary:active:not(:disabled){transform:scale(.97)}}.lecture-browser{max-width:900px;animation:slide-in var(--duration-slow) var(--ease-out);margin:0 auto}.section-title{color:var(--text-h);margin-bottom:var(--space-5);font-size:20px;font-weight:700}.lecture-filters{margin-bottom:var(--space-5)}.lecture-filter-row{gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.filter-select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color var(--duration-normal);appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2363636e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:9px 32px 9px 14px;font-family:inherit;font-size:14px}.filter-select:focus{border-color:var(--accent);outline:none}.filter-select:disabled{opacity:.5;cursor:default}.filter-input{padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-h);transition:border-color var(--duration-fast);flex:1;font-size:14px}.filter-input:focus{border-color:var(--accent);outline:none}.filter-input::placeholder{color:var(--muted)}.lecture-tag-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag-chip{align-items:center;gap:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);cursor:pointer;transition:all var(--duration-fast);padding:4px 10px;font-size:12px;display:inline-flex}.tag-chip:hover{border-color:var(--border-hover);color:var(--text-h)}.tag-chip.active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.tag-chip.clear-chip{background:var(--danger-subtle);color:var(--danger);border-color:#0000}.tag-chip-count{color:var(--muted);font-size:10px;font-weight:600}.tag-chip.active .tag-chip-count{color:var(--accent);opacity:.7}.lecture-result-count{color:var(--muted);margin-bottom:var(--space-4);font-size:13px}.lecture-filter-info{color:var(--accent)}.lecture-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.lecture-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);overflow:hidden}.lecture-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.lecture-card-thumb{aspect-ratio:4/5;background:var(--bg);overflow:hidden}.lecture-card-thumb img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out)}.lecture-card:hover .lecture-card-thumb img{transform:scale(1.03)}.lecture-card-info{padding:var(--space-2) var(--space-3);justify-content:space-between;align-items:baseline;display:flex}.lecture-card-chapter{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.lecture-card-page{color:var(--muted);flex-shrink:0;font-size:11px}.lecture-viewer-fullpage{max-width:680px;animation:slide-in var(--duration-slow) var(--ease-out);margin:0 auto}.lecture-viewer-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.lecture-viewer-title{color:var(--text-h);flex:1;font-size:15px;font-weight:600}.lecture-viewer-nav-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.lecture-viewer-image-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden}.lecture-viewer-image{width:100%;display:block}.lecture-viewer-tags-bar{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.lecture-viewer-controls{gap:var(--space-3);justify-content:center;display:flex}.lecture-viewer-controls .btn-primary{min-width:100px}.lecture-empty{text-align:center;color:var(--muted);padding:var(--space-9) 0;font-size:14px}.ref-material-section{margin-top:var(--space-4);border-top:1px solid var(--border);padding-top:var(--space-3)}.ref-material-buttons{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.btn-ref{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-b);cursor:pointer;transition:all var(--duration-fast) ease;padding:6px 14px;font-size:13px}.btn-ref:hover{background:var(--surface-hover)}.btn-ref.active{background:var(--accent);color:var(--accent-text,#fff);border-color:var(--accent)}.ref-material-images{gap:var(--space-3);max-height:600px;padding:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow-y:auto}.ref-material-image{border-radius:var(--radius-md);width:100%}.subprint-study{max-width:720px;margin:0 auto}.subprint-filters{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.subprint-stats{gap:var(--space-4);margin-bottom:var(--space-4);color:var(--muted);font-size:14px;display:flex}.subprint-controls{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.subprint-mode-toggle{border:1px solid var(--border);border-radius:var(--radius-md);display:flex;overflow:hidden}.btn-mode{background:var(--bg);color:var(--text-b);cursor:pointer;border:none;padding:4px 14px;font-size:13px}.btn-mode.active{background:var(--accent);color:#fff}.subprint-reveal-btns{gap:var(--space-2);display:flex}.subprint-items{gap:var(--space-3);flex-direction:column;display:flex}.subprint-item{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.subprint-item-num{color:var(--accent);margin-right:var(--space-2);font-size:13px;font-weight:700}.subprint-item-text{color:var(--text-b);font-size:14px;line-height:1.6}.subprint-item-text.hidden-legacy{color:var(--muted);cursor:pointer}.subprint-item-text.revealed{color:var(--text-h)}.subprint-item-segments{color:var(--text-b);font-size:14px;line-height:1.8}.blank-hidden{color:var(--accent);cursor:pointer;letter-spacing:.1em;border-bottom:2px solid var(--accent);-webkit-user-select:none;user-select:none;padding:0 2px;font-weight:500}.blank-hidden:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.blank-answer{transition:all var(--duration-fast) ease;border-radius:3px;padding:0 2px;font-weight:600}.blank-answer.revealed{color:#e67700;background:#fff3e0}.blank-answer.correct{color:#2e7d32;background:#e8f5e9}.blank-answer.wrong{color:#c62828;background:#ffebee}.blank-input-wrap{align-items:center;gap:4px;display:inline-flex}.blank-input{border:1px solid var(--border);border-bottom:2px solid var(--accent);background:var(--bg);color:var(--text-h);border-radius:3px;outline:none;padding:2px 6px;font-family:inherit;font-size:14px}.blank-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent)}.blank-check-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:3px;padding:2px 8px;font-size:12px}.blank-correct{color:#2e7d32;margin-left:4px;font-weight:600}.blank-wrong{color:#c62828;margin-left:4px;font-weight:600}.blank-count{color:var(--muted);margin-left:var(--space-2);font-size:11px}.subprint-empty{text-align:center;color:var(--muted);padding:var(--space-9) 0;font-size:14px}