:root{--bg:#0a0a0b;--surface:#161618;--surface-2:#1f1f22;--border:#ffffff12;--border-strong:#ffffff29;--text:#f5f5f5;--text-dim:#8a8a8e;--radius:14px;--radius-lg:18px;--accent:#5fd49f;--accent-dim:#2f7a55;--maxw:1100px;--serif:"Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--text-dim);text-decoration:none}a:hover{color:var(--text)}.topbar{max-width:var(--maxw);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:1.5rem 1.5rem 1rem;display:flex}.topbar__brand{align-items:center;gap:12px;display:inline-flex}.brand__logo{background:#fff;border-radius:6px;flex:none;display:block}.brand__logo img{width:auto;height:128px;display:block}@media (width<=860px){.brand__logo img{height:96px}}.brand__label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-size:.78rem}.topbar__actions{align-items:center;gap:.5rem;display:inline-flex}.admin-only{display:none!important}body.is-admin .admin-only{display:inline-flex!important}#adminBtn.is-active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 60%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.hero{max-width:var(--maxw);margin:0 auto;padding:1.25rem 1.5rem 1.75rem}.hero__title{font-family:var(--serif);letter-spacing:-.01em;margin:.6rem 0 .9rem;font-size:clamp(2.2rem,4.6vw,3.4rem);font-weight:400;line-height:1.05}.hero__title em{color:var(--accent);font-style:italic;font-weight:500}.hero__sub{color:var(--text-dim);max-width:520px;margin:0;font-size:.95rem;line-height:1.55}.pill{border:.5px solid var(--border-strong);color:var(--text-dim);background:#ffffff05;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:.78rem;display:inline-flex}.pill--accent{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.pill--accent:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%}main{max-width:var(--maxw);margin:0 auto;padding:0 1.5rem 3rem}.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=720px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.grid{grid-template-columns:1fr}}.card{font:inherit;color:inherit;text-align:left;background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;padding:0;transition:transform .18s,border-color .18s,background .18s;position:relative;overflow:hidden}.card:hover{border-color:var(--border-strong);background:var(--surface-2);transform:translateY(-2px)}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card:first-child{grid-column:1/-1}.card:first-child .card__thumb{height:clamp(280px,38vw,460px)}.card:first-child .card__title{font-size:1.05rem}.card__thumb{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 28%, #000), #0d0d0e 70%);height:180px;display:block;position:relative;overflow:hidden}.card__img{object-fit:cover;width:100%;height:100%;display:block}.card__blob{background:color-mix(in srgb, var(--accent) 55%, #000);opacity:.85;border-radius:50%;width:64px;height:64px;margin:auto;position:absolute;inset:0}.card__body{padding:14px 16px 16px;display:block}.card__title{text-transform:capitalize;color:var(--text);font-size:.92rem;font-weight:500;display:block}.card__file{color:var(--text-dim);font-feature-settings:"tnum";margin-top:6px;font-size:.72rem;display:block}.cat-tabs{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.cat-tabs[hidden]{display:none}.cat-tab{font:inherit;color:var(--text-dim);border:.5px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:999px;padding:5px 14px;font-size:.8rem;transition:background .15s,color .15s,border-color .15s}.cat-tab:hover{color:var(--text);background:var(--surface-2)}.cat-tab.is-active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.card__cat{z-index:1;letter-spacing:.02em;color:#fff;-webkit-backdrop-filter:blur(6px);pointer-events:none;background:#0000008c;border:.5px solid #ffffff2e;border-radius:999px;padding:3px 9px;font-size:.68rem;position:absolute;top:10px;left:10px}.empty{color:var(--text-dim);font-size:.9rem;line-height:1.6}.empty code{background:var(--surface-2);border-radius:6px;padding:1px 6px;font-size:.85em}.btn{font:inherit;color:var(--text);border:.5px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:.5rem .95rem;transition:background .15s,transform 80ms,border-color .15s;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--accent-dim)}.btn:active{transform:scale(.97)}.btn--accent{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.btn--accent:hover{background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:var(--accent)}.btn__plus{font-size:1.05em;line-height:1}.btn--icon{border-radius:50%;justify-content:center;width:36px;height:36px;padding:0}.btn--danger{color:#ff8a78;border-color:#ff8a7859}.btn--danger:hover{color:#fff;background:#ff46462e;border-color:#ff5a5ab3}.expanded__actions{align-items:center;gap:.6rem;display:inline-flex}.footer{max-width:var(--maxw);color:var(--text-dim);border-top:.5px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:1.25rem 1.5rem 2rem;font-size:.76rem;display:flex}.footer__links{gap:1.25rem;display:inline-flex}.overlay{z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay[hidden]{display:none}.overlay__backdrop{-webkit-backdrop-filter:blur(8px);opacity:0;background:#000000a6;transition:opacity .28s;position:absolute;inset:0}.overlay.is-open .overlay__backdrop{opacity:1}.expanded{z-index:101;background:var(--surface);border:.5px solid var(--border-strong);opacity:0;border-radius:16px;flex-direction:column;width:min(95vw,1600px);height:min(92vh,1100px);transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .24s;display:flex;position:relative;overflow:hidden;transform:scale(.94)}.overlay.is-open .expanded{opacity:1;transform:scale(1)}.viewer{background:#0d0d0e;flex:1;min-height:0;position:relative}.viewer canvas{width:100%;height:100%;display:block}.viewer__hint{color:#ffffffeb;pointer-events:none;background:#00000073;border-radius:8px;padding:5px 12px;font-size:.8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewer__toggle{z-index:2;font:inherit;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#0000008c;border:.5px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;transition:background .15s,border-color .15s;display:inline-flex;position:absolute;top:12px;right:12px}.viewer__toggle:hover{background:#000000b3}.viewer__toggle[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 70%, transparent);border-color:color-mix(in srgb, var(--accent) 90%, transparent)}.viewer__toolbar{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;top:12px}.viewer__toolbar--tl{left:12px}.viewer__toolbar--tr{right:12px}.viewer__toolbar .viewer__toggle{position:static;top:auto;left:auto;right:auto}.viewer__toggle--edit,.btn--edit-only{display:none!important}.expanded.is-editing .viewer__toggle--edit,.expanded.is-editing .btn--edit-only{display:inline-flex!important}#editBtn.is-active{background:color-mix(in srgb, var(--accent) 70%, transparent);border-color:color-mix(in srgb, var(--accent) 90%, transparent)}.expanded:fullscreen{border:0;border-radius:0;width:100vw;height:100vh;transform:none}.expanded:fullscreen .viewer{background:#000}@media (pointer:coarse){.overlay{padding:0}.expanded{border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none}#fullscreenBtn{display:none}.expanded__bar{padding:.5rem .7rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));flex-wrap:nowrap;gap:.5rem}.expanded__bar>div:first-child{min-width:0}.expanded__title{font-size:.88rem}.expanded__meta{white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.expanded__actions{flex:none;gap:.4rem}#linkBtn{max-width:42vw}#linkBtn #linkBtnLabel{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.viewer__speed{z-index:2;font:inherit;color:#fff;-webkit-backdrop-filter:blur(6px);background:#0000008c;border:.5px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;padding:6px 14px;font-size:.78rem;display:inline-flex;position:absolute;bottom:12px;left:12px}.viewer__speed-icon{opacity:.7;line-height:1}.viewer__speed-range{appearance:none;background:#ffffff2e;border-radius:999px;outline:none;width:140px;height:4px;margin:0}.viewer__speed-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border:2px solid #0a0a0b;border-radius:50%;width:14px;height:14px}.viewer__speed-range::-moz-range-thumb{background:var(--accent);cursor:pointer;border:2px solid #0a0a0b;border-radius:50%;width:14px;height:14px}.viewer__speed-value{text-align:right;min-width:44px;color:var(--text-dim);font-feature-settings:"tnum"}.viewer__rotate-panel{z-index:2;-webkit-backdrop-filter:blur(6px);color:#fff;background:#0009;border:.5px solid #ffffff2e;border-radius:14px;flex-direction:column;gap:8px;min-width:240px;padding:10px 14px 12px;font-size:.78rem;display:flex;position:absolute;bottom:12px;right:12px}.viewer__rotate-panel[hidden]{display:none}.viewer__rotate-row{grid-template-columns:16px 1fr 44px;align-items:center;gap:10px;display:grid}.viewer__rotate-label{color:var(--text-dim);text-align:center}.viewer__rotate-range{appearance:none;background:#ffffff2e;border-radius:999px;outline:none;width:100%;height:4px;margin:0}.viewer__rotate-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border:2px solid #0a0a0b;border-radius:50%;width:14px;height:14px}.viewer__rotate-range::-moz-range-thumb{background:var(--accent);cursor:pointer;border:2px solid #0a0a0b;border-radius:50%;width:14px;height:14px}.viewer__rotate-value-input{text-align:right;width:44px;color:var(--text-dim);font-feature-settings:"tnum";font:inherit;appearance:textfield;background:0 0;border:.5px solid #0000;border-radius:4px;padding:1px 4px;font-size:.78rem}.viewer__rotate-value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.viewer__rotate-value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.viewer__rotate-value-input:hover{border-color:var(--border);color:#fff}.viewer__rotate-value-input:focus{border-color:var(--accent-dim);color:#fff;background:#ffffff0a;outline:none}.viewer__rotate-foot{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.viewer__rotate-btn{font:inherit;color:var(--text-dim);cursor:pointer;background:0 0;border:.5px solid #fff3;border-radius:999px;padding:3px 10px;font-size:.75rem}.viewer__rotate-btn:hover{color:#fff;border-color:#fff6}.viewer__rotate-hint{color:var(--text-dim);font-size:.7rem}.viewer__toggle.is-flash{background:color-mix(in srgb, var(--accent) 80%, white);border-color:var(--accent)}.viewer__toggle-icon{font-size:.95rem;line-height:1;display:inline-block}.expanded__bar{background:var(--surface);border-top:.5px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.expanded__titlerow{flex-wrap:wrap;align-items:center;gap:10px;margin:0;display:flex}.expanded__title{text-transform:capitalize;color:var(--text);margin:0;font-size:1rem;font-weight:500}.expanded__cat{letter-spacing:.02em;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border:.5px solid color-mix(in srgb, var(--accent) 45%, transparent);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.7rem}.expanded__cat[hidden]{display:none}.expanded__meta{color:var(--text-dim);cursor:default;border:.5px solid #0000;border-radius:6px;margin:3px 0 0 -6px;padding:2px 6px;font-size:.78rem;transition:border-color .15s,background .15s}.expanded.is-editing .expanded__meta{cursor:text}.expanded.is-editing .expanded__meta:hover{border-color:var(--border)}.expanded__meta:focus{border-color:var(--accent-dim);color:var(--text);background:#ffffff08;outline:none}.cat-picker{z-index:200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cat-picker[hidden]{display:none}.cat-picker__backdrop{-webkit-backdrop-filter:blur(6px);background:#0009;position:absolute;inset:0}.cat-picker__box{z-index:1;background:var(--surface);border:.5px solid var(--border-strong);border-radius:var(--radius-lg);flex-direction:column;gap:14px;width:min(92vw,460px);padding:1.25rem 1.35rem 1.35rem;display:flex;position:relative}.cat-picker__title{color:var(--text);margin:0;font-size:.95rem;font-weight:500}.cat-picker__list{flex-wrap:wrap;gap:8px;display:flex}.cat-picker__chip{font:inherit;color:var(--text-dim);border:.5px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:999px;padding:5px 13px;font-size:.8rem;transition:background .15s,color .15s,border-color .15s}.cat-picker__chip:hover{color:var(--text);background:var(--surface-2)}.cat-picker__chip.is-current{border-style:dashed}.cat-picker__chip.is-selected{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 60%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.cat-picker__new{font:inherit;color:var(--text);background:var(--surface-2);border:.5px solid var(--border-strong);border-radius:10px;outline:none;padding:8px 12px;font-size:.85rem}.cat-picker__new:focus{border-color:var(--accent-dim)}.cat-picker__foot{justify-content:flex-end;gap:.6rem;margin-top:2px;display:flex}.cat-picker__error{color:#ff8a78;margin:-6px 0 0;font-size:.8rem}.cat-picker__error[hidden]{display:none}.view-switch{border:.5px solid var(--border-strong);border-radius:999px;display:inline-flex;overflow:hidden}.view-switch__btn{font:inherit;color:var(--text-dim);cursor:pointer;background:0 0;border:0;padding:.5rem .95rem;font-size:.8rem;transition:background .15s,color .15s}.view-switch__btn:hover{color:var(--text)}.view-switch__btn.is-active{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.fs-view[hidden]{display:none}.fs-view__head{align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.fs-view__title{font-family:var(--serif);margin:0;font-size:1.4rem;font-weight:500}.fs-view__status{color:var(--text-dim);font-feature-settings:"tnum";font-size:.8rem}.fs-tree{flex-direction:column;gap:18px;display:flex}.fs-folder{border:.5px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.fs-folder__head{background:var(--surface-2);border-bottom:.5px solid var(--border);align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;display:flex}.fs-folder__name{font-weight:500}.fs-folder__count{color:var(--text-dim);font-feature-settings:"tnum";margin-left:auto;font-size:.75rem}.fs-file{border-bottom:.5px solid var(--border);align-items:center;gap:12px;padding:8px 14px;display:flex}.fs-file:last-child{border-bottom:0}.fs-file__thumb{object-fit:cover;background:color-mix(in srgb, var(--accent) 28%, #000);border-radius:6px;flex:none;width:48px;height:34px}.fs-file__thumb--blank{opacity:.5}.fs-file__name{color:var(--text);word-break:break-all;flex:auto;font-size:.82rem}.fs-file__move{flex:none;padding:.4rem .8rem;font-size:.78rem}.fs-empty{color:var(--text-dim);font-size:.9rem}.fs-folder__show{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;margin-left:10px;font-size:.78rem;display:inline-flex}.fs-folder__show input{accent-color:var(--accent);cursor:pointer}.fs-file__show{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:6px;font-size:.76rem;display:inline-flex}.fs-file__show input{accent-color:var(--accent);cursor:pointer}.grid[hidden],.mobile-controls{display:none}@media (pointer:coarse){.mobile-controls{z-index:3;pointer-events:none;display:block;position:absolute;inset:0}}.mc-move{pointer-events:auto;flex-direction:column;gap:12px;display:flex;position:absolute;bottom:64px;left:16px}.mc-btn{color:#fff;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(6px);background:#00000080;border:.5px solid #ffffff40;border-radius:50%;width:60px;height:60px;font-size:1.4rem;line-height:1}.mc-btn.is-pressed{background:color-mix(in srgb, var(--accent) 65%, transparent);border-color:var(--accent)}.mc-joy{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(6px);background:#0006;border:.5px solid #ffffff38;border-radius:50%;width:124px;height:124px;position:absolute;bottom:28px;right:20px}.mc-joy__knob{background:color-mix(in srgb, var(--accent) 80%, #000);will-change:transform;border:2px solid #ffffff80;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}@media (prefers-reduced-motion:reduce){.card,.btn,.overlay__backdrop,.expanded{transition:none}}