:root{--bg:#0e0f12;--bg-card:#16181c;--bg-card-2:#1c1f24;--line:#25282e;--ink:#f2f4f7;--muted:#8c9098;--green:#1fbd54;--green-dim:#18a247;--green-ink:#061d0e;--yellow:#f5d62c;--red:#ef4444;--orange:#f59e0b;--radius:18px;--radius-sm:12px;--radius-xs:8px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}a{color:var(--ink);text-decoration:none}a:hover{opacity:.85}.topbar{border-bottom:1px solid var(--line);background:var(--bg);z-index:50;align-items:center;gap:28px;padding:18px 24px;display:flex;position:sticky;top:0}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e0f12eb}}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.brand:before{content:"";background:var(--green);border-radius:50%;width:10px;height:10px}.topbar nav{gap:4px;display:flex}.topbar nav a{color:var(--muted);border-radius:var(--radius-xs);padding:8px 14px;font-size:14px;font-weight:600;transition:background .12s,color .12s}.topbar nav a:hover{color:var(--ink);background:var(--bg-card-2);opacity:1}main{max-width:1180px;margin:0 auto;padding:56px 24px 120px}footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;margin-top:96px;padding:24px;font-size:13px}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700}h1{font-size:56px;line-height:1}h2{font-size:28px;line-height:1.1}h3{font-size:18px;font-weight:600}p{margin:0}.muted{color:var(--muted)}.hero{grid-template-columns:1.4fr 1fr;align-items:center;gap:32px;margin-bottom:80px;display:grid}.hero .tag{color:var(--muted);max-width:480px;margin-top:20px;font-size:19px}.hero-tiles{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);gap:12px;width:220px;height:330px;margin-left:auto;display:grid}.hero-tile{background:var(--bg-card-2);border-radius:var(--radius)}.hero-tile.green{background:var(--green)}.hero-tile.yellow{background:var(--yellow)}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;transition:transform .12s,border-color .12s}.card:hover{border-color:var(--green-dim);transform:translateY(-2px)}.subjects{gap:18px}.subjects .card{padding:28px;position:relative}.subjects .card .emoji{margin-bottom:14px;font-size:34px;display:block}.subjects .card .title{letter-spacing:-.02em;margin-bottom:6px;font-size:22px;font-weight:700}.subjects .card .meta{color:var(--muted);font-size:14px}.subjects .card .stat{color:var(--green);align-items:center;gap:8px;margin-top:16px;font-size:14px;font-weight:700;display:flex}.subjects .card .stat:before{content:"";background:var(--green);border-radius:50%;width:8px;height:8px}.section-label{color:var(--green);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-size:12px;font-weight:700}.subject-head{align-items:flex-start;gap:22px;margin-bottom:32px;display:flex}.subj-emoji{margin-top:4px;font-size:44px;line-height:1}.subject-head h1{margin-bottom:6px;font-size:40px}.subject-head p{font-size:16px}.topic-chips,.task-chips{flex-wrap:wrap;gap:8px;margin:4px 0 20px;display:flex}.chip{--chip-color:var(--green);background:var(--bg-card);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .12s,background .12s,transform 80ms;display:inline-flex}.chip:hover{border-color:var(--chip-color);background:var(--bg-card-2)}.chip:active{transform:scale(.97)}.chip-on{border-color:var(--chip-color);background:var(--chip-color);color:var(--green-ink);font-weight:700}.chip-on .chip-dot{background:var(--green-ink)}.chip-on .chip-count{color:var(--green-ink);background:#061d0e2e}.chip-disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.chip-dot{background:var(--chip-color);border-radius:50%;width:8px;height:8px}.chip-count{color:var(--muted);background:#ffffff0a;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600}.filters{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-sm);flex-wrap:wrap;gap:12px;margin-bottom:18px;padding:14px;display:flex}.filters .search{background:var(--bg);min-width:220px;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-xs);flex:1;padding:10px 16px;font-family:inherit;font-size:14px;transition:border-color .12s}.filters .search:focus{border-color:var(--green-dim);outline:none}.filters select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-xs);padding:10px 14px;font-family:inherit;font-size:14px}.filters .check{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:0 6px;font-size:13px;display:flex}.result-count{margin:0 0 12px 4px;font-size:13px}.task-list{flex-direction:column;gap:6px;display:flex}.task-row{--row-color:var(--green);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;grid-template-columns:4px 52px 80px auto 1fr auto;align-items:center;gap:16px;padding:12px 18px 12px 0;transition:border-color .12s,background .12s,transform 80ms;display:grid;overflow:hidden}.task-row:hover{border-color:var(--row-color);background:var(--bg-card-2);opacity:1}.task-row:active{transform:scale(.997)}.task-row .topic-bar{background:var(--row-color);align-self:stretch}.task-row .task-num{color:var(--row-color);text-align:center;letter-spacing:-.01em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;font-weight:800}.task-row .sid{color:var(--muted);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.task-row .tag{background:var(--bg-card-2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500}.task-row .tag-topic{background:color-mix(in srgb, var(--row-color) 18%, transparent);color:color-mix(in srgb, var(--row-color) 85%, white);border:1px solid color-mix(in srgb, var(--row-color) 35%, transparent)}.task-row .preview{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.badge-warn{color:var(--orange)!important;background:#f59e0b29!important}.badge-ok{color:var(--green)!important;background:#1fbd542e!important}@media (max-width:720px){.task-row{grid-template-columns:4px 44px 1fr auto;gap:12px;padding:10px 14px 10px 0}.task-row .sid,.task-row .tag-topic{display:none}h1{font-size:40px}.hero{grid-template-columns:1fr}.hero-tiles{width:180px;height:270px;margin:0}.subject-head h1{font-size:30px}}.task-body{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:20px;padding:32px;font-size:16px;line-height:1.75}.task-body img{background:#fff;border-radius:6px;max-width:100%;height:auto;padding:6px}.task-body img.inline-formula{vertical-align:middle;background:#fff;border-radius:4px;max-height:32px;margin:0 2px;padding:2px 4px;display:inline-block}.task-body img.task-img{background:#fff;border-radius:10px;max-width:100%;max-height:480px;margin:14px auto;padding:10px;display:block}.task-body table{border-collapse:collapse;max-width:100%;margin:10px 0}.task-body table td,.task-body table th{border:1px solid var(--line);padding:6px 12px}@media (max-width:520px){.task-body{word-break:break-word;overflow-wrap:anywhere}.task-body table.layout-loose,.task-body table.layout-loose tbody,.task-body table.layout-loose tr,.task-body table.layout-loose td{border:0;width:100%;padding:0;display:block}.task-body table.layout-loose td+td{margin-top:8px}.task-body .table-scroll{max-width:100%;overflow-x:auto}}.task-body p{margin:0 0 12px}.task-body b,.task-body strong{color:#fff}.task-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.task-meta .crumb{color:var(--muted);font-size:13px;font-weight:500}.task-meta .crumb a{color:var(--muted)}.task-meta .crumb a:hover{color:var(--ink);opacity:1}.task-meta .pill{background:var(--bg-card);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 12px;font-family:ui-monospace,monospace;font-size:12px;font-weight:500}.task-meta .pill.accent{color:var(--green);background:#1fbd5424;border-color:#1fbd5466;font-family:inherit;font-weight:600}.answer-box{flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:12px;display:flex}.answer-box input{background:var(--bg);min-width:0;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-xs);flex:220px;padding:14px 18px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:16px;transition:border-color .12s}@media (max-width:520px){.answer-box{flex-direction:column}.answer-box input,.answer-box button{flex:none;width:100%}}.answer-box input:focus{border-color:var(--green-dim);outline:none}.answer-box button{background:var(--green);color:var(--green-ink);border-radius:var(--radius-xs);cursor:pointer;border:0;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:700;transition:transform 80ms,background .12s}.answer-box button:hover{background:var(--green-dim);transform:translateY(-1px)}.answer-box button:active{transform:scale(.97)}.answer-box button:disabled{opacity:.4;cursor:not-allowed}.feedback{border-radius:var(--radius-xs);margin-top:12px;padding:14px 18px;font-weight:600}.feedback.ok{color:var(--green);background:#1fbd5424;border:1px solid #1fbd5459}.feedback.bad{color:var(--red);background:#ef444424;border:1px solid #ef444459}.feedback.warn{color:var(--orange);background:#f59e0b24;border:1px solid #f59e0b59}.reveal-btn{color:var(--muted);border:1px solid var(--line);border-radius:var(--radius-xs);cursor:pointer;background:0 0;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .12s,color .12s}.reveal-btn:hover{border-color:var(--green-dim);color:var(--ink)}.answer-reveal{color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-xs);padding:12px 16px;font-family:ui-monospace,monospace;display:inline-block}.answer-reveal b{color:var(--green);font-weight:700}.nav-bottom{justify-content:space-between;gap:12px;margin-top:18px;display:flex}.nav-bottom a,.nav-bottom span{border:1px solid var(--line);border-radius:var(--radius-xs);color:var(--muted);padding:10px 18px;font-size:14px;font-weight:500;transition:border-color .12s,color .12s}.nav-bottom a:hover{border-color:var(--green-dim);color:var(--ink);opacity:1}.btn,.btn-mini{background:var(--green);color:var(--green-ink);border-radius:var(--radius-sm);cursor:pointer;border:0;align-items:center;gap:8px;padding:12px 22px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;transition:transform 80ms,background .12s;display:inline-flex}.btn:hover,.btn-mini:hover{background:var(--green-dim);opacity:1;text-decoration:none;transform:translateY(-1px)}.btn.ghost,.btn-mini.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn.ghost:hover,.btn-mini.ghost:hover{border-color:var(--green-dim);background:var(--bg-card-2)}.btn-mini{border-radius:var(--radius-xs);padding:8px 14px;font-size:13px}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.progress-widget{margin:48px 0 24px}.progress-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.progress-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:border-color .12s,transform .12s;display:block}.progress-card:hover{border-color:var(--green-dim);opacity:1;text-decoration:none;transform:translateY(-2px)}.progress-head{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.progress-head .emoji{font-size:32px;line-height:1}.progress-title{letter-spacing:-.01em;font-size:16px;font-weight:700}.progress-date{color:var(--muted);margin-top:2px;font-size:12px}.progress-bar{background:var(--bg-card-2);border-radius:999px;height:8px;margin:4px 0 10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--green-dim), var(--green));height:100%;transition:width .25s}.progress-stats{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:14px;display:grid}.progress-stats span{background:var(--bg-card-2);border-radius:var(--radius-xs);flex-direction:column;padding:10px 12px;display:flex}.progress-stats b{color:var(--ink);font-size:18px;font-weight:700}.progress-stats small{color:var(--muted);margin-top:2px;font-size:11px}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.profile-metrics{grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;margin-top:18px;display:grid}.profile-metrics>div{background:var(--bg-card-2);border-radius:var(--radius-xs);flex-direction:column;padding:10px 12px;display:flex}.profile-metrics b{color:var(--ink);font-size:18px;font-weight:700}.profile-metrics small{color:var(--muted);margin-top:2px;font-size:11px}.week-bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:4px;height:60px;margin-top:18px;padding:0 2px;display:grid}.week-bar{background:var(--green);border-radius:4px 4px 0 0;justify-content:center;align-items:flex-start;min-height:2px;display:flex;position:relative}.week-bar span{color:var(--muted);margin-bottom:2px;font-size:10px;font-weight:600;position:absolute;bottom:100%}.profile-cta{gap:8px;margin-top:20px;display:flex}.nav-hint{color:var(--green);border-radius:var(--radius-sm);background:#1fbd5414;border:1px solid #1fbd5440;align-items:center;gap:16px;margin-bottom:18px;padding:12px 18px;font-size:14px;font-weight:600;display:flex}.nav-hint .btn-mini{margin-left:auto}.feedback-link{margin-left:8px;font-weight:700}.feedback-link:hover{text-decoration:underline}.task-row.task-solved{opacity:.65}.task-row.task-solved:hover{opacity:1}.badge-ok-muted{background:var(--bg-card-2)!important;color:var(--muted)!important}