:root{--ink: #0b0c0e;--surface: #14161a;--line: #23262c;--bone: #e9e5da;--dim: #8b8f97;--membrane: #52d6c3;--rim: #e06a9f}*{box-sizing:border-box}html,body{margin:0;background:var(--ink);color:var(--bone);font-family:Bricolage Grotesque,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.mono{font-family:JetBrains Mono,monospace}.app{max-width:1560px;margin:0 auto;padding:0 20px 60px}.masthead{padding:40px 0 18px}.masthead-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 28px}.brand{margin:0;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:750;font-stretch:90%;letter-spacing:-.02em;line-height:1}.brand-accent{color:var(--membrane);font-weight:300}.masthead-sub{margin:0;color:var(--dim);font-size:.95rem;max-width:44ch}.masthead-sub .mono{color:var(--membrane)}.mainnav{display:flex;gap:6px;align-items:center;margin-bottom:20px}.nav-item{position:relative}.nav-link{background:none;border:none;color:var(--dim);font:inherit;font-size:.95rem;padding:6px 12px;border-radius:8px;cursor:pointer;transition:color .15s,background .15s}.nav-link:hover{color:var(--bone)}.nav-on{color:var(--membrane)}.caret{font-size:.7rem;opacity:.7}.nav-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:20;min-width:200px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:2px;box-shadow:0 12px 30px #00000080}.nav-menu-item{display:block;text-align:left;background:none;border:none;color:var(--bone);font:inherit;font-size:.85rem;padding:8px 10px;border-radius:6px;cursor:pointer;text-decoration:none}.nav-menu-item:hover{background:var(--bg);color:var(--membrane)}.nav-menu-all{color:var(--dim);border-bottom:1px solid var(--line);border-radius:6px 6px 0 0;margin-bottom:2px}.tut-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}.tut-card:hover{border-color:var(--membrane);transform:translateY(-2px)}.tut-head{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 30% 20%,rgba(200,162,74,.14),transparent 60%),var(--bg);border-bottom:1px solid var(--line)}.tut-tag{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--membrane);border:1px solid var(--line);border-radius:999px;padding:4px 12px}.tut-meta{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px}.tut-title{font-size:1.05rem}.tut-desc{color:var(--dim);font-size:.85rem;line-height:1.4}.tut-file{color:var(--dim);font-size:.72rem;margin-top:4px}.toolbar{display:flex;gap:10px;margin-top:24px}.search,.sort{background:var(--surface);color:var(--bone);border:1px solid var(--line);border-radius:8px;padding:10px 14px;font:inherit;font-size:.9rem}.search{flex:1;min-width:0}.search:focus-visible,.sort:focus-visible,.tag:focus-visible,.card:focus-visible,.btn:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--membrane);outline-offset:2px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.filter-select{flex:1;min-width:160px;max-width:260px}.clear-btn{font-size:.8rem;padding:8px 14px;color:var(--dim)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tag{background:none;border:1px solid var(--line);color:var(--dim);border-radius:999px;padding:5px 12px;font:inherit;font-size:.8rem;cursor:pointer;transition:border-color .15s,color .15s}.tag:hover{border-color:var(--membrane);color:var(--bone)}.tag-on{border-color:var(--membrane);color:var(--membrane)}.tag-n{font-size:.7rem;opacity:.7}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:26px}.status{grid-column:1 / -1;color:var(--dim);padding:40px 0;text-align:center}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:0;text-align:left;cursor:pointer;overflow:hidden;color:inherit;font:inherit;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--membrane);transform:translateY(-2px)}@media (prefers-reduced-motion: reduce){.card,.card:hover{transition:none;transform:none}}.thumb-wrap{position:relative;aspect-ratio:16 / 9;background:#000}.thumb{width:100%;height:100%;object-fit:cover;display:block}.thumb-fallback{display:grid;place-items:center;color:var(--membrane);font-size:.85rem}.day{position:absolute;left:8px;top:8px;background:#0b0c0ebf;color:var(--membrane);font-size:.7rem;padding:3px 8px;border-radius:6px;letter-spacing:.04em}.badge{position:absolute;right:8px;top:8px;background:#0b0c0ebf;color:var(--rim);font-size:.68rem;padding:3px 8px;border-radius:6px}.card-meta{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px}.card-name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-stats{color:var(--dim);font-size:.7rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050608d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px;z-index:50}.modal{background:var(--surface);border:1px solid var(--line);border-radius:14px;width:min(1280px,94vw);max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 20px 12px}.modal-title{margin:0;font-size:1.2rem;font-weight:700}.modal-desc{margin:4px 0 0;color:var(--dim);font-size:.85rem}.icon-btn{background:none;border:1px solid var(--line);color:var(--dim);border-radius:8px;width:34px;height:34px;cursor:pointer;font-size:.9rem}.icon-btn:hover{color:var(--bone);border-color:var(--membrane)}.stage{position:relative;aspect-ratio:16 / 9;background:#000;max-height:min(70vh,810px)}.stage-canvas{width:100%;height:100%;display:block;touch-action:none}.stage-note{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--membrane);font-size:.85rem;background:#00000080;padding:20px;text-align:center}.stage-error{color:var(--rim)}.nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:64px;display:grid;place-items:center;background:#0b0c0e8c;border:1px solid var(--line);color:var(--bone);font-size:1.7rem;line-height:1;cursor:pointer;border-radius:10px;opacity:.55;transition:opacity .15s,border-color .15s,color .15s;-webkit-user-select:none;user-select:none}.nav:hover{opacity:1;border-color:var(--membrane);color:var(--membrane)}.nav-prev{left:10px}.nav-next{right:10px}@media (max-width: 560px){.nav{width:36px;height:52px;font-size:1.4rem}}.stage-hint{position:absolute;bottom:10px;left:12px;color:var(--dim);font-size:.68rem}.modal-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px 16px;flex-wrap:wrap}.controls{display:flex;gap:8px}.btn{background:none;border:1px solid var(--line);color:var(--bone);border-radius:8px;padding:8px 16px;font:inherit;font-size:.85rem;cursor:pointer}.btn:hover{border-color:var(--membrane);color:var(--membrane)}.readout{display:flex;gap:16px;color:var(--dim);font-size:.75rem;align-items:center}.readout a{color:var(--membrane);text-decoration:none}.readout a:hover{text-decoration:underline}.footer{margin-top:48px;padding-top:18px;border-top:1px solid var(--line);color:var(--dim);font-size:.75rem}@media (max-width: 560px){.toolbar{flex-direction:column}.modal-foot{justify-content:center}}.add-btn{white-space:nowrap}.notice{margin:10px 0 0;color:var(--membrane);font-size:.78rem}.chip-local{position:absolute;left:8px;bottom:8px;background:#0b0c0ebf;color:var(--rim);font-size:.68rem;padding:3px 8px;border-radius:6px}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--ink);opacity:1;transition:opacity .6s ease}.loader-leaving{opacity:0;pointer-events:none}.loader-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.loader-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 50%,transparent 30%,rgba(11,12,14,.72) 100%),#0b0c0e47}.loader-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:24px}.loader-brand{font-size:.8rem;letter-spacing:.32em;text-transform:uppercase;color:var(--dim)}.loader-count{font-size:clamp(4rem,16vw,8rem);line-height:1;font-weight:700;color:var(--bone);text-shadow:0 0 40px rgba(82,214,195,.35)}.loader-pct{font-size:.32em;color:var(--membrane);margin-left:6px;vertical-align:super}.loader-status{display:inline-flex;align-items:center;gap:9px;font-size:.85rem;letter-spacing:.06em;color:var(--membrane)}.loader-dot{width:8px;height:8px;border-radius:50%;background:var(--membrane);box-shadow:0 0 12px var(--membrane);animation:loader-pulse 1.1s ease-in-out infinite}@keyframes loader-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.loader-bar{width:min(320px,70vw);height:2px;margin-top:8px;background:var(--line);border-radius:2px;overflow:hidden}.loader-bar-fill{height:100%;background:linear-gradient(90deg,var(--rim),var(--membrane));transition:width .12s linear}