:root{--bg: #f6f7fb;--surface: #ffffff;--surface-2: #eef1f7;--text: #16181d;--muted: #5d6474;--border: #dde1ea;--accent: #3b6fe0;--accent-ink: #ffffff;--ok: #1f8a4c;--ok-bg: #e3f5ea;--warn: #9a6400;--warn-bg: #fff3d6;--danger: #c0392b;--shadow: 0 1px 2px rgb(16 24 40 / 6%), 0 4px 14px rgb(16 24 40 / 6%);--radius: 14px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0f1116;--surface: #171a21;--surface-2: #20242d;--text: #e9ecf2;--muted: #9aa3b5;--border: #2b303b;--accent: #6d95ff;--accent-ink: #0b0d12;--ok: #5fd08f;--ok-bg: #173324;--warn: #f4c35b;--warn-bg: #3a2d10;--danger: #ff7a6b;--shadow: 0 1px 2px rgb(0 0 0 / 40%)}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.02em;margin:.2em 0 .4em}h2{font-size:1.1rem;margin:0 0 .6em}h3{font-size:.95rem;margin:0}code{background:var(--surface-2);padding:.1em .35em;border-radius:5px;font-size:.9em}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:.5em .7em;min-width:0}textarea{width:100%;resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem max(16px,calc((100vw - 1100px)/2));background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.brand{font-weight:700;color:var(--text);font-size:1.1rem}.brand:hover{text-decoration:none}.topnav{display:flex;align-items:center;gap:1rem;font-size:.95rem;flex-wrap:wrap;justify-content:flex-end}.topnav a{color:var(--muted)}.topnav a.active{color:var(--text);font-weight:600}.who{color:var(--muted);max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page{max-width:1100px;margin:0 auto;padding:1.5rem 16px 4rem}.page.wide{max-width:1300px}.row{display:flex;align-items:center;gap:.6rem}.row.wrap,.wrap{flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:.9rem}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:.87rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.crumbs{margin:0;color:var(--muted);font-size:.9rem}.dim{opacity:.55}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.55em 1em;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-weight:500;white-space:nowrap}.btn:hover{text-decoration:none;background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.08)}.btn.big{font-size:1.1rem;padding:.75em 1.6em}.btn.danger{color:var(--danger)}.btn.google{width:100%}button.link{background:none;border:0;padding:0;color:var(--accent);cursor:pointer}button.icon{background:none;border:1px solid transparent;border-radius:8px;padding:.2em .45em;cursor:pointer;color:var(--muted);line-height:1.2}button.icon:hover:not(:disabled){border-color:var(--border);color:var(--text)}button.icon:disabled{opacity:.3;cursor:default}button.icon.danger:hover{color:var(--danger)}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem}.panel{margin:1.2rem 0}.card.narrow{max-width:420px;margin:3rem auto}.field{display:grid;gap:.3rem;font-size:.92rem}.field>span{color:var(--muted);font-weight:500}.field input,.field textarea{width:100%}.field input[type=color]{width:4rem;height:2.4rem;padding:.2rem}.check{display:flex;gap:.5rem;align-items:center;font-size:.92rem}.grid.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.span2{grid-column:1 / -1}input.code{font-size:1.6rem;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}.error{color:var(--danger)}.info{background:var(--ok-bg);color:var(--ok);padding:.6em .8em;border-radius:9px;margin:.6rem 0}.empty{color:var(--muted);padding:2rem 0}.divider{display:flex;align-items:center;gap:.8rem;color:var(--muted);font-size:.8rem;margin:1.5rem 0 1rem;text-transform:uppercase;letter-spacing:.08em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.hero{max-width:640px;margin:10vh auto 0;text-align:center}.hero h1{font-size:clamp(2rem,6vw,3.2rem);line-height:1.1}.eyebrow{color:var(--accent);font-weight:600;letter-spacing:.04em;margin:0}.lede{color:var(--muted);font-size:1.1rem;margin:0 0 1.5rem}.grid.courses{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1rem}.course-card{display:flex;flex-direction:column;gap:.35rem;min-height:140px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-top:5px solid var(--accent);border-radius:var(--radius);padding:1.1rem;box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease}.course-card:hover{text-decoration:none;transform:translateY(-2px)}.course-name{font-weight:700;font-size:1.15rem}.course-card .chip{margin-top:auto;align-self:flex-start}.topic{margin-top:2rem}.topic h2{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}.grid.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.9rem}.tile{display:flex;flex-direction:column;gap:.4rem;padding:1rem;min-height:150px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .12s ease,border-color .12s ease}.tile:hover{text-decoration:none;transform:translateY(-2px);border-color:var(--accent)}.tile-icon{font-size:2.2rem;line-height:1}.tile-name{font-weight:600;line-height:1.25}.tile-desc{color:var(--muted);font-size:.85rem}.tile .chip{margin-top:auto;align-self:flex-start}.chip{display:inline-flex;align-items:center;gap:.3em;font-size:.78rem;font-weight:500;padding:.15em .6em;border-radius:999px;background:var(--surface-2);color:var(--muted);margin:.1em .3em .1em 0}.chip.completed{background:var(--ok-bg);color:var(--ok)}.chip.started{background:var(--warn-bg);color:var(--warn)}.chip .x{background:none;border:0;cursor:pointer;color:inherit;padding:0 0 0 .2em}.progressbar{position:relative;height:1.6rem;background:var(--surface-2);border-radius:999px;overflow:hidden;margin:1rem 0 0}.progressbar>div{position:absolute;inset:0 auto 0 0;background:var(--ok-bg);border-right:2px solid var(--ok)}.progressbar>span{position:relative;display:block;text-align:center;font-size:.82rem;line-height:1.6rem;color:var(--muted)}.tabs{display:flex;gap:.3rem;border-bottom:1px solid var(--border);margin-bottom:1rem;overflow-x:auto}.tabs a{padding:.6rem .9rem;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.tabs a.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.tabs a:hover{text-decoration:none;color:var(--text)}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table th,.table td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--border);vertical-align:top}.table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--surface-2)}.table tr:last-child td{border-bottom:0}.table.compact td{padding:.25rem .6rem}.num{text-align:right!important;font-variant-numeric:tabular-nums}.actions{text-align:right;white-space:nowrap}select.inline{padding:.1em .3em;border-style:dashed}.topic-block{border-top:1px solid var(--border);padding:.9rem 0}.topic-title{font-weight:600;border-color:transparent;background:transparent;padding-left:.3em;flex:1}.topic-title:hover{border-color:var(--border)}.act-list{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:.3rem}.act-list li{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;background:var(--surface-2);border-radius:9px;flex-wrap:wrap}.act-icon{font-size:1.3rem}.add-act{border-top:1px solid var(--border);padding-top:1rem}.scroll-x{overflow-x:auto}.matrix th:not(:first-child),.matrix td:not(:first-child){text-align:center;min-width:90px}.matrix .cell.completed{background:var(--ok-bg);color:var(--ok);font-weight:600}.matrix .cell.started{background:var(--warn-bg);color:var(--warn)}.dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--border);margin-right:.45rem}.dot.on{background:var(--ok)}.spinner{width:28px;height:28px;margin:3rem auto;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.grid.form{grid-template-columns:1fr}.who{display:none}.table th,.table td{padding:.5rem}.grid.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}