:root{--bg: #0e1014;--surface: #171a21;--surface-2: #20242d;--border: #2a2f3a;--text: #e9ebf1;--muted: #8d94a5;--accent: #ff7a45;--accent-text: #1a0d06;--tile: #1a1d24;--danger: #ff6b6b;--bar-h: 58px;color-scheme:dark}@media(prefers-color-scheme:light){:root{--bg: #f6f6f4;--surface: #ffffff;--surface-2: #eeeeeb;--border: #dddcd7;--text: #1b1c1f;--muted: #6b6e76;--accent: #e8612a;--accent-text: #fff;--tile: #e7e6e2;--danger: #c9302c;color-scheme:light}}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--bar-h) + 8px)}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}body.locked{overflow:hidden}button,input,select{font:inherit;color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.muted{color:var(--muted)}.err{color:var(--danger)}.bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:var(--bar-h);padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:8px;font-weight:650;font-size:16px;letter-spacing:-.01em}.brand img{border-radius:7px}#q{flex:1 1 180px;max-width:340px;min-width:0;padding:7px 12px;border-radius:9px;border:1px solid var(--border);background:var(--surface)}#q:focus,#folder:focus,#gallery:focus,dialog input:focus{outline:2px solid var(--accent);outline-offset:-1px}#folder,#gallery{padding:7px 10px;border-radius:9px;border:1px solid var(--border);background:var(--surface);max-width:160px}#gallery{font-weight:600;max-width:200px}#gallery[hidden]{display:none}.seg{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:2px}.seg button{border:0;background:none;padding:5px 10px;border-radius:7px;cursor:pointer;color:var(--muted)}.seg button.on{background:var(--surface-2);color:var(--text)}.status{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40ch}.actions{margin-left:auto;display:flex;gap:6px;align-items:center}.btn,.icon{display:inline-flex;align-items:center;gap:6px;justify-content:center;border:1px solid var(--border);background:var(--surface);border-radius:9px;cursor:pointer;text-decoration:none;color:inherit}.btn{padding:7px 14px;font-weight:550}.icon{width:36px;height:36px;padding:0}.btn:hover,.icon:hover{background:var(--surface-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:none}.btn.danger{color:var(--danger);border-color:transparent}.btn svg{width:18px;height:18px}.btn:disabled{opacity:.6;cursor:default}.spin svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#timeline{padding:4px 64px 96px 16px;min-height:60vh}.month{content-visibility:auto;contain-intrinsic-size:auto 900px}.month h2{display:flex;align-items:baseline;gap:10px;margin:26px 0 4px;font-size:22px;font-weight:650;letter-spacing:-.02em}.month h2 span,.day{display:inline-block}.month h2 span:first-letter,.day:first-letter{text-transform:uppercase}.month h2 small{font-size:13px;font-weight:450;color:var(--muted)}.day{margin:14px 0 8px;font-size:13px;font-weight:550;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px}.tile{position:relative;aspect-ratio:1;padding:0;border:0;overflow:hidden;background:var(--tile);border-radius:4px;cursor:pointer}.tile img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .25s,transform .2s}.tile img.in{opacity:1}.tile:hover img{transform:scale(1.03)}.tile:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.tile.loading:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--text) 6%,transparent) 50%,transparent 70%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.tile .ext{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:12px;font-weight:650;letter-spacing:.06em}.tile .badge{position:absolute;right:6px;bottom:6px;font-size:10px;padding:3px 6px 3px 7px;border-radius:20px;background:#0000008c;color:#fff}.tile.audio{display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:center;padding:12px 10px 10px;color:var(--muted);text-align:center}.tile.audio .note{width:34%;height:auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tile.audio .track{color:var(--text);font-size:13px;line-height:1.3;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.tile.audio .ext{inset:6px 8px auto auto;display:block;font-size:10px}.tile.audio:hover{background:var(--surface-2)}.tile.audio.playing{color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}#scrubber{position:fixed;right:0;top:calc(var(--bar-h) + 12px);bottom:12px;width:56px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding-right:12px;overflow-y:auto;scrollbar-width:none;z-index:5}#scrubber a{color:var(--muted);text-decoration:none;font-size:12px;font-weight:550;padding:3px 6px;border-radius:6px;font-variant-numeric:tabular-nums}#scrubber a:hover{color:var(--text);background:var(--surface)}#scrubber a.on{color:var(--accent-text);background:var(--accent)}.empty{max-width:440px;margin:16vh auto 0;text-align:center}.empty h2{font-size:24px;letter-spacing:-.02em;margin:0 0 8px}.empty p{color:var(--muted);margin:0 0 20px}.empty p.err{color:var(--danger)}#lightbox{position:fixed;inset:0;z-index:50;background:#000;color:#fff;display:flex}.lb-stage{flex:1;display:grid;place-items:center;overflow:hidden;position:relative}.lb-stage img,.lb-stage video{max-width:100%;max-height:100vh;max-height:100dvh;object-fit:contain;display:block}.lb-stage img{transform-origin:center;user-select:none;-webkit-user-drag:none}.lb-stage.zoomed{cursor:grab;touch-action:none}.lb-stage.zoomed:active{cursor:grabbing}.lb-note{position:absolute;bottom:24px;left:50%;translate:-50% 0;background:#ffffff1f;padding:8px 14px;border-radius:8px}.lb-top{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;align-items:center;gap:8px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:linear-gradient(rgb(0 0 0 / .65),transparent)}#lightbox .icon{background:#ffffff1a;border-color:transparent;color:#fff}#lightbox .icon:hover{background:#fff3}.lb-title{flex:1;min-width:0;display:flex;flex-direction:column}.lb-title strong{font-weight:600}.lb-title span{font-size:12px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-nav{position:absolute;top:50%;translate:0 -50%;z-index:2;width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;background:#ffffff1a;color:#fff;display:grid;place-items:center}.lb-nav:hover{background:#ffffff38}.lb-nav:disabled{opacity:0;pointer-events:none}.lb-nav.prev{left:16px}.lb-nav.next{right:16px}#lightbox:has(.lb-info:not([hidden])) .lb-nav.next{right:336px}.lb-info{width:320px;flex:none;background:#15171c;color:#e9ebf1;padding:72px 20px 20px;overflow-y:auto;border-left:1px solid #262a33}.lb-info h3{margin:0 0 14px;font-size:16px}.info-row{display:grid;gap:2px;padding:10px 0;border-top:1px solid #262a33}.info-row .k{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#8d94a5}.info-row .v{word-break:break-word}.info-row .sub{font-size:12px;color:#8d94a5}.map-link{color:#ffa27a}.link-btn{justify-self:start;margin-top:4px;padding:0;border:0;background:none;color:#ffa27a;font-size:13px;cursor:pointer}.link-btn:hover{text-decoration:underline}.date-edit{gap:8px}.date-edit input{padding:7px 9px;border-radius:8px;border:1px solid #3a3f4b;background:#0e1014;color:#e9ebf1;color-scheme:dark;font:inherit}.date-edit .row{display:flex;gap:6px;justify-content:flex-end}#lbDelete:hover{color:#ff6b6b}#lbDelete:disabled{opacity:.4}dialog{width:min(460px,calc(100vw - 32px));padding:0;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text)}dialog::backdrop{background:#0000008c;backdrop-filter:blur(3px)}dialog form{padding:22px;display:grid;gap:12px}dialog h2{margin:0;font-size:19px}dialog p{margin:0}dialog label{display:grid;gap:5px;font-size:13px;font-weight:550}dialog input{padding:9px 11px;border-radius:9px;border:1px solid var(--border);background:var(--bg);font-weight:400}dialog code{font-size:12px}dialog .row{display:flex;gap:8px;align-items:center;margin-top:6px;flex-wrap:wrap}.dlg-head{display:flex;align-items:center;gap:12px;justify-content:space-between}.btn.small{padding:5px 10px;font-size:13px}#vaultText{line-height:1.55}#vaultText strong{color:var(--text)}.grow{flex:1}#drop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(4px);pointer-events:none}#drop div{padding:40px 56px;border:2px dashed var(--accent);border-radius:20px;font-size:18px;font-weight:600}#toast{position:fixed;left:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:40;width:min(360px,calc(100vw - 32px));display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;padding:14px 16px;border-radius:14px;cursor:pointer;background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 30px #0000004d}#toast span{color:var(--muted);font-size:13px}#toast .bar-track,#toast pre{grid-column:1 / -1}#toast .bar-track{height:4px;border-radius:4px;background:var(--surface-2);overflow:hidden}#toast .bar-track i{display:block;height:100%;background:var(--accent);transition:width .3s}#toast pre{margin:0;font-size:12px;white-space:pre-wrap;max-height:120px;overflow:auto}#player{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;gap:8px;padding:8px 16px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--border)}#player[hidden]{display:none}#player .icon:disabled{opacity:.35;cursor:default}.pl-meta{display:grid;min-width:0;flex:0 1 260px}.pl-meta strong,.pl-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-meta strong{font-size:14px}.pl-meta span{color:var(--muted);font-size:12px}#audio{flex:1 1 auto;min-width:0;height:40px}body.playing #timeline{padding-bottom:96px}body.playing #toast{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 64px)}@media(max-width:720px){.bar{gap:8px}.brand span{display:none}#q{order:10;flex-basis:100%;max-width:none}.status{order:11;flex-basis:100%;max-width:none;font-size:12px}.status:empty{display:none}#timeline{padding:0 40px 96px 8px}.grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:2px}.tile{border-radius:0}.month h2{font-size:18px;margin-top:20px}#scrubber{width:40px;padding-right:4px;top:130px}#scrubber a{font-size:11px;padding:2px 4px}.lb-nav{display:none}#lightbox{flex-direction:column}.lb-info{width:auto;max-height:45vh;padding-top:16px;border-left:0;border-top:1px solid #262a33}#player{flex-wrap:wrap;padding:8px 10px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.pl-meta{flex:1 1 0}#audio{order:10;flex-basis:100%}body.playing #timeline{padding-bottom:140px}body.playing #toast{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 112px)}}