/* The primary navigation stays small; secondary tools live in their section. */
.top h1{font-family:inherit;font-size:30px;letter-spacing:-.6px;font-weight:700;margin:0}.top{align-items:center;margin-bottom:22px}.add-button{white-space:nowrap}.add-button span{font-size:22px;line-height:1}.sidebar nav svg{width:22px;height:22px;flex-shrink:0}.sidebar nav button{gap:12px}.status-line{font-size:13px;color:var(--muted);margin:10px 0 18px}.private-label{color:#ba9dcd}.back-link{border:0;background:transparent!important;padding:8px 0;min-height:44px;font-weight:500;font-size:14px}.setting-row{display:flex;gap:16px;align-items:center;justify-content:space-between}.setting-row p{font-size:13px;margin-bottom:0}.settings-stack{max-width:820px}.settings-stack .panel:first-child{margin-top:0}.settings-links{display:grid}.settings-links button{justify-content:space-between;background:transparent!important;border:0;border-bottom:1px solid var(--line);border-radius:0;min-height:52px;padding:14px 0;text-align:left}.settings-links span{font-size:25px;font-weight:400}.preferences-form label{min-width:0}.preferences-form label>span{display:flex;gap:10px;align-items:center}.preferences-form input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:#55836b}.settings-stack .panel p{line-height:1.5}.gallery-heading{display:flex;gap:10px;justify-content:space-between;align-items:center;min-width:0}.photo-sections{display:flex;gap:5px;min-width:0;overflow:auto;padding:3px 0}.photo-sections button{border:0;background:transparent!important;color:var(--muted)!important;font-size:14px;white-space:nowrap;padding:11px 12px;border-radius:9px;min-height:44px}.photo-sections button.active{background:#285b4724!important;color:var(--green)!important;box-shadow:inset 0 -2px #548b69}.photo-month h2{text-transform:capitalize;font-size:19px;margin:24px 0 12px;font-weight:650}.month-groups .photo-month:first-child h2{margin-top:5px}.photo-search{margin:14px 0 20px;align-items:center}.photo-search>input{min-width:0}.search-filters,.gallery-actions{position:relative;flex-shrink:0}.search-filters summary,.gallery-actions summary{cursor:pointer;display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:9px;border:1px solid var(--line);padding:8px 12px;font-weight:600;font-size:13px;list-style:none}.gallery-actions summary{font-size:25px;padding:0}.search-filters summary::-webkit-details-marker,.gallery-actions summary::-webkit-details-marker{display:none}.search-filters[open]>.row,.action-list{position:absolute;z-index:8;right:0;top:calc(100% + 6px);padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--cream);box-shadow:0 6px 22px #0003;min-width:230px;max-width:calc(100vw - 32px)}.search-filters>.row{display:grid}.search-filters select{width:100%;max-width:none}.action-list{display:grid;padding:6px;min-width:200px}.action-list button{justify-content:start;border:0;background:transparent!important}.grid.photo-grid{gap:5px}.photo-grid .card{border-radius:7px}.photo-grid .caption{font-size:11px;padding:22px 8px 8px}.selection-bar{padding:12px}.selection-bar button{font-size:13px;min-height:44px}.selection-help{font-size:12px}.recent-intro{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:-8px 0 18px}.recent-intro p{color:var(--muted);font-size:14px;margin:0}.recent-intro button{width:44px;height:44px;padding:0;font-size:23px}.recent-feed{max-width:760px;margin:0 auto;display:grid;gap:20px}.recent-card{border:1px solid var(--line);border-radius:16px;background:var(--cream);overflow:hidden;min-width:0}.recent-heading{display:flex;gap:12px;padding:18px;align-items:start}.recent-heading>div{min-width:0}.recent-heading p{font-size:14px;margin:3px 0 4px}.recent-heading time{font-size:12px;color:var(--muted)}.avatar{display:grid;place-items:center;background:#36705822;border-radius:50%;width:40px;height:40px;flex-shrink:0;font-weight:700;color:var(--green)}.recent-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.recent-previews.count-1{grid-template-columns:1fr}.recent-previews button{padding:0;border:0;border-radius:0;position:relative;overflow:hidden;aspect-ratio:1;background:#17392b}.recent-previews.count-1 button{aspect-ratio:4/3}.recent-previews img{display:block;width:100%;height:100%;object-fit:cover}.recent-previews .badge{position:absolute;top:10px;right:10px;background:#0007;color:white;border-radius:6px;padding:5px 8px}.more-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0006;color:white;font-size:30px;font-weight:600}.recent-open{width:100%;justify-content:space-between;border:0;border-radius:0;padding:15px 18px;background:transparent!important;min-height:48px}.recent-open span{font-size:23px}.recent-comment{white-space:pre-wrap;margin:0;padding:0 18px 16px;font-size:15px;line-height:1.5}.folder-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:14px!important}.folder-form label{min-width:0!important}.folder-form label:nth-of-type(2),.folder-form>.primary{grid-column:1/-1}.folder-form input{width:100%;min-width:0}#folder-browser{margin-top:20px;border:1px solid var(--line);border-radius:12px;padding:12px}.browser-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.browser-title .folder-path{flex:1}.browser-title button{min-width:44px;min-height:44px;padding:6px}.folder-list{max-height:40dvh;gap:0}.folder-list button{display:flex;justify-content:start;gap:12px;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent!important;min-height:50px;padding:12px 4px}.folder-list button span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.folder-help{font-size:13px;line-height:1.6;color:var(--muted);margin-top:18px}.folder-help summary{min-height:44px;cursor:pointer}.load-more{text-align:center;margin:25px 0}.viewer-more{margin-top:14px}.viewer-more>summary{cursor:pointer;padding:12px 0;min-height:44px}.viewer-body .row{gap:8px}.viewer-body .row button,.viewer-body .row .button{font-size:13px;min-height:44px}.viewer-body .comments h2{font-size:19px}.viewer-top{align-items:center}.viewer-top strong{font-size:14px}.viewer-top button{min-width:44px;min-height:44px;padding:8px}
html[data-theme=dark] .recent-card{background:#18211d}html[data-theme=dark] .photo-sections button.active{color:#dbeae1!important;background:#2b4035!important}html[data-theme=dark] .avatar{color:#dcece2;background:#2b4638}html[data-theme=dark] .search-filters[open]>.row,html[data-theme=dark] .action-list{background:#1c2922}html[data-theme=dark] .private-label{color:#cab0dc}
@media(max-width:760px){
  .sidebar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;height:64px;padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));z-index:20;background:var(--cream);border-bottom:1px solid var(--line)}.sidebar .brand{font-family:inherit;font-weight:750;font-size:17px;margin:0;gap:7px;flex-shrink:0}.brand img{width:27px}.sidebar select{width:auto;max-width:52%;min-width:0;margin:0;padding:8px;font-size:13px;min-height:44px;text-overflow:ellipsis;border:0;background:transparent!important}.sidebar .account,.sidebar #disk-storage{display:none}.sidebar nav{position:fixed;inset:auto 0 0;z-index:20;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:visible;height:calc(66px + env(safe-area-inset-bottom));margin:0;padding:5px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:var(--cream);border-top:1px solid var(--line);box-shadow:0 -2px 15px #0001}.sidebar nav button{display:flex;flex-direction:column;justify-content:center;gap:3px;margin:0;border-radius:10px;font-size:11px;font-weight:550;padding:5px 2px;min-height:52px;min-width:0;white-space:nowrap;color:var(--muted)}.sidebar nav button.active{background:#2b665b12}.sidebar nav svg{width:23px;height:23px}.main{padding:20px 12px calc(94px + env(safe-area-inset-bottom));max-width:none}.top{margin-bottom:20px;flex-wrap:nowrap;gap:12px}.top h1{font-size:24px;letter-spacing:-.5px}.top>div{min-width:0}.add-button{font-size:13px;padding:8px 12px;min-height:44px}.add-button span{font-size:20px}.panel{margin:16px 0;border-radius:13px;padding:16px}.panel h2{font-size:18px;margin-bottom:14px}.setting-row{align-items:start;flex-wrap:wrap;gap:12px}.setting-row button{font-size:13px;min-height:44px}.preferences-form label{font-size:14px}.settings-stack{width:100%}.settings-stack .panel p{font-size:13px}.disk-storage{display:grid;grid-template-columns:1fr;gap:8px}.disk-storage progress,.disk-storage span,.disk-storage small{grid-column:auto;grid-row:auto}.grid.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.photo-grid .card{border-radius:3px}.photo-grid .caption{display:none}.photo-grid .badge{font-size:10px;padding:3px 5px;right:5px;top:5px}.photo-check{width:30px;height:30px;top:4px;left:4px;font-size:20px}.photo-month h2{font-size:16px;margin:21px 0 10px}.photo-sections{gap:0}.photo-sections button{padding:10px 8px;font-size:12px}.photo-search{gap:6px;margin:12px 0 17px}.photo-search>input{font-size:14px;padding:11px 9px;width:0;flex:1;min-height:44px}.photo-search>button{font-size:12px;padding:10px;min-height:44px}.search-filters summary{padding:8px;font-size:12px}.selection-bar{position:sticky;top:72px;z-index:7;margin:12px 0;gap:7px;box-shadow:0 3px 14px #0002}.selection-bar button{padding:9px;font-size:12px}.selection-help{display:none}.recent-feed{gap:16px}.recent-card{border-radius:13px}.recent-heading{padding:14px;gap:10px}.recent-heading p{font-size:13px}.recent-heading strong{font-size:15px}.recent-intro p{font-size:13px}.recent-comment{padding:0 14px 14px;font-size:14px}.recent-open{font-size:13px;padding:12px 14px}.folder-form{grid-template-columns:1fr}.folder-form label,.folder-form>button{grid-column:1}.folder-form>button{min-height:44px}.folder-source{flex-wrap:wrap}.folder-source button{min-height:44px;font-size:13px}#folder-browser{padding:10px}.browser-title strong{font-size:13px}.folder-list button{font-size:14px}.upload-drop{min-height:140px;padding:22px 16px}.viewer-top{padding:10px;gap:8px}.viewer-body{padding:14px}.viewer-body input{min-width:0;width:100%}.viewer-body .row{align-items:stretch}.viewer-body .row label{min-width:0}.viewer-body .row button,.viewer-body .row .button{font-size:12px;padding:9px 11px}.viewer-body small{line-height:1.5}.photo-navigation button{width:44px;height:44px}.photo-navigation{padding:7px}.comments textarea{font-size:16px}#toast{bottom:calc(80px + env(safe-area-inset-bottom));font-size:13px;z-index:40}.empty{padding:35px 18px}.empty h2{font-size:23px}.empty p{font-size:14px}html[data-theme=dark] .sidebar,html[data-theme=dark] .sidebar nav{background:#17201b}html[data-theme=dark] .sidebar nav button.active{background:#2b4035;color:#e4f4e9}
}
@media(max-width:360px){.sidebar .brand{font-size:15px}.brand img{width:24px}.sidebar select{font-size:12px;max-width:48%}.top h1{font-size:22px}.main{padding-left:10px;padding-right:10px}.photo-sections button{font-size:11px;padding:10px 7px}.photo-search>button{font-size:11px}.sidebar nav button{font-size:10px}}
@media(max-width:760px){input:not([type=checkbox]),textarea,.photo-search>input{font-size:16px}.photo-check::before{content:'';position:absolute;inset:-7px}.recent-comment{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}}
.install-panel>p{font-size:14px;line-height:1.6}.install-panel [data-install-status]{font-size:13px}.install-guide{margin:16px 0}.install-guide summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:600}.install-guide>details{border-top:1px solid var(--line)}.install-guide ol{margin:6px 0 16px;padding-left:24px;font-size:14px;line-height:1.65}.install-guide li{padding:4px 0}.install-guide>p{font-size:14px}.install-panel [data-install][hidden]{display:none}