:root{--color-bg:#fbf8f3;--color-surface:#fffdfa;--color-surface-2:#f3ece1;--color-surface-3:#ece3d5;--color-border:#e7dfd1;--color-border-strong:#d8ccb8;--color-ink:#3a322b;--color-ink-2:var(--color-ink-secondary);--color-ink-secondary:#6e6357;--color-ink-muted:#998c7c;--color-ink-on-accent:#3a2a14;--color-accent:#c98a3c;--color-accent-hover:#b97c2e;--color-accent-soft:#f5e7cf;--color-accent-strong:var(--color-accent-text);--color-accent-text:#8a5716;--color-heart:#c56f68;--color-heart-soft:#f6e1de;--color-success:#5e8c56;--color-success-soft:#e3eedd;--color-warning:#c98a3c;--color-danger:#b8543f;--color-danger-soft:#f6ded7;--color-overlay:#1c1610db;--color-scrim:linear-gradient(to top, #18120cb8 0%, #18120c47 42%, #18120c00 78%);--color-on-media:#fbf6ee;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.375rem;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.55;--leading-relaxed:1.7;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.02em;--tracking-label:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--gap-grid:.375rem;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:999px;--shadow-sm:0 1px 2px #3a2c1a0f, 0 1px 1px #3a2c1a0a;--shadow-md:0 4px 14px #3a2c1a1a, 0 2px 4px #3a2c1a0f;--shadow-lg:0 14px 34px #3022122e, 0 4px 10px #30221214;--shadow-ring:0 0 0 3px var(--color-accent-soft);--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--z-header:100;--z-fab:200;--z-sheet:300;--z-lightbox:400;--content-max:1080px;--tap-min:44px}@media (prefers-color-scheme:dark){:root{--color-bg:#1e1a16;--color-surface:#29231d;--color-surface-2:#322b23;--color-surface-3:#3b322a;--color-border:#3d342b;--color-border-strong:#4c4136;--color-ink:#f1e9dd;--color-ink-secondary:#c3b7a6;--color-ink-muted:#8e8272;--color-ink-on-accent:#2a1d0a;--color-accent:#e4a94d;--color-accent-hover:#edb863;--color-accent-soft:#3e3220;--color-accent-text:#edbe72;--color-heart:#e08a83;--color-heart-soft:#3c2926;--color-success:#7fb073;--color-success-soft:#29321f;--color-warning:#e4a94d;--color-danger:#e27a63;--color-danger-soft:#3a231c;--color-overlay:#0a0704e6;--color-on-media:#fbf6ee;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 14px #0006, 0 2px 4px #00000047;--shadow-lg:0 16px 36px #0000008c, 0 4px 10px #00000059;--shadow-ring:0 0 0 3px var(--color-accent-soft);--color-ink-2:var(--color-ink-secondary);--color-accent-strong:var(--color-accent-text)}}:root[data-theme=light]{--color-bg:#fbf8f3;--color-surface:#fffdfa;--color-surface-2:#f3ece1;--color-surface-3:#ece3d5;--color-border:#e7dfd1;--color-border-strong:#d8ccb8;--color-ink:#3a322b;--color-ink-secondary:#6e6357;--color-ink-muted:#998c7c;--color-ink-on-accent:#3a2a14;--color-accent:#c98a3c;--color-accent-hover:#b97c2e;--color-accent-soft:#f5e7cf;--color-accent-text:#8a5716;--color-heart:#c56f68;--color-heart-soft:#f6e1de;--color-success:#5e8c56;--color-success-soft:#e3eedd;--color-danger:#b8543f;--color-danger-soft:#f6ded7;--color-overlay:#1c1610db;--color-on-media:#fbf6ee;--shadow-sm:0 1px 2px #3a2c1a0f, 0 1px 1px #3a2c1a0a;--shadow-md:0 4px 14px #3a2c1a1a, 0 2px 4px #3a2c1a0f;--shadow-lg:0 14px 34px #3022122e, 0 4px 10px #30221214;--color-ink-2:var(--color-ink-secondary);--color-accent-strong:var(--color-accent-text)}:root[data-theme=dark]{--color-bg:#1e1a16;--color-surface:#29231d;--color-surface-2:#322b23;--color-surface-3:#3b322a;--color-border:#3d342b;--color-border-strong:#4c4136;--color-ink:#f1e9dd;--color-ink-secondary:#c3b7a6;--color-ink-muted:#8e8272;--color-ink-on-accent:#2a1d0a;--color-accent:#e4a94d;--color-accent-hover:#edb863;--color-accent-soft:#3e3220;--color-accent-text:#edbe72;--color-heart:#e08a83;--color-heart-soft:#3c2926;--color-success:#7fb073;--color-success-soft:#29321f;--color-danger:#e27a63;--color-danger-soft:#3a231c;--color-overlay:#0a0704e6;--color-on-media:#fbf6ee;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 14px #0006, 0 2px 4px #00000047;--shadow-lg:0 16px 36px #0000008c, 0 4px 10px #00000059;--color-ink-2:var(--color-ink-secondary);--color-accent-strong:var(--color-accent-text)}:root{--color-text:var(--color-ink);--color-text-soft:var(--color-ink-secondary);--color-on-accent:var(--color-ink-on-accent);--radius:var(--radius-md);--shadow:var(--shadow-md)}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0}button{cursor:pointer;font-family:inherit}img,video{max-width:100%;display:block}.muted{color:var(--color-text-soft)}.small{font-size:.85rem}.center{text-align:center}.app{flex-direction:column;min-height:100%;display:flex}.content{width:100%;max-width:1100px;padding:var(--space-5) var(--space-4) var(--space-6);flex:1;margin:0 auto}.section{margin-bottom:var(--space-6)}.section-title{font-family:var(--font-display);margin:0 0 var(--space-4);font-size:1.4rem}.header{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--color-bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:1.15rem;font-family:var(--font-display);background:0 0;border:none;padding:0;display:flex}.brand-mark{color:var(--color-accent);font-size:1.3rem}.brand-crumb{color:var(--color-text-soft);font-weight:400}.header-actions{gap:var(--space-2);display:flex}.btn{border-radius:var(--radius);border:1px solid #0000;padding:.55rem 1rem;font-size:.95rem;font-weight:600;transition:transform 60ms,background .15s,border-color .15s}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--color-accent);color:var(--color-on-accent)}.btn.primary:hover{background:var(--color-accent-hover)}.btn.ghost{border-color:var(--color-border);color:var(--color-text);background:0 0}.btn.ghost:hover{background:var(--color-surface-2)}.btn.ghost.danger{color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 40%, transparent)}.btn.lg{padding:.75rem 1.4rem;font-size:1.05rem}.btn.sm{padding:.4rem .8rem;font-size:.85rem}.btn:disabled{opacity:.5;cursor:default}.icon-btn{color:var(--color-text);background:0 0;border:none;border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;font-size:1.1rem;display:grid}.icon-btn:hover{background:var(--color-surface-2)}.icon-btn.light{color:#fff}.icon-btn.light:hover{background:#ffffff26}.empty{text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;max-width:460px;margin:10vh auto 0;display:flex}.empty-art{font-size:3.5rem}.empty h2{font-family:var(--font-display);margin:0;font-size:1.7rem}.albums-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.album-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;box-shadow:var(--shadow-sm);padding:0;transition:transform .12s,box-shadow .12s;overflow:hidden}.album-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.album-cover{aspect-ratio:4/3;background:var(--color-surface-2)}.album-cover img{object-fit:cover;width:100%;height:100%}.album-cover-empty{width:100%;height:100%;color:var(--color-accent);place-items:center;font-size:2rem;display:grid}.album-meta{padding:var(--space-3);flex-direction:column;gap:2px;display:flex}.album-title{font-weight:600}.album-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.album-actions{gap:var(--space-2);flex-shrink:0;display:flex}.month-group{margin-bottom:var(--space-5)}.month-label{color:var(--color-text-soft);text-transform:capitalize;margin:0 0 var(--space-3);font-size:.95rem;font-weight:600}.media-grid{column-width:150px;column-gap:var(--gap-grid)}.tile{width:100%;margin:0 0 var(--gap-grid);break-inside:avoid;border-radius:var(--radius-sm);background:var(--color-surface-2);border:none;padding:0;line-height:0;display:block;position:relative;overflow:hidden}.tile-img{width:100%;height:auto;transition:transform .2s;display:block}.tile:hover .tile-img{transform:scale(1.03)}.tile-fallback{aspect-ratio:1;place-items:center;width:100%;font-size:1.8rem;display:grid}.tile-badge{color:#fff;background:#0009;border-radius:20px;align-items:center;gap:4px;padding:2px 6px;font-size:.72rem;display:flex;position:absolute;bottom:6px;right:6px}.play-dot{font-size:.6rem}@media (width>=640px){.media-grid{column-width:200px}}.modal-backdrop{z-index:50;padding:var(--space-4);background:#00000080;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:460px;padding:var(--space-5);box-shadow:var(--shadow);gap:var(--space-4);flex-direction:column;display:flex}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{font-family:var(--font-display);margin:0;font-size:1.3rem}.modal-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius);padding:var(--space-6) var(--space-4);text-align:center;background:var(--color-surface-2);transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.dragging{border-color:var(--color-accent);background:var(--color-accent-soft)}.dropzone-icon{color:var(--color-accent);font-size:2rem}.dropzone p{margin:var(--space-2) 0 0}.field{flex-direction:column;gap:6px;font-size:.9rem;display:flex}.field select,input[type=date],.edit-desc{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);padding:.55rem .7rem;font-family:inherit;font-size:.95rem}.upload-progress{gap:var(--space-3);flex-direction:column;display:flex}.bar{background:var(--color-surface-2);border-radius:20px;height:8px;overflow:hidden}.bar-fill{background:var(--color-accent);height:100%;transition:width .2s}.lightbox{z-index:60;background:var(--color-overlay);flex-direction:column;display:flex;position:fixed;inset:0}.lightbox-bar{padding:var(--space-3) var(--space-4);color:#fff;justify-content:space-between;align-items:center;display:flex}.lightbox-count{color:#ffffffb3;font-size:.9rem}.lightbox-bar-right{gap:var(--space-2);display:flex}.lightbox-stage{min-height:0;padding:0 var(--space-4);flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.stage-media{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:100%}.nav-arrow{z-index:61;color:#fff;background:#ffffff1a;border:none;border-radius:50%;place-items:center;width:3rem;height:3rem;font-size:1.8rem;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.nav-arrow:hover{background:#ffffff38}.nav-arrow.left{left:var(--space-3)}.nav-arrow.right{right:var(--space-3)}.lightbox-info{color:#fff;padding:var(--space-4);width:100%;max-width:700px;margin:0 auto}.info-view{cursor:text}.info-desc{margin:0 0 4px;font-size:1.05rem}.info-edit{gap:var(--space-2);flex-direction:column;display:flex}.edit-desc{resize:vertical;width:100%}.edit-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.edit-actions{gap:var(--space-2);display:flex}@media (width<=520px){.nav-arrow{width:2.4rem;height:2.4rem;font-size:1.4rem}}.full-msg{place-items:center;min-height:100vh;display:grid}.landing{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.landing-top{padding:var(--space-4);justify-content:flex-end;display:flex}.landing-cover{text-align:center;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4) 12vh;flex-direction:column;flex:1;width:100%;max-width:460px;margin:0 auto;display:flex}.cover-mark{color:var(--color-accent);font-size:3rem}.cover-title{font-family:var(--font-display);margin:0;font-size:clamp(2rem,6vw,2.6rem)}.cover-subtitle{color:var(--color-text-soft);margin:0 0 var(--space-3);font-size:1.05rem}.cover-actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.cover-form{gap:var(--space-3);flex-direction:column;width:100%;max-width:340px;display:flex}.cover-input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);padding:.7rem .9rem;font-family:inherit;font-size:1rem}.cover-error{color:var(--color-danger);margin:0;font-size:.9rem}.code-chip{background:var(--color-accent-soft);color:var(--color-text);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);margin:var(--space-2) 0;flex-direction:column;align-items:center;gap:4px;display:inline-flex}.code-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-soft);font-size:.75rem}.code-value{font-family:var(--font-display);letter-spacing:.15em;font-size:2.4rem;font-weight:700}.lang-menu{align-items:center;gap:4px;display:inline-flex}.lang-globe{font-size:1rem}.lang-menu select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);padding:.35rem .4rem;font-family:inherit;font-size:.9rem}.toolbar{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}.search{align-items:center;gap:var(--space-2);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:.6rem 1rem;display:flex}.search:focus-within{border-color:var(--color-accent)}.search-icon{opacity:.7}.search-input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1rem}.search-clear{color:var(--color-text-soft);cursor:pointer;background:0 0;border:none;font-size:1rem}.filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);padding:.5rem .7rem;font-family:inherit;font-size:.9rem}.sort-btn{cursor:pointer;min-width:2.6rem;font-size:1.1rem;line-height:1}.sort-btn:hover{background:var(--color-surface-2)}.modal.admin{max-width:520px}.admin-body{gap:var(--space-5);flex-direction:column;max-height:65vh;display:flex;overflow-y:auto}.admin-section{margin:0 0 var(--space-3);align-items:center;gap:var(--space-2);font-size:.95rem;display:flex}.badge{background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-full);padding:1px 8px;font-size:.75rem}.device-row{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.device-row.pending{align-items:center}.device-code{font-family:var(--font-display);letter-spacing:.1em;background:var(--color-surface-2);border-radius:var(--radius-sm);padding:.3rem .6rem;font-size:.95rem;font-weight:700}.device-name-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-width:120px;color:var(--color-text);flex:1;padding:.45rem .6rem;font-family:inherit;font-size:.95rem}.device-name{align-items:center;gap:var(--space-2);flex:1;font-weight:600;display:flex}.device-actions{gap:var(--space-2);display:flex}.admin-pill{color:var(--color-accent-text);background:var(--color-accent-soft);border-radius:var(--radius-full);padding:1px 8px;font-size:.7rem;font-weight:600}.footer{padding:var(--space-5) var(--space-4) var(--space-6);border-top:1px solid var(--color-border);justify-content:center;margin-top:auto;display:flex}.brand-crumb{font-family:var(--font-display);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:46vw;font-weight:400;overflow:hidden}@media (width<=560px){.header{padding:var(--space-3);gap:var(--space-2)}.header-actions{gap:var(--space-1)}.header-actions .btn{padding:.45rem .65rem;font-size:.82rem}.brand-crumb{max-width:32vw;font-size:.95rem}}.edit-album{align-items:center;gap:var(--space-2);font-size:.9rem;display:flex}.edit-album-label{color:var(--color-on-media);opacity:.85}.edit-album select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);flex:1;padding:.45rem .6rem;font-family:inherit;font-size:.95rem}.tabs{gap:var(--space-4);margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.tab{padding:var(--space-3) var(--space-1);font-size:1.1rem;font-family:var(--font-display);color:var(--color-text-soft);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;transition:color .15s,border-color .15s}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-text);border-bottom-color:var(--color-accent)}.pw-section{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.pw-form{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;max-width:340px;display:flex}.pw-msg{color:var(--color-accent-text);margin:0}.reindex-row{align-items:center;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.owner-pill{color:var(--color-on-accent);background:var(--color-accent)}