@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Archivo+Expanded:wght@600;700&family=Spline+Sans+Mono:wght@400;500&display=swap";:root{--paper:#f4f2ec;--paper-2:#eceae3;--card:#faf9f5;--ink:#1a1a17;--ink-2:#6d6c64;--ink-3:#9a998f;--rule:#d7d4ca;--rule-2:#c4c1b6;--accent:#b5271d;--bezel:#b9b4a8;--bezel-2:#a29d90;--bezel-hi:#cfcabd;--knob:#6f6b61;--shadow:0 1px 0 rgba(255,255,255,.6), 0 24px 60px -30px rgba(30,28,22,.55)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:radial-gradient(120% 80% at 50% -10%,#e7e4db,#d8d5ca 55%,#cbc7bb);font-family:Archivo,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{display:grid;place-items:center;padding:clamp(12px,4vh,56px);overflow:hidden}.stage{display:flex;flex-direction:column;align-items:center;gap:18px}.device{--w:min(92vw,1000px);width:var(--w);aspect-ratio:4/3;background:linear-gradient(158deg,var(--bezel-hi),var(--bezel) 40%,var(--bezel-2));border-radius:22px;padding:clamp(14px,2.2vw,26px);box-shadow:inset 0 1px #ffffff8c,inset 0 0 0 1px #78746859,var(--shadow);position:relative}.device:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;pointer-events:none;background-image:radial-gradient(rgba(60,56,48,.05) 1px,transparent 1px);background-size:3px 3px;mix-blend-mode:multiply;opacity:.5}.brand-etch{position:absolute;left:50%;bottom:6px;transform:translate(-50%);font-family:Archivo Expanded,Archivo,sans-serif;font-weight:700;font-size:11px;letter-spacing:.32em;color:#8b8678;text-shadow:0 1px 0 rgba(255,255,255,.5)}.brand-etch b{color:var(--accent)}.knob{position:absolute;width:54px;height:54px;border-radius:50%;background:radial-gradient(60% 60% at 40% 32%,#86816f,#5f5b51 70%,#4b4840);box-shadow:inset 0 2px 3px #ffffff40,inset 0 -3px 6px #0006,0 6px 14px -6px #0009;top:50%;transform:translateY(-50%);display:grid;place-items:center;cursor:grab;-webkit-user-select:none;user-select:none}.knob:active{cursor:grabbing}.knob:before{content:"";width:4px;height:15px;border-radius:3px;background:#d9d4c6;margin-top:-18px;box-shadow:0 1px 1px #0006;transition:transform .12s cubic-bezier(.2,.7,.2,1)}.knob.spin:before{transform:rotate(var(--r,40deg))}.knob-l{left:-27px}.knob-r{right:-27px}.knob-cap{position:absolute;font-size:8.5px;letter-spacing:.18em;color:#7d7869;text-transform:uppercase;top:calc(50% + 34px);white-space:nowrap}.knob-cap.l{left:-34px}.knob-cap.r{right:-40px}.screen{width:100%;height:100%;border-radius:8px;overflow:hidden;background:var(--paper);box-shadow:inset 0 0 0 1px #5a564c80,inset 0 2px 10px #28262024;display:grid;grid-template-rows:auto 1fr auto;position:relative;isolation:isolate}.screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background-image:radial-gradient(rgba(40,38,30,.035) 1px,transparent 1.4px);background-size:4px 4px}.screen.refresh:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;background:var(--ink);opacity:0;animation:eink .34s steps(1,end)}@keyframes eink{0%{opacity:0}18%{opacity:.92}42%{opacity:0;background:var(--paper)}58%{opacity:.5;background:var(--ink)}to{opacity:0}}.topbar{display:flex;align-items:center;gap:14px;padding:13px 22px;border-bottom:1.5px solid var(--rule);background:linear-gradient(var(--paper),var(--paper-2))}.os{font-family:Archivo Expanded,Archivo,sans-serif;font-weight:700;letter-spacing:.04em;font-size:15px}.topbar .sep{flex:1}.stat{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-2)}.mono{font-family:Spline Sans Mono,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.wifi{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.wifi i{width:3px;background:var(--ink-2);border-radius:1px}.wifi i:nth-child(1){height:4px}.wifi i:nth-child(2){height:7px}.wifi i:nth-child(3){height:10px}.wifi i:nth-child(4){height:12px}.np-chip{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ink-2);max-width:230px;cursor:pointer}.eq{display:inline-flex;gap:1.5px;align-items:flex-end;height:11px}.eq b{width:2.5px;background:var(--ink);border-radius:1px;animation:eq 1s ease-in-out infinite}.eq b:nth-child(2){animation-delay:.2s}.eq b:nth-child(3){animation-delay:.4s}.eq b:nth-child(4){animation-delay:.1s}@keyframes eq{0%,to{height:3px}50%{height:11px}}.np-chip.paused .eq b{animation-play-state:paused;height:4px}.np-chip .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-src{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--rule-2);border-radius:2px;padding:2px 5px}.content{position:relative;overflow:hidden}.view{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;flex-direction:column}.lib-head{padding:20px 24px 12px;display:flex;align-items:baseline;gap:12px}.lib-head h1{font-family:Archivo Expanded,Archivo,sans-serif;font-size:27px;font-weight:700;letter-spacing:-.01em}.lib-head .count{font-size:12px;color:var(--ink-3);letter-spacing:.02em}.search{margin:0 24px 12px;display:flex;align-items:center;gap:10px;border:1.5px solid var(--rule-2);border-radius:3px;padding:9px 13px;background:var(--card);color:var(--ink-3);font-size:13px}.cursor{width:1.5px;height:15px;background:var(--ink);animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.filters{display:flex;gap:7px;padding:0 24px 14px;flex-wrap:wrap}.chip{font-size:11px;letter-spacing:.04em;padding:5px 11px;border-radius:999px;border:1.2px solid var(--rule-2);color:var(--ink-2);background:var(--card);text-transform:lowercase;cursor:pointer}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.grid{flex:1;overflow-y:auto;padding:2px 20px 22px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start;scrollbar-width:none}.grid::-webkit-scrollbar{display:none}.rec{border:1.5px solid var(--rule);border-radius:5px;background:var(--card);padding:15px 16px 14px;display:flex;flex-direction:column;gap:10px;position:relative;cursor:pointer}.rec .fav{position:absolute;top:13px;right:14px;color:var(--ink-3);font-size:13px}.rec h3{font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.15;padding-right:20px}.rec .meta{display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--ink-2);margin-top:auto}.rec .badge{font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border:1.2px solid var(--rule-2);border-radius:2px;color:var(--ink-2)}.rec .badge.hard{border-color:var(--ink);color:var(--ink)}.rec .dot{width:3px;height:3px;border-radius:50%;background:var(--ink-3)}.rec.sel{background:var(--ink);border-color:var(--ink);color:var(--paper);transform:translateY(-1px)}.rec.sel h3,.rec.sel .meta,.rec.sel .fav{color:var(--paper)}.rec.sel .badge{border-color:#f4f2ec80;color:var(--paper)}.rec.sel .dot{background:#f4f2ec99}.reader{flex:1;overflow-y:auto;padding:26px 30px 30px;scrollbar-width:none}.reader::-webkit-scrollbar{display:none}.r-title{font-family:Archivo Expanded,Archivo,sans-serif;font-size:34px;font-weight:700;letter-spacing:-.015em;line-height:1.04}.r-sum{font-size:15px;color:var(--ink-2);margin-top:10px;max-width:62ch;line-height:1.45}.r-meta{font-size:12.5px;color:var(--ink-2);margin-top:12px;letter-spacing:.02em}.sec{font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2);border-bottom:1.5px solid var(--rule);padding-bottom:7px;margin:26px 0 14px}.ing{display:flex;gap:16px;font-size:15px;padding:3px 0;align-items:baseline}.ing .amt{width:118px;font-weight:600;font-variant-numeric:tabular-nums;flex:none}.ing .note{color:var(--ink-2)}.step{display:flex;gap:16px;padding:9px 0;align-items:flex-start}.step .n{width:26px;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none;padding-top:1px}.step .body{font-size:15px;line-height:1.5}.step .timer{display:inline-flex;align-items:center;gap:7px;margin-top:8px;color:var(--accent);font-weight:600;font-size:13px;border:1.3px solid var(--accent);border-radius:3px;padding:4px 9px;cursor:pointer}.step.sel .n{color:var(--accent)}.dock{display:flex;align-items:center;gap:14px;padding:11px 22px;border-top:1.5px solid var(--rule);background:linear-gradient(var(--paper-2),var(--paper))}.tbtn{width:26px;height:26px;display:grid;place-items:center;color:var(--ink);cursor:pointer}.np{display:flex;flex-direction:column;line-height:1.25;min-width:0}.np .a{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np .b{font-size:11px;color:var(--ink-2)}.scrub{flex:1;height:3px;background:var(--rule);border-radius:2px;position:relative;overflow:hidden}.scrub i{position:absolute;top:0;right:65%;bottom:0;left:0;background:var(--ink)}.hint{font-size:11px;color:var(--ink-3);letter-spacing:.02em;display:flex;gap:16px}.hint b{color:var(--ink-2);font-weight:600}.kbd{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:1.2px solid var(--rule-2);border-radius:3px;font-family:Spline Sans Mono,monospace;font-size:10px;color:var(--ink-2);vertical-align:middle}.toast{position:absolute;z-index:12;left:50%;bottom:74px;transform:translate(-50%) translateY(8px);background:var(--ink);color:var(--paper);border-radius:5px;padding:12px 18px;display:flex;align-items:center;gap:14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 18px 40px -20px #000000b3}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast .big{font-family:Spline Sans Mono,monospace;font-size:22px;font-variant-numeric:tabular-nums}.toast .lbl{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#f4f2eca6}.toast .ring{color:var(--accent)}.caption{font-size:11.5px;color:#6f6b60;letter-spacing:.03em;text-align:center;max-width:64ch;line-height:1.5}.caption b{color:#4c493f;font-weight:600}