:root{--color-bg:#f7f3eb;--color-surface:#fffaf0;--color-panel:#efe6d6;--color-border:#d9cdb9;--color-text-primary:#181612;--color-text-secondary:#6a5f50;--color-accent:#1f6f5b;--color-accent-2:#c64e3b;--color-focus:#0f5fff;--color-error:#a83232;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--shadow-sm:0 1px 2px #18161214;--shadow-md:0 14px 40px #18161229;color:var(--color-text-primary);background:var(--color-bg);font-family:Avenir Next,Trebuchet MS,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.app-shell{background:linear-gradient(90deg, #1f6f5b0d, transparent 38%), var(--color-bg);grid-template-columns:304px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf0d6;flex-direction:column;gap:14px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:4px 6px 14px;display:flex}.brand h1,.login-panel h1{letter-spacing:0;margin:0;font-family:Georgia,Times New Roman,serif;font-size:26px;line-height:1.05}.brand p{color:var(--color-text-secondary);margin:4px 0 0;font-size:13px}.brand-mark{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-accent);color:#fffaf0;place-items:center;width:38px;height:38px;display:grid}.album-list{flex-direction:column;flex:1;gap:4px;min-height:0;padding-right:4px;display:flex;overflow:auto}.album-button,.logout{border-radius:var(--radius-md);width:100%;color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.album-button span,.logout span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.album-button strong{color:var(--color-text-secondary);font-size:12px;font-weight:700}.album-button:hover,.logout:hover,.album-button.is-active{color:var(--color-text-primary);background:#e6d8c2}.logout{grid-template-columns:20px 1fr;margin-top:auto}.main-panel{flex-direction:column;min-width:0;height:100vh;padding:22px 24px 24px;display:flex}.toolbar{justify-content:space-between;align-items:flex-end;gap:18px;padding-bottom:16px;display:flex}.toolbar h2{letter-spacing:0;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,4vw,58px);font-weight:700;line-height:1.04}.eyebrow{color:var(--color-accent-2);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800}.toolbar-controls{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.search-box{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:min(320px,100%);color:var(--color-text-secondary);align-items:center;gap:8px;padding:0 12px;display:flex}.search-box input{width:100%;color:var(--color-text-primary);background:0 0;border:0;outline:0;padding:12px 0}.segmented{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:3px;display:flex}.segmented button{min-height:44px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:9px 10px;display:flex}.segmented button.is-active{background:var(--color-accent);color:#fffaf0}.stats-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-bottom:14px;display:grid}.stats-bar div{border-top:1px solid var(--color-border);padding-top:10px}.stats-bar strong{font-size:18px;display:block}.stats-bar span{color:var(--color-text-secondary);font-size:12px}.gallery-viewport{overscroll-behavior:contain;flex:1;min-height:0;padding:2px 2px 80px;overflow:auto}.gallery-spacer{position:relative}.gallery-row{gap:10px;padding-bottom:10px;display:grid;position:absolute;left:0;right:0}.media-tile{border-radius:var(--radius-md);aspect-ratio:1;min-width:0;box-shadow:var(--shadow-sm);color:inherit;cursor:pointer;text-align:left;background:#ded3c2;border:1px solid #1816121f;padding:0;display:block;position:relative;overflow:hidden}.media-tile img{object-fit:cover;width:100%;height:100%;transition:transform .18s;display:block}.media-tile:hover img{transform:scale(1.025)}.media-kind,.favorite{color:#fffaf0;background:#181612b8;border-radius:999px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:8px}.media-kind{left:8px}.favorite{color:#ffdf8b;right:8px}.tile-meta{color:#fffaf0;background:linear-gradient(#0000,#181612d1);gap:2px;padding:42px 10px 10px;display:grid;position:absolute;bottom:0;left:0;right:0}.tile-meta strong,.tile-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tile-meta strong{font-size:13px}.tile-meta small{opacity:.82;font-size:11px}.viewer{z-index:20;color:#fffaf0;background:#11100e;grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0}.viewer-topbar{padding:calc(12px + env(safe-area-inset-top)) 16px 12px;justify-content:space-between;align-items:center;gap:16px;display:flex}.viewer-topbar strong,.viewer-topbar span{display:block}.viewer-topbar span{color:#fffaf09e;font-size:12px}.viewer-actions{gap:8px;display:flex}.viewer-actions button,.viewer-actions a{border-radius:var(--radius-md);color:#fffaf0;cursor:pointer;background:#fffaf014;border:1px solid #fffaf038;place-items:center;width:40px;height:40px;display:grid}.viewer-stage{min-height:0;padding:0 12px calc(12px + env(safe-area-inset-bottom));place-items:center;display:grid}.viewer-stage img,.viewer-stage video{border-radius:var(--radius-sm);max-width:100%;max-height:100%;display:block}.empty-state,.login-screen{background:var(--color-bg);place-items:center;min-height:100vh;display:grid}.empty-state{min-height:42vh;color:var(--color-text-secondary)}.login-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:min(92vw,360px);box-shadow:var(--shadow-md);gap:16px;padding:24px;display:grid}.login-panel label{color:var(--color-text-secondary);gap:8px;font-size:13px;font-weight:700;display:grid}.login-panel input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);background:#fffef8;padding:12px}.login-panel button{border-radius:var(--radius-md);background:var(--color-accent);color:#fffaf0;cursor:pointer;border:0;padding:12px;font-weight:800}.login-panel button:disabled{cursor:default;opacity:.5}.form-error{color:var(--color-error);margin:0;font-size:13px}.loading-mark{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:999px;width:42px;height:42px;animation:.9s linear infinite spin}.bottom-nav,.bottom-nav[hidden]{display:none}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=820px){.app-shell{min-height:100vh;display:block}.sidebar{display:none}.main-panel{height:100vh;padding:calc(14px + env(safe-area-inset-top)) 12px calc(72px + env(safe-area-inset-bottom))}.toolbar{gap:12px;display:grid}.toolbar-controls{justify-content:stretch}.search-box{min-width:100%}.segmented{width:100%}.segmented button{flex:1;justify-content:center}.segmented span{display:none}.stats-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:10;border-radius:var(--radius-md);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf0eb;border:1px solid #1816121f;grid-template-columns:repeat(3,1fr);padding:6px;display:grid;position:fixed;left:10px}.bottom-nav button{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;gap:2px;padding:7px 6px;display:grid}.bottom-nav button.is-active{background:var(--color-accent);color:#fffaf0}.bottom-nav span{font-size:11px;font-weight:700}.album-picker{z-index:18;background:var(--color-surface);color:var(--color-text-primary);grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0}.album-picker-topbar{border-bottom:1px solid var(--color-border);padding:calc(14px + env(safe-area-inset-top)) 14px 12px;justify-content:space-between;align-items:center;display:flex}.album-picker-topbar strong{font-family:Georgia,Times New Roman,serif;font-size:28px;line-height:1.05}.album-picker-topbar button{border:1px solid var(--color-border);border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-text-primary);cursor:pointer;background:#fffef8;place-items:center;display:grid}.album-picker-list{min-height:0;padding:10px 10px calc(92px + env(safe-area-inset-bottom));flex-direction:column;gap:4px;display:flex;overflow:auto}.album-picker .album-button{border:1px solid #0000;min-height:48px}.album-picker .album-button.is-active{background:#dfeadd;border-color:#1f6f5b6b}}