:root{--ground:#f3f5f4;--panel:#fff;--ink:#13211f;--mute:#5a6b68;--line:#dbe3e1;--accent:#0e7c6b;--accent-soft:#e2f1ee;--gold:#b7821a;--warn:#b54708;--danger:#b42318;--stage:#07090b;--dpanel:#11161a;--dline:#242c32;--dink:#e6ecef;--dmute:#93a1ab;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--ground);color:var(--ink);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--accent)}code,kbd{font-family:var(--mono);font-size:.85em}kbd{opacity:.7;border:1px solid;border-radius:4px;padding:0 4px;font-size:11px}h1{letter-spacing:-.01em;text-wrap:balance;margin:0 0 8px;font-size:26px;line-height:1.2}h2{text-transform:uppercase;letter-spacing:.07em;color:var(--mute);margin:0 0 10px;font-size:13px;font-weight:600}.lede{color:var(--mute);max-width:62ch;margin:0 0 16px}.hint{color:var(--mute);font-size:13px}.error{color:var(--danger);margin:0;font-weight:600}.eyebrow{font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}.btn{border:1px solid var(--accent);background:var(--accent);color:#fff;font:600 14px var(--sans);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.06)}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{color:var(--accent);background:0 0}.btn.small{padding:5px 10px;font-size:13px}.btn.big{padding:13px 22px;font-size:16px}.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.linklike{color:inherit;opacity:.75;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.field{color:var(--mute);flex-direction:column;gap:5px;font-size:13px;font-weight:600;display:flex}.field input,.field select,.field textarea{font:400 15px var(--sans);color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:9px 11px}.check{align-items:flex-start;gap:9px;font-size:14px;display:flex}.check input{margin-top:3px}.row{flex-wrap:wrap;gap:10px;display:flex}.tag{font:600 11px var(--mono);background:var(--accent-soft);color:var(--accent);border-radius:4px;margin-left:6px;padding:1px 6px;display:inline-block}.tag.warn{color:var(--warn);background:#fdecd6}.top{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:22px;padding:12px 28px;display:flex}.top .brand{color:var(--ink);font-size:16px;text-decoration:none}.top .brand b{color:var(--accent)}.top nav{flex:1;gap:16px;display:flex}.top nav a{color:var(--mute);font-size:14px;font-weight:600;text-decoration:none}.top nav a:hover{color:var(--ink)}.top .who{color:var(--mute);font-size:13px}.top.dark{background:var(--dpanel);border-color:var(--dline);color:var(--dink)}.top.dark .brand{color:var(--dink)}.top.dark nav a,.top.dark .who{color:var(--dmute)}.top.dark nav a:hover{color:var(--dink)}.page{flex-direction:column;gap:20px;max-width:1080px;margin:0 auto;padding:32px 28px 64px;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 20px}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.card-head h2{margin:0}.split{grid-template-columns:1fr 1fr;gap:20px;display:grid}.prose{max-width:760px}.prose p,.prose li{max-width:68ch}.draft{color:var(--warn);background:#fdecd6;border-radius:8px;padding:8px 12px;font-weight:600}.hero-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:center;gap:28px;padding:24px 28px;display:flex}.ring{flex:none;width:150px;height:150px}.ring-bg{fill:none;stroke:var(--line);stroke-width:10px}.ring-fg{fill:none;stroke:var(--accent);stroke-width:10px;stroke-linecap:round;transition:stroke-dasharray .6s}.ring-n{font:700 34px var(--sans);fill:var(--ink);font-variant-numeric:tabular-nums}.ring-of{font:500 11px var(--sans);fill:var(--mute)}.stat-row{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;padding:16px 20px;display:flex}.stat .n{font:700 30px var(--sans);font-variant-numeric:tabular-nums}.stat .l{font-weight:600}.stat .s{color:var(--mute);font-size:13px}.stat:first-child .n{color:var(--gold)}.badges{gap:10px;margin:0;padding:0;list-style:none;display:grid}.badges li{opacity:.45;align-items:flex-start;gap:10px;display:flex}.badges li.earned{opacity:1}.badges .medal{color:var(--gold);font-size:18px;line-height:1.2}.badges b{display:block}.badges small{color:var(--mute)}.board{margin:0;padding:0;list-style:none}.board li{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;grid-template-columns:28px 1fr auto;gap:8px;padding:7px 4px;display:grid}.board li.you{background:var(--accent-soft);border-radius:6px;font-weight:700}.board .rank{color:var(--mute)}.auth{background:radial-gradient(circle at 20% 0%, #dfeeea 0, var(--ground) 45%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:14px;width:100%;max-width:420px;padding:28px;display:flex}.auth-card.wide{max-width:640px}.auth-card .two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.qr{border:1px solid var(--line);background:#fff;border-radius:8px;align-self:center}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--mute);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);padding:8px 6px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--line);padding:8px 6px}.table.num td{font-variant-numeric:tabular-nums}.table tr.flagged td{background:#fff8ee}.card:has(.table){overflow-x:auto}.invite-form{grid-template-columns:110px 1.4fr 1.4fr 1.4fr auto;align-items:end;gap:12px;margin-bottom:16px;display:grid}.invite-form .codes{grid-column:1/-1}.invite-form .codes textarea{width:100%;font:13px var(--mono)}.rules td{vertical-align:top;border-bottom:1px solid var(--line);padding:8px 10px 8px 0}.rules td:first-child{white-space:nowrap;font-weight:600}.rules i,.label-btn i,.marks i{border-radius:2px;width:10px;height:10px;display:inline-block}.reading{background:var(--stage);height:100vh;color:var(--dink);flex-direction:column;display:flex;overflow:hidden}.reading .hint,.reading h2{color:var(--dmute)}.read{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:240px minmax(0,1fr) 270px;min-height:0;display:grid}.read>*{min-height:0}.read-labels,.read-side{background:var(--dpanel);border-color:var(--dline);flex-direction:column;gap:10px;padding:14px 14px 16px;display:flex;overflow-y:auto}.read-labels{border-right:1px solid var(--dline)}.read-side{border-left:1px solid var(--dline)}.label-group{flex-direction:column;gap:6px;display:flex}.read-labels ul,.marks{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.label-btn{width:100%;color:var(--dink);font:14px/1.3 var(--sans);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;padding:4px 8px;display:flex}.label-btn:hover{background:#1a2127}.label-btn.on{border-color:var(--accent);background:#0f2a26}.progress{font-size:14px}.progress b{font-size:20px}.progress .bar{background:var(--dline);border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.progress .bar span{background:var(--accent);height:100%;display:block}.marks li{border-radius:6px;justify-content:space-between;align-items:center;display:flex}.marks li.on{background:#1a2127}.marks button{color:var(--dink);font:14px var(--sans);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:5px 6px;display:flex}.marks .x{color:var(--dmute);font-size:18px}.read-side .field{color:var(--dmute)}.read-side textarea{color:var(--dink);border-color:var(--dline);background:#0b0f12}.btn.nf{border-color:var(--dline);color:var(--dink);background:0 0;justify-content:center}.btn.nf.on{border-color:var(--accent);background:#0f2a26}.btn.submit{justify-content:center;margin-top:auto;padding:12px}.reading .error{color:#ff8a80}.reader-card{border:1px solid var(--dline);border-radius:8px;flex-direction:column;gap:6px;padding:8px 10px;font-size:14px;display:flex}.film{flex-direction:column;min-width:0;min-height:0;display:flex}.film-stage{background:var(--stage);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;flex:1;position:relative;overflow:hidden}.film-stage.drawing{cursor:crosshair}.film-stage.panning{cursor:grabbing}.film-layer{transform-origin:0 0;position:absolute;top:0;left:0}.film-layer img{-webkit-user-drag:none;pointer-events:none;position:absolute;inset:0}.film-layer svg{pointer-events:all;position:absolute;left:0;overflow:visible}.film-layer svg rect{pointer-events:none}.film-layer svg g,.film-layer svg g rect{pointer-events:all}.film-note{color:var(--dmute);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.film-error{color:#ff8a80}.film-tools{background:var(--dpanel);border-top:1px solid var(--dline);color:var(--dmute);flex-wrap:wrap;align-items:center;gap:14px;padding:8px 14px;font-size:13px;display:flex}.film-tools button{color:var(--dink);border:1px solid var(--dline);font:13px var(--sans);cursor:pointer;background:#1a2127;border-radius:6px;padding:4px 10px}.film-tools label{align-items:center;gap:6px;display:flex}.film-tools input[type=range]{width:110px;accent-color:var(--accent)}.read-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.read-empty p{color:var(--dmute);max-width:52ch}.goal-met{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:40px;display:flex}.goal-met p{color:var(--dmute);max-width:52ch}.goal-ring{border:10px solid var(--accent);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:130px;height:130px;display:flex}.goal-ring span{font:700 40px var(--sans)}.goal-ring small{color:var(--dmute)}@media (prefers-reduced-motion:no-preference){.goal-ring{animation:.5s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}}@media (max-width:900px){.split,.stat-row{grid-template-columns:1fr}.hero-card{text-align:center;flex-direction:column}.reading{height:auto;min-height:100vh;overflow:visible}.read{grid-template-rows:auto;grid-template-columns:1fr;height:auto}.film-stage{min-height:60vh}.read-labels ul{flex-flow:wrap}.invite-form{grid-template-columns:1fr 1fr}.top{flex-wrap:wrap;gap:10px 16px;padding:10px 16px}.auth-card .two{grid-template-columns:1fr}}