:root,[data-theme=dark]{--bg:#070707;--bg-soft:#0e0e0e;--bg-raised:#161616;--fg:#d49028;--fg-bright:#f0c060;--fg-muted:#7a5a20;--fg-dim:#3a2a10;--accent:#d49028;--accent-glow:#d4902840;--accent-dim:#d4902814;--ok:#1e6b1e;--ok-text:#3a9e3a;--err:#7a1a1a;--err-text:#c44;--border:#2a1f0a;--border-mid:#3a2a10;--border-hi:#5a4020;--text-color:var(--fg);--muted:var(--fg-muted);--border-strong:var(--border-hi);--glow:0 0 8px #d4902866;--glow-strong:0 0 12px #d4902899;--scanline-opacity:.06;--font-ui:"JetBrains Mono","IBM Plex Mono","Fira Code","Courier New",monospace;--font-body:"JetBrains Mono","IBM Plex Mono","Fira Code","Courier New",monospace;--font-serif:"JetBrains Mono","IBM Plex Mono",monospace;--font-mono:var(--font-ui);--text-xs:.72rem;--text-sm:.8125rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--page-pad:clamp(16px,4vw,48px);--content-max:900px;--post-grid-cols:repeat(auto-fill,minmax(280px,1fr));--radius-sm:2px;--radius:3px;--radius-lg:4px;--ease-out:cubic-bezier(.16,1,.3,1);--dur-fast:.11s;--dur-base:.2s;--nav-width:220px;--nav-collapsed:52px;--metal-from:#d490280f;--metal-to:#0000001f;--metal-hi:#d4902826;--metal-lo:#00000040}[data-theme=light]{--bg:#f4efe6;--bg-soft:#ebe5d8;--bg-raised:#e2dace;--fg:#3d2b1f;--fg-bright:#1a0f05;--fg-muted:#8a7560;--fg-dim:#c4b8a4;--accent:#8b5e3c;--accent-glow:#8b5e3c26;--accent-dim:#8b5e3c14;--ok:#2d6b2d;--ok-text:#2d7a2d;--err:#8a2a2a;--err-text:#b33333;--border:#d4c4a8;--border-mid:#bfad90;--border-hi:#a08868;--text-color:var(--fg);--muted:var(--fg-muted);--border-strong:var(--border-hi);--glow:none;--glow-strong:none;--scanline-opacity:.025;--metal-from:#ffffff73;--metal-to:#0000000d;--metal-hi:#ffffff80;--metal-lo:#0000001a}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);color:var(--text-color);background:var(--bg);min-height:100vh;margin:0;line-height:1.65}a{color:inherit;text-decoration:none}img,video{max-width:100%;height:auto;display:block}h1,h2,h3,h4{margin:0;line-height:1.3}p{margin:0}button{font-family:inherit}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,var(--scanline-opacity))2px,rgba(0,0,0,var(--scanline-opacity))4px);position:fixed;inset:0}[data-theme=dark] .page{box-shadow:inset 0 0 150px #000000b3}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.98}94%{opacity:1}}[data-theme=dark] body{animation:4s infinite flicker}[data-theme=dark] .side-nav__logo,[data-theme=dark] .post-card__title,[data-theme=dark] .post-detail__title{text-shadow:var(--glow)}@keyframes blink{50%{opacity:0}}.cursor-blink{color:var(--accent);animation:1s step-end infinite blink;display:inline-block}.page{min-height:100vh;display:flex;position:relative}.page__body{min-width:0;min-height:100vh;transition:margin-left .3s var(--ease-out);flex-direction:column;flex:1;display:flex}.site-main{padding:32px var(--page-pad)64px;max-width:var(--content-max);flex:1;width:100%;margin:0 auto}.side-nav{width:var(--nav-width);background:var(--bg);border-right:1px solid var(--border);z-index:50;transition:width .3s var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.side-nav--collapsed{width:var(--nav-collapsed)}.side-nav__logo{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:2px;text-transform:uppercase;color:var(--fg-bright);white-space:nowrap;align-items:center;gap:8px;padding:20px 16px 16px;font-weight:700;text-decoration:none;display:flex;overflow:hidden}.side-nav__logo:hover{color:var(--accent)}.side-nav__sep{font-family:var(--font-mono);color:var(--border-hi);white-space:nowrap;-webkit-user-select:none;user-select:none;margin:4px 0;padding:0 12px;font-size:10px;line-height:1;overflow:hidden}.side-nav__links{flex-direction:column;flex:1;padding:8px 0;display:flex;overflow-y:auto}.side-nav__link{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg-muted);white-space:nowrap;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 16px;text-decoration:none;transition:color .15s,background .15s;display:flex;overflow:hidden}.side-nav__link:hover,.side-nav__link--active{color:var(--fg-bright);background:var(--accent-dim)}.side-nav__link--active .side-nav__link-prefix{visibility:visible}.side-nav__link-prefix{width:12px;font-family:var(--font-mono);color:var(--accent);visibility:hidden;flex-shrink:0;font-weight:700}.side-nav__link-icon{text-align:center;flex-shrink:0;width:18px;font-size:14px;display:none}.side-nav__link-text{text-overflow:ellipsis;overflow:hidden}.side-nav--collapsed .side-nav__link-text,.side-nav--collapsed .side-nav__logo-text,.side-nav--collapsed .side-nav__sep,.side-nav--collapsed .side-nav__link-prefix{display:none}.side-nav--collapsed .side-nav__link-icon{display:inline}.side-nav--collapsed .side-nav__link{justify-content:center;padding:10px 0}.side-nav--collapsed .side-nav__logo{justify-content:center;padding:20px 0 16px}.side-nav--collapsed .side-nav__link{position:relative}.side-nav--collapsed .side-nav__link[data-tip]:after{content:attr(data-tip);font-family:var(--font-mono);letter-spacing:1px;color:var(--fg);background:var(--bg-raised);border:1px solid var(--border-mid);white-space:nowrap;pointer-events:none;opacity:0;z-index:51;padding:2px 8px;font-size:10px;transition:opacity .1s;position:absolute;top:50%;left:calc(100% + 6px);transform:translateY(-50%)}.side-nav--collapsed .side-nav__link[data-tip]:hover:after{opacity:1}.side-nav-tab{top:12px;left:var(--nav-width);z-index:49;width:28px;height:36px;font-family:var(--font-mono);color:var(--accent);background:var(--bg-raised);border:1px solid var(--border-hi);border-radius:0 var(--radius-lg)var(--radius-lg)0;cursor:pointer;transition:left .3s var(--ease-out),color .15s,transform .3s var(--ease-out);border-left:none;justify-content:center;align-items:center;font-size:12px;display:flex;position:fixed;transform:translate(-20px)}.side-nav-tab:hover{color:var(--fg-bright);transform:translate(0)}.side-nav--collapsed~.side-nav-tab{left:var(--nav-collapsed);transform:translate(-20px)}.side-nav--collapsed~.side-nav-tab:hover{transform:translate(0)}.side-nav__bottom{border-top:1px solid var(--border);flex-direction:column;padding:8px 0 12px;display:flex}@media (min-width:768px){.page__body{margin-left:var(--nav-width)}.page__body--nav-collapsed{margin-left:var(--nav-collapsed)}}.mobile-menu-btn{z-index:60;background:var(--bg-raised);border:1px solid var(--border);color:var(--fg);font-family:var(--font-mono);cursor:pointer;transition:transform .3s var(--ease-out);padding:6px 10px;font-size:18px;line-height:1;display:none;position:fixed;top:12px;left:12px}.side-nav__overlay{display:none}@media (max-width:767px){.mobile-menu-btn{display:block}.side-nav{width:var(--nav-width);transform:translate(-100%)}.side-nav--mobile-open{transform:translate(0)}.side-nav--collapsed{width:var(--nav-width)}.side-nav--collapsed .side-nav__link-text,.side-nav--collapsed .side-nav__logo-text,.side-nav--collapsed .side-nav__sep,.side-nav--collapsed .side-nav__link-prefix{display:unset}.side-nav--collapsed .side-nav__link{justify-content:flex-start;padding:8px 16px}.side-nav--collapsed .side-nav__logo{justify-content:flex-start;padding:20px 16px 16px}.page__body{transition:transform .3s var(--ease-out);margin-left:0!important}.page__body--mobile-shifted{transform:translateX(var(--nav-width))}.side-nav__overlay{z-index:40;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;display:block;position:fixed;inset:0}.side-nav__overlay--visible{opacity:1;pointer-events:auto}.mobile-menu-btn--shifted{transform:translateX(var(--nav-width))}.side-nav-tab,.side-nav--collapsed .side-nav__link[data-tip]:after{display:none}}.site-footer{border-top:1px solid var(--border);padding:20px var(--page-pad);justify-content:space-between;align-items:center;gap:16px;display:flex}.site-footer__copy{font-size:var(--text-xs);color:var(--muted);font-family:var(--font-mono)}.site-footer__version{font-size:var(--text-xs);color:var(--muted);font-family:var(--font-mono);opacity:.6}.category-filter{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.category-filter__btn{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;color:var(--muted);border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #0000;padding:4px 12px;transition:color .15s,border-color .15s,background .15s}.category-filter__btn:hover{color:var(--bg);border-color:var(--text-color);background:var(--text-color)}.category-filter__btn:active{filter:brightness(1.3);transition-duration:50ms;transform:scale(.96)}.category-filter__btn--active{color:var(--text-color);border-color:var(--border-strong)}.post-grid{grid-template-columns:var(--post-grid-cols);gap:24px;margin-top:24px;display:grid}.post-grid--empty{text-align:center;color:var(--muted);font-size:var(--text-sm);margin-top:48px}.post-card{border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-color);text-decoration:none;transition:border-color .2s,transform .2s;display:block;overflow:hidden}.post-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.post-card__cover{aspect-ratio:16/9;object-fit:cover;background:var(--bg-soft);width:100%}.post-card__body{flex-direction:column;gap:8px;padding:16px;display:flex}.post-card__meta{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;display:flex}.post-card__category{color:var(--text-color)}.post-card__title{font-family:var(--font-mono);font-size:1.05rem;font-weight:500;line-height:1.4}.post-card__summary{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.post-detail{max-width:720px;margin:0 auto}.post-detail__hero{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.post-detail__cover{border-radius:var(--radius-lg);aspect-ratio:16/9;object-fit:cover;width:100%}.post-detail__category{text-transform:uppercase;letter-spacing:1px;color:var(--text-color);font-size:var(--text-sm);font-family:var(--font-mono);text-decoration:none;transition:color .15s}.post-detail__category:hover{color:var(--accent)}.post-detail__title{font-family:var(--font-mono);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;line-height:1.25}.post-detail__meta{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.post-detail__content{margin-top:16px}.post-detail__back{margin-top:48px;margin-bottom:32px}.post-detail__back a{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:1px;text-decoration:none}.post-detail__back a:hover{color:var(--text-color)}.markdown-content{font-family:var(--font-body);color:var(--text-color);font-size:1rem;line-height:1.75}.markdown-content h1,.markdown-content h2,.markdown-content h3{font-family:var(--font-mono);margin-top:2em;margin-bottom:.5em;font-weight:700}.markdown-content p{margin-bottom:1em}.markdown-content ul,.markdown-content ol{margin-bottom:1em;padding-left:1.5em}.markdown-content li{margin-bottom:.25em}.markdown-content blockquote{border-left:3px solid var(--border-strong);color:var(--muted);margin:1.5em 0;padding:.5em 1em;font-style:italic}.markdown-content code{font-family:var(--font-mono);background:var(--bg-soft);border-radius:var(--radius);padding:.1em .35em;font-size:.875em}.markdown-content pre.code-block{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1em;padding:1em;overflow-x:auto}.markdown-content pre.code-block code{background:0 0;padding:0;font-size:.85em}.markdown-content figure.media{margin:1.5em 0}.markdown-content figure.media img,.markdown-content figure.media video{border-radius:var(--radius-lg);width:100%}.markdown-content figure.media figcaption{color:var(--muted);text-align:center;margin-top:.5em;font-size:.8em}.markdown-content a{text-underline-offset:3px;text-decoration:underline}.markdown-content hr{border:none;border-top:1px solid var(--border);margin:2em 0}.auth-page{max-width:360px;margin:80px auto}.auth-page h1{font-family:var(--font-mono);font-size:var(--text-lg);text-transform:uppercase;letter-spacing:2px;margin-bottom:24px}.auth-page__form{flex-direction:column;gap:16px;display:flex}.auth-page__input{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-color);outline:none;padding:10px 12px;transition:border-color .15s}.auth-page__input:focus{border-color:var(--border-hi)}.auth-page__btn{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-color);cursor:pointer;text-transform:uppercase;letter-spacing:1px;padding:10px 16px;transition:color .15s,border-color .15s,background .15s}.auth-page__btn:hover{background:var(--text-color);color:var(--bg);border-color:var(--text-color)}.auth-page__btn:active{filter:brightness(1.3);transition-duration:50ms;transform:scale(.96)}.auth-page__error{font-size:var(--text-sm);color:var(--err-text)}.auth-page__btn:disabled{opacity:.5;cursor:not-allowed}.setup-page{max-width:520px}.setup-form{gap:24px}.setup-section{border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:16px}.setup-section legend{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:1px;color:var(--accent);padding:0 8px}.setup-field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.setup-field:last-child{margin-bottom:0}.setup-field>span{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.setup-logo-row{align-items:flex-start;gap:16px;display:flex}.setup-logo-input{resize:vertical;font-family:var(--font-mono);font-size:var(--text-xs);flex:1}.setup-logo-preview{border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;padding:8px;display:flex}.setup-logo-preview svg{width:100%;height:100%;fill:var(--fg)}.setup-hint{font-size:var(--text-xs);color:var(--muted);margin:8px 0 0}.setup-category-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.setup-category-row .auth-page__input{flex:1}.setup-category-remove{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 4px;line-height:1}.setup-category-remove:hover{color:var(--err-text)}.setup-category-add{font-family:var(--font-mono);font-size:var(--text-xs);border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted);cursor:pointer;text-align:center;background:0 0;width:100%;padding:6px 12px}.setup-category-add:hover{border-color:var(--text-color);color:var(--bg);background:var(--text-color);border-style:solid}.setup-category-add:active{filter:brightness(1.3);transition-duration:50ms;transform:scale(.96)}.not-found{text-align:center;color:var(--muted);padding:80px 0}.not-found h2{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;font-weight:400}.not-found a{font-size:var(--text-sm);font-family:var(--font-mono);text-underline-offset:3px;text-decoration:underline}@media (max-width:600px){.post-grid{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:flex-start}}@media (max-width:767px){.site-main{padding-top:56px}}.site-main:has(.editor-page){max-width:100%}.editor-page{flex-direction:column;gap:24px;display:flex}.editor-grid{grid-template-columns:minmax(260px,1fr) minmax(320px,1fr);align-items:start;gap:24px;display:grid}.editor-settings{grid-template-columns:minmax(260px,540px);justify-content:center}.editor-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);flex-direction:column;gap:16px;padding:20px;display:flex}.editor-panel h2{font-family:var(--font-mono);letter-spacing:2px;margin:0;font-weight:500}.editor-field{gap:8px;display:grid}.editor-field label{font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-family:var(--font-mono)}.editor-field input,.editor-field textarea,.editor-field select{border:1px solid var(--border);border-radius:var(--radius);width:100%;font-size:var(--text-sm);font-family:var(--font-mono);background:var(--bg);color:var(--text-color);box-sizing:border-box;padding:8px 10px}.editor-field textarea{resize:vertical}.editor-actions{align-items:center;gap:12px;display:flex}.editor-actions button{border-radius:var(--radius);border:1px solid var(--border-strong);font-size:var(--text-sm);font-family:var(--font-mono);cursor:pointer;color:var(--text-color);background:0 0;padding:8px 16px}.editor-actions button:hover{background:var(--text-color);color:var(--bg);border-color:var(--text-color)}.editor-actions button:active{filter:brightness(1.3);transition-duration:50ms;transform:scale(.96)}.editor-action{transition:color .2s,border-color .2s,background-color .2s}.editor-actions .editor-action--save{color:#166534;background:#16a34a14;border-color:#16a34a}.editor-actions button:disabled{opacity:.55;cursor:not-allowed}.editor-status{font-size:var(--text-xs);color:var(--muted)}@media (max-width:900px){.editor-grid{grid-template-columns:1fr}}.ml-overlay{z-index:100}.ml-modal{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;width:min(960px,95vw);max-height:85vh;display:flex;overflow:hidden}.ml-modal--dragover{outline:2px dashed var(--accent,#f59e0b);outline-offset:-4px}.ml-upload-hint{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--accent,#f59e0b);letter-spacing:1px;text-align:center;flex-shrink:0;margin:0;padding:6px 20px}.ml-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ml-title{font-size:var(--text-xs);letter-spacing:2px;text-transform:uppercase;font-family:var(--font-mono);color:var(--muted)}.ml-close{border:1px solid var(--border-strong);border-radius:var(--radius);font-size:var(--text-xs);font-family:var(--font-mono);cursor:pointer;color:var(--text-color);background:0 0;padding:4px 12px}.ml-close:hover{background:var(--text-color);color:var(--bg);border-color:var(--text-color)}.ml-close:active{filter:brightness(1.3);transition-duration:50ms;transform:scale(.96)}.ml-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;display:flex}.ml-toolbar__search{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);min-width:120px;font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-color);outline:none;flex:1;padding:5px 10px}.ml-toolbar__select{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-color);cursor:pointer;padding:5px 8px}.ml-toolbar__sort{gap:2px;display:flex}.ml-toolbar__sort-btn{border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--muted);cursor:pointer;background:0 0;padding:4px 8px}.ml-toolbar__sort-btn--active{background:var(--bg-soft);color:var(--text-color);border-color:var(--border-strong)}.ml-toolbar__manage-btn{border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-color);cursor:pointer;background:0 0;padding:4px 10px}.ml-toolbar__manage-btn:hover{background:var(--text-color);color:var(--bg);border-color:var(--text-color)}.ml-toolbar__manage-btn:active{filter:brightness(1.3);transition-duration:50ms;transform:scale(.96)}.ml-toolbar__manage-btn--active{background:var(--bg-soft);border-color:var(--border-strong)}.ml-toolbar__delete-btn{border-radius:var(--radius);font-size:var(--text-xs);font-family:var(--font-mono);color:#e53e3e;cursor:pointer;background:0 0;border:1px solid #e53e3e;padding:4px 10px}.ml-toolbar__delete-btn:hover{color:#fff;background:#e53e3e;border-color:#e53e3e}.ml-toolbar__delete-btn:active{filter:brightness(1.3);transition-duration:50ms;transform:scale(.96)}.ml-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;padding:12px 16px;display:grid;overflow-y:auto}.ml-grid__empty{font-size:var(--text-sm);color:var(--muted);font-family:var(--font-mono);text-align:center;grid-column:1/-1;margin:0;padding:24px 0}.ml-card{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:2px;padding:4px;transition:border-color .15s;display:flex;position:relative}.ml-card:hover{border-color:var(--border-strong)}.ml-card--selected{border-color:var(--border-strong);background:var(--bg-soft)}.ml-card__check{z-index:1;cursor:pointer;position:absolute;top:6px;left:6px}.ml-card__thumb{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);width:100%}.ml-card__file-icon{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--bg-soft);width:100%;font-size:9px;font-family:var(--font-mono);color:var(--muted);justify-content:center;align-items:center;display:flex}.ml-card__name{font-size:9px;font-family:var(--font-mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.ml-card__info-btn{color:#fff;cursor:pointer;opacity:0;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:8px;line-height:1;transition:opacity .15s;display:flex;position:absolute;top:4px;right:4px}.ml-card:hover .ml-card__info-btn{opacity:1}.ml-detail-overlay{z-index:110}.ml-detail{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;width:min(540px,90vw);max-height:80vh;display:flex;overflow:hidden}.ml-detail__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.ml-detail__title{font-size:var(--text-xs);letter-spacing:2px;text-transform:uppercase;font-family:var(--font-mono);color:var(--muted)}.ml-detail__close{border:1px solid var(--border-strong);border-radius:var(--radius);font-size:var(--text-xs);font-family:var(--font-mono);cursor:pointer;color:var(--text-color);background:0 0;padding:4px 12px}.ml-detail__close:hover{background:var(--text-color);color:var(--bg);border-color:var(--text-color)}.ml-detail__close:active{filter:brightness(1.3);transition-duration:50ms;transform:scale(.96)}.ml-detail__body{flex-direction:column;gap:16px;padding:16px 20px;display:flex;overflow-y:auto}.ml-detail__preview{justify-content:center;display:flex}.ml-detail__image{object-fit:contain;border-radius:var(--radius-lg);border:1px solid var(--border);max-width:100%;max-height:240px}.ml-detail__file-icon{border-radius:var(--radius-lg);background:var(--bg-soft);width:100px;height:100px;font-size:var(--text-md);font-family:var(--font-mono);color:var(--muted);justify-content:center;align-items:center;display:flex}.ml-detail__info{flex-direction:column;gap:12px;display:flex}.ml-detail__label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--muted);letter-spacing:1px;text-transform:uppercase;flex-direction:column;gap:4px;display:flex}.ml-detail__input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-color);text-transform:none;letter-spacing:0;outline:none;padding:6px 10px}.ml-detail__meta-grid{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-color);grid-template-columns:auto 1fr;gap:4px 12px;display:grid}.ml-detail__meta-label{color:var(--muted);font-size:var(--text-xs)}.ml-detail__error{color:#e53e3e;font-size:var(--text-sm);font-family:var(--font-mono);margin:0}.ml-detail__actions{border-top:1px solid var(--border);flex-shrink:0;gap:8px;padding:14px 20px;display:flex}.ml-detail__btn{border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-color);cursor:pointer;background:0 0;padding:5px 12px}.ml-detail__btn:hover{background:var(--text-color);color:var(--bg);border-color:var(--text-color)}.ml-detail__btn:active{filter:brightness(1.3);transition-duration:50ms;transform:scale(.96)}.ml-detail__btn--primary{background:var(--text-color);color:var(--bg);border-color:var(--text-color)}.ml-detail__btn--danger{color:#e53e3e;border-color:#e53e3e}.ml-detail__btn--danger:hover{color:#fff;background:#e53e3e;border-color:#e53e3e}.ml-confirm-overlay{z-index:120}.ml-confirm{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;width:min(360px,86vw);padding:24px}.ml-confirm__text{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-color);margin:0 0 20px}.ml-confirm__actions{justify-content:center;gap:12px;display:flex}.ml-confirm__cancel{border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-color);cursor:pointer;background:0 0;padding:6px 16px}.ml-confirm__cancel:hover{background:var(--text-color);color:var(--bg);border-color:var(--text-color)}.ml-confirm__cancel:active{filter:brightness(1.3);transition-duration:50ms;transform:scale(.96)}.ml-confirm__delete{border-radius:var(--radius);font-size:var(--text-sm);font-family:var(--font-mono);color:#fff;cursor:pointer;background:#e53e3e;border:1px solid #e53e3e;padding:6px 16px}.ml-confirm__delete:hover{background:#c53030;border-color:#c53030}.ml-confirm__delete:active{filter:brightness(1.3);transition-duration:50ms;transform:scale(.96)}.modal-overlay{z-index:80;background:#00000073;justify-content:center;align-items:center;animation:.15s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.dos-progress{flex-direction:column;align-items:center;gap:2px;animation:.2s dosProgressFadeIn;display:flex}.dos-progress__bar{font-family:var(--font-mono);color:var(--fg-muted);letter-spacing:-.5px;white-space:nowrap;font-size:10px}.dos-progress__bar--ok{color:var(--ok-text)}.dos-progress__bar--err{color:var(--err-text)}.dos-progress__bar--indeterminate{width:10ch;height:1.2em;display:inline-block;position:relative;overflow:hidden}.dos-progress__bar--indeterminate:before{content:"██░░░░░░░░░░██";letter-spacing:-.5px;animation:1.2s linear infinite dosIndeterminate;position:absolute;left:0}.dos-progress__label{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--fg-muted);font-size:8px}@keyframes dosProgressFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes dosIndeterminate{0%{transform:translate(-4ch)}to{transform:translate(4ch)}}.category-filter__btn,.auth-page__btn,.editor-actions button,.ml-close,.ml-toolbar__sort-btn,.ml-toolbar__manage-btn,.ml-toolbar__delete-btn,.ml-detail__close,.ml-detail__btn,.ml-confirm__cancel,.ml-confirm__delete,.setup-category-add,.mobile-menu-btn{background-image:linear-gradient(to bottom,var(--metal-from),var(--metal-to));box-shadow:inset 0 1px 0 var(--metal-hi),inset 0 -1px 0 var(--metal-lo)}.category-filter__btn:hover,.auth-page__btn:hover,.editor-actions button:hover,.ml-close:hover,.ml-toolbar__manage-btn:hover,.ml-detail__close:hover,.ml-detail__btn:hover,.ml-confirm__cancel:hover,.setup-category-add:hover{background-image:linear-gradient(#ffffff1a,#0000000d);box-shadow:inset 0 1px #fff3,inset 0 -1px #00000026}.category-filter__btn:active,.auth-page__btn:active,.editor-actions button:active,.ml-close:active,.ml-toolbar__manage-btn:active,.ml-detail__close:active,.ml-detail__btn:active,.ml-confirm__cancel:active,.ml-confirm__delete:active,.setup-category-add:active{box-shadow:inset 0 2px 4px #0000004d}.ml-toolbar__delete-btn,.ml-detail__btn--danger{background-image:linear-gradient(#e53e3e14,#0000001a)}.ml-toolbar__delete-btn:hover,.ml-detail__btn--danger:hover,.ml-confirm__delete:hover{background-image:linear-gradient(#ffffff1f,#00000014);box-shadow:inset 0 1px #fff3,inset 0 -1px #00000026}.ml-detail__btn--primary{background-image:linear-gradient(#ffffff1a,#00000014)}.editor-actions .editor-action--save{background-image:linear-gradient(#16a34a0f,#00000014)}