:root{color-scheme:light;--ink:#17312f;--muted:#697873;--green:#207460;--lime:#d0e5b5;--paper:#f8f9f5;--border:#dde4dc;--white:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button,select,summary{cursor:pointer}button{border:0}a{color:inherit}button:disabled{opacity:.45;cursor:default}input,select{max-width:100%;min-width:0;border:1px solid var(--border);background:white;border-radius:8px;padding:10px 11px;outline:none;font-size:13px}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #20746018}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #5b9c82;outline-offset:3px}[hidden]{display:none!important}h1,h2,p{margin:0}h1{font-size:38px;line-height:1.15;letter-spacing:-1.5px;font-weight:650}h2{font-size:18px;letter-spacing:-.4px;font-weight:600}.muted{color:var(--muted)}.primary,.outline{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:9px;font-size:13px;font-weight:600;text-decoration:none;padding:11px 16px;white-space:nowrap}.primary{color:white;background:var(--ink)}.primary:hover{background:var(--green)}.outline{border:1px solid var(--border);background:white}.outline:hover{background:#eef3e9;border-color:#b5c7b7}.quiet,.text-button{background:none;font-size:12px;color:var(--muted);padding:8px}.text-button{color:var(--green)}.topbar{height:76px;padding:0 38px;display:flex;align-items:center;gap:60px;background:#ffffffeb;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;white-space:nowrap;font-size:19px;letter-spacing:-.7px;font-weight:650}.topbar nav{align-self:stretch;display:flex;gap:26px}.tab{background:none;color:var(--muted);border-bottom:2px solid transparent;padding:0 4px;font-size:13px}.tab.active{color:var(--ink);border-bottom-color:var(--ink);font-weight:650}.session-controls{display:flex;margin-left:auto;gap:20px;align-items:center}.session-controls span{font-size:11px;color:var(--muted)}.workspace{display:grid;grid-template-columns:240px minmax(0,1fr)}#sidebar{padding:30px 24px;align-self:start;position:sticky;top:76px;height:calc(100dvh - 76px);overflow-y:auto;border-right:1px solid var(--border);scrollbar-width:thin}.sidebar-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.sidebar-title h2{font-size:16px}fieldset{margin:0 0 22px;padding:0 0 20px;border:0;border-bottom:1px solid var(--border)}legend{font-size:10px;letter-spacing:1.4px;font-weight:650;margin-bottom:13px;color:var(--muted)}#filters label{display:block;font-size:11px;margin:12px 0 6px}#filters input,#filters select{width:100%;font-size:12px;padding:9px}#filters label:first-of-type{margin-top:0}.quick-dates{display:flex;gap:7px;margin:9px 0}.quick-dates button{font-size:10px;background:#eaf0e6;color:#416150;padding:6px 9px;border-radius:5px}.field-note{font-size:10px;color:var(--muted)}summary{font-size:12px;font-weight:600;list-style:none;display:flex;justify-content:space-between;margin-bottom:16px}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.sidebar-note{font-size:10px;line-height:1.8;color:#829087;margin-top:24px}.sidebar-note a{text-underline-offset:3px}main{padding:38px 40px;min-width:0;max-width:2000px;width:100%;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading .muted{font-size:12px;margin-top:10px}.toolbar{display:flex;gap:12px;align-items:center}.search-wrap{flex:1;display:flex;align-items:center;background:white;border:1px solid var(--border);border-radius:9px;padding:0 14px;max-width:620px}.search-wrap span{font-size:24px;color:var(--muted)}.search-wrap input{border:0;flex:1;width:100%;background:none;padding:13px 10px;font-size:13px;box-shadow:none}.search-wrap:focus-within{border-color:var(--green)}kbd{font:11px ui-monospace,monospace;border:1px solid var(--border);border-radius:3px;color:#8a958e;padding:2px 5px}.sort-label{margin-left:auto}.sort-label select{background:transparent;border:0;font-size:12px;padding-right:0}#filter-toggle{display:none}.result-line{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 0 15px;font-size:12px}.result-line #index-status{font-size:10px;color:var(--muted)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips:not(:empty){padding-top:15px}.chip{border-radius:5px;background:#e6eddf;padding:5px 8px;font-size:10px;color:#385344;max-width:100%;overflow:hidden;text-overflow:ellipsis}.chip span{margin-left:8px;color:#6b7b69}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:20px 14px}.photo-card{text-align:left;background:transparent;padding:0;min-width:0;content-visibility:auto;contain-intrinsic-size:auto 230px}.thumb{width:100%;aspect-ratio:1;background:#e7ebe3;border-radius:10px;overflow:hidden;position:relative}.thumb img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s ease}.photo-card:hover .thumb img{transform:scale(1.035)}.thumb.failed{display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted)}.thumb.failed img{display:none}.thumb.failed:after{content:'Preview unavailable'}.photo-caption{font-size:10px;line-height:1.45;color:var(--muted);padding-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-caption strong{display:block;color:var(--ink);font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:35px 0 10px;font-size:11px;color:var(--muted)}.error{font-size:13px;color:#a04437;border:1px solid #e9ccc5;background:#fff4f1;border-radius:8px;padding:14px;margin:8px 0 24px}.empty{text-align:center;padding:80px 20px}.empty>span{font-size:48px;color:#a4b3a0;display:block;margin-bottom:20px}.empty p{color:var(--muted);font-size:13px;margin:12px 0 20px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:25px}.metric{background:white;border:1px solid var(--border);padding:23px 21px;border-radius:11px}.metric:first-child{background:var(--ink);color:white;border-color:var(--ink)}.metric-label{font-size:11px;color:var(--muted);margin-bottom:14px}.metric:first-child .metric-label,.metric:first-child .metric-note{color:#b6c7b9}.metric-value{font-size:30px;letter-spacing:-1px;line-height:1.1}.metric-note{font-size:10px;color:var(--muted);margin-top:12px;line-height:1.4}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chart-card{background:white;border:1px solid var(--border);border-radius:11px;padding:25px;min-width:0}.chart-card.full{grid-column:1/-1}.chart-card h2{margin-top:0}.chart-heading{display:flex;align-items:center;justify-content:space-between}.chart-heading select{font-size:11px}.timeline{margin-top:30px;display:flex;height:190px;align-items:stretch;gap:8px;overflow-x:auto;padding-bottom:10px}.month-bar{flex:1;min-width:40px;max-width:110px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:none;padding:0;gap:7px}.month-column{display:flex;align-items:flex-end;height:137px;width:100%;justify-content:center}.month-fill{width:min(100%,44px);background:#a3be8e;border-radius:5px 5px 2px 2px;min-height:3px}.month-bar:hover .month-fill{background:var(--green)}.month-count{font-size:10px;font-variant-numeric:tabular-nums}.month-label{font-size:9px;white-space:nowrap;color:var(--muted)}.bars{margin-top:24px;max-height:345px;overflow-y:auto;scrollbar-width:thin}.bar-row{width:100%;display:block;text-align:left;padding:0;margin-bottom:19px;background:none}.bar-row:last-child{margin-bottom:0}.bar-label{display:flex;justify-content:space-between;gap:15px;font-size:11px;margin-bottom:8px}.bar-label span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bar-label span:last-child{color:var(--muted);white-space:nowrap}.bar-track{height:5px;display:block;border-radius:4px;background:#f0f3ec}.bar-fill{height:100%;display:block;background:#a9bf9b;border-radius:4px}.bar-row:hover .bar-fill{background:var(--green)}.analytics-note{font-size:11px;color:var(--muted);line-height:1.8;margin-top:22px}.no-chart{color:var(--muted);font-size:12px;padding:30px 0}.login{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:#fff}.login-card{width:100%;max-width:480px;align-self:center;justify-self:center;padding:55px}.brand-icon{margin-bottom:36px}.login h1{font-size:38px}.login form{margin-top:34px}.login form label{font-size:12px;display:block;margin-bottom:9px}.login form input{width:100%;padding:14px;font-size:13px;font-family:ui-monospace,monospace}.login .primary{width:100%;justify-content:space-between;margin-top:13px;padding:15px}.login-help{font-size:11px;color:var(--muted);line-height:1.9;margin-top:25px}.login-help strong{font-weight:500;color:var(--ink)}#login-error{font-size:12px;color:#a04437;margin-top:14px;line-height:1.6}.login-art{position:relative;background:#e9efdf;min-height:600px;overflow:hidden;display:flex;align-items:center;justify-content:center}.art-frame{position:absolute;width:240px;height:300px;border:10px solid white;border-bottom-width:40px;border-radius:4px;box-shadow:0 10px 40px #17312f15}.art-back{background:#708976;transform:rotate(-14deg) translate(-55px,-30px)}.art-front{background:#cfdfd2;transform:rotate(9deg) translate(30px,10px);overflow:hidden}.art-sun{position:absolute;width:58px;height:58px;border-radius:50%;background:#f2f1ce;top:34px;right:27px}.art-hill{position:absolute;width:280px;height:240px;background:#59775e;transform:rotate(35deg);top:138px;left:-97px;border-radius:50px}.art-hill.second{background:#264b3e;left:62px;top:153px;transform:rotate(-35deg)}.art-orbit{position:absolute;width:510px;height:510px;border:1px solid #cfdbc4;border-radius:50%}.art-orbit:after{content:'';position:absolute;inset:40px;border:1px solid #d7e1ce;border-radius:50%}.boot-status{position:fixed;inset:45% 0 auto;text-align:center;font-size:13px;color:var(--muted)}dialog{border:0;border-radius:13px;padding:0;background:#f9faf7;color:var(--ink);width:min(1220px,94vw);max-width:94vw;max-height:94dvh;overflow:auto;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#0b1717da;backdrop-filter:blur(8px)}.viewer-top{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border);font-size:11px;color:var(--muted)}.icon-button{width:32px;height:32px;border-radius:50%;background:#e8ede4;color:var(--ink);font-size:24px;line-height:1}.viewer-content{display:grid;grid-template-columns:minmax(0,1fr) 280px}.image-stage{position:relative;background:#172321;min-height:380px;display:flex;justify-content:center;align-items:center;height:min(76dvh,800px);padding:20px}.image-stage img{width:100%;height:100%;object-fit:contain;min-height:0}.image-arrow{position:absolute;top:50%;margin-top:-20px;width:36px;height:42px;font-size:28px;background:#ffffffd9;border-radius:7px;color:#17312f}.image-arrow.prev{left:12px}.image-arrow.next{right:12px}.photo-info{padding:28px 24px;min-width:0}.photo-info h2{font-size:16px;word-break:break-word;margin-top:0}.photo-info>p{font-size:11px;color:var(--muted);margin-top:10px}.photo-info dl{font-size:11px;line-height:1.7;margin:26px 0}.photo-info dt{color:var(--muted);margin-top:14px;font-size:10px}.photo-info dd{margin:2px 0;overflow-wrap:anywhere}.photo-info .primary{width:100%;padding:12px;font-size:11px;gap:10px}#preview-error{position:absolute;max-width:260px;text-align:center;font-size:13px;color:#d7e4db;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1600px){.photo-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}@media(max-width:1100px){main{padding:30px 26px}.topbar{padding:0 26px;gap:36px}.workspace{grid-template-columns:218px minmax(0,1fr)}#sidebar{padding:26px 19px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.session-controls span{display:none}.viewer-content{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:760px){.topbar{height:66px;padding:0 18px;gap:18px;flex-wrap:wrap}.brand{font-size:16px;gap:8px}.brand img{width:27px;height:27px}.topbar nav{gap:12px;margin-left:auto}.tab{font-size:12px}.session-controls{margin-left:0}.session-controls .quiet{font-size:10px;padding:5px}.workspace{display:block}#sidebar{display:none;position:fixed;top:66px;bottom:0;left:0;width:285px;height:calc(100dvh - 66px);background:var(--paper);z-index:9;box-shadow:10px 0 35px #17312f24}#sidebar.open{display:block}main{padding:28px 18px}h1{font-size:30px}.page-heading{margin-bottom:23px}.page-heading .outline{padding:9px;font-size:18px}.page-heading .outline span{display:none}.toolbar{flex-wrap:wrap;gap:8px}.search-wrap{flex:1;min-width:180px;padding:0 10px}.search-wrap input{font-size:12px;padding:12px 8px}.search-wrap kbd{display:none}#filter-toggle{display:block;padding:12px 10px;font-size:11px}.sort-label{width:100%;text-align:right}.sort-label select{padding:6px 0;font-size:11px}.result-line{padding-top:13px;align-items:flex-start;gap:10px}.result-line #index-status{max-width:120px;text-align:right}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 10px}.thumb{border-radius:8px}.photo-caption strong{font-size:10px}.photo-caption{font-size:9px}.pagination{flex-direction:column;gap:15px}.metrics{gap:10px}.metric{padding:18px 15px}.metric-value{font-size:27px}.analytics-grid{grid-template-columns:1fr;gap:13px}.chart-card{padding:21px}.chart-card h2{font-size:16px}.chart-heading{gap:8px}.chart-heading select{padding:7px}.login{grid-template-columns:1fr}.login-card{padding:38px;max-width:460px}.login-art{display:none}.brand-icon{margin-bottom:28px}.login h1{font-size:36px}.viewer-content{display:block}.image-stage{height:53dvh;min-height:260px;padding:10px}.photo-info{padding:22px}.photo-info dl{display:grid;grid-template-columns:85px 1fr;gap:7px 12px;margin:20px 0}.photo-info dt,.photo-info dd{margin:0}dialog{width:96vw;max-width:96vw}.viewer-top{padding:8px 14px}.image-arrow{width:30px;height:37px}.analytics-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

.video-badge{position:absolute;right:8px;bottom:8px;border-radius:5px;background:#172321cf;color:white;padding:4px 7px;font-size:11px;font-variant-numeric:tabular-nums;line-height:1.2}.image-stage video{width:100%;height:100%;object-fit:contain;min-height:0}.image-stage video[hidden]{display:none}

/* Account navigation and day review reuse the gallery's small, lazy thumbnails. */
.topbar{gap:32px}.topbar nav{gap:22px}.session-controls{gap:12px}#account-name{font-size:12px;color:var(--ink);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace.simple{display:block}.workspace.simple main{max-width:1440px}.shared-badge{position:absolute;left:8px;bottom:8px;padding:4px 7px;font-size:10px;line-height:1.2;background:#ecf5e9ed;border-radius:5px;color:#244d36}.review-heading{display:flex;align-items:center;gap:16px;margin:0 0 24px;font-size:13px}.review-heading input{margin-left:auto}.review-heading h2{font-size:23px}.review-heading>span{font-size:12px;margin-left:auto}.day-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.day-card{display:flex;align-items:center;gap:17px;text-align:left;padding:12px;border:1px solid var(--border);background:white;border-radius:13px;min-width:0}.day-card:hover{border-color:#99b8a4;background:#f2f6ed}.day-thumb{flex:0 0 86px;height:86px;background:#e7ebe3;border-radius:8px;overflow:hidden}.day-thumb img{width:100%;height:100%;object-fit:cover}.day-caption{display:flex;flex-direction:column;gap:8px}.day-caption strong{font-size:13px;font-weight:600;line-height:1.5}.day-caption span{font-size:11px}.selection-bar{position:sticky;top:76px;z-index:5;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 18px;background:#f8f9f5f5;border:1px solid var(--border);border-radius:12px;backdrop-filter:blur(8px)}.selection-tools,.share-actions{display:flex;align-items:center;gap:8px}.selection-tools .outline,.share-actions .outline,.share-actions .primary{font-size:12px;padding:10px 13px}.selection-tools [aria-pressed=true]{background:#d9e9cd;border-color:#7ba480}#selection-count{font-size:12px;margin-left:7px;font-variant-numeric:tabular-nums}.selection-note{width:100%;color:var(--muted);font-size:11px;line-height:1.5}.review-status{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin:18px 0}.review-card{min-width:0;content-visibility:auto;contain-intrinsic-size:auto 245px}.select-photo{display:block;padding:0;width:100%;background:none;border-radius:11px;outline:3px solid transparent;outline-offset:3px}.select-photo.chosen{outline-color:var(--green)}.selection-check{position:absolute;top:10px;right:10px;border:2px solid white;box-shadow:0 1px 5px #0004;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;background:#17312f50;color:transparent;font-size:13px;font-weight:bold}.chosen .selection-check{color:white;background:var(--green);border-color:var(--green)}.review-caption{display:flex;justify-content:space-between;align-items:center;gap:7px;padding-top:6px;font-size:10px}.review-caption>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.review-caption .text-button{padding:7px 0;font-size:11px;flex-shrink:0}.add-person{display:flex;gap:10px;align-items:center;max-width:620px;margin-bottom:30px}.add-person label{font-size:12px}.add-person input{flex:1}.people-list{display:flex;flex-direction:column;gap:12px;max-width:900px}.person-card{display:flex;align-items:center;gap:16px;padding:20px;background:white;border:1px solid var(--border);border-radius:12px}.avatar{display:grid;place-items:center;flex:0 0 42px;height:42px;background:#e5eddd;color:#41664d;border-radius:50%;font-size:17px}.person-name{min-width:0}.person-name h2{font-size:16px;overflow-wrap:anywhere}.person-name p{font-size:11px;margin-top:7px}.person-actions{display:flex;gap:12px;align-items:center;margin-left:auto}.invite-dialog{width:min(480px,94vw)}.invite-content{padding:28px}.invite-content h2{font-size:24px}.invite-content p{font-size:13px;color:var(--muted);margin:12px 0 22px}.invite-content input{width:100%;font:14px ui-monospace,monospace;padding:15px 12px;letter-spacing:.1px}.invite-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;font-size:11px;color:var(--muted)}
@media(max-width:1100px){.topbar{gap:20px}.topbar nav{gap:14px}.session-controls #account-name{display:none}}
@media(max-width:900px){.topbar{height:auto;min-height:100px;padding:14px 20px 0;gap:10px;flex-wrap:wrap}.topbar nav{order:3;width:100%;height:40px;justify-content:space-between;gap:8px;overflow-x:auto}.session-controls{margin-left:auto}.brand{font-size:17px}#sidebar{top:100px;height:calc(100dvh - 100px)}.selection-bar{top:100px}.selection-tools{flex-wrap:wrap}.review-heading{flex-wrap:wrap;gap:12px}.review-heading h2{font-size:19px}.review-heading>span{width:100%;margin-left:0}.selection-note{font-size:10px}.review-status{font-size:10px}.person-card{padding:16px;gap:12px}.person-actions{gap:3px;flex-wrap:wrap;justify-content:flex-end}.person-actions .outline{font-size:11px;padding:9px}.add-person{flex-wrap:wrap}.add-person label{width:100%}.add-person input{min-width:120px}.day-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.selection-bar{padding:12px;gap:12px}.share-actions{width:100%;justify-content:flex-end}#selection-count{margin-left:auto}.selection-tools{width:100%}.selection-tools .outline{padding:8px 10px;font-size:11px}}
.select-photo.chosen{outline:0}.select-photo.chosen .thumb:after{content:'';position:absolute;inset:0;border:3px solid var(--green);border-radius:inherit;pointer-events:none}.selection-check{z-index:1}
@media(max-width:900px){.session-controls #account-name{display:block;max-width:60px;font-size:10px}}
@media(max-width:360px){.session-controls #account-name{max-width:35px}.brand{font-size:15px}.topbar{padding-left:14px;padding-right:14px}}

/* A compact date rail seeks directly; its input previews dates until release. */
.tab{display:flex;align-items:center;text-decoration:none}.date-heading{grid-column:1/-1;font-size:17px;margin:13px 0 0;font-weight:550;letter-spacing:-.35px;scroll-margin-top:110px}.date-heading:first-child{margin-top:0}.jump-position{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin:0 0 16px}.has-dates main{padding-right:108px}.date-nav{position:fixed;right:14px;top:238px;bottom:55px;width:68px;z-index:6;display:flex;flex-direction:column;align-items:stretch;gap:22px}.date-current{padding:8px 2px;border-radius:7px;background:var(--paper);color:var(--green);font-size:10px;font-weight:650;white-space:nowrap}.date-current:hover{background:#e4eddc}.date-track{position:relative;flex:1;min-height:100px;margin:0 0 7px}.date-slider{writing-mode:vertical-lr;direction:ltr;appearance:none;-webkit-appearance:none;position:absolute;right:0;top:0;width:30px;height:100%;padding:0;margin:0;border:0;box-shadow:none;border-radius:0;background:transparent;cursor:ns-resize;touch-action:none;accent-color:var(--green)}.date-slider::-webkit-slider-runnable-track{width:3px;height:100%;background:#dce3d6;border-radius:3px}.date-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:30px;border:3px solid var(--paper);border-radius:8px;background:var(--green);margin-left:-5px;box-shadow:0 1px 4px #17312f22}.date-slider::-moz-range-track{width:3px;background:#dce3d6;border-radius:3px}.date-slider::-moz-range-thumb{width:8px;height:25px;border:3px solid var(--paper);border-radius:8px;background:var(--green)}.date-slider:focus-visible{outline:2px solid #96b696;outline-offset:1px;border-radius:6px}.date-labels{position:absolute;inset:15px 25px 15px 0}.date-year{position:absolute;right:0;transform:translateY(-50%);font-size:10px;color:var(--muted);padding:7px 3px;background:var(--paper);border-radius:5px}.date-year:hover{color:var(--green);background:#e4eddc}.date-tooltip{display:none;position:absolute;right:76px;transform:translateY(-50%);padding:10px 14px;background:var(--ink);color:white;border-radius:7px;font-size:12px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 18px #17312f22}.scrubbing .date-tooltip,.date-slider:focus-visible~.date-tooltip{display:block}.date-picker{position:absolute;top:35px;right:0;width:230px;background:white;border:1px solid var(--border);padding:16px;border-radius:10px;box-shadow:0 10px 40px #17312f25;z-index:2;display:grid;grid-template-columns:1fr auto;gap:12px 8px}.date-picker label{grid-column:1/-1;font-size:12px}.date-picker input{width:100%;min-width:0;padding:9px;font-size:12px}.date-picker button{padding:9px 12px;font-size:12px}
@media(max-width:1100px){.has-dates main{padding-right:100px}.date-nav{right:10px}}
@media(max-width:900px){.date-nav{top:250px;bottom:40px}}
@media(max-width:760px){.has-dates main{padding-right:67px}.date-nav{right:3px;width:54px;top:285px;bottom:35px;gap:17px}.date-current{font-size:9px;white-space:normal;line-height:1.5;padding:6px 3px}.date-labels{right:23px}.date-year{font-size:9px;padding:8px 0}.date-slider{width:25px}.date-heading{font-size:15px}.date-tooltip{right:59px;font-size:11px}.jump-position{font-size:11px;margin-bottom:10px;gap:3px}}
@media(max-height:620px){.date-nav{top:180px;bottom:25px;gap:12px}}

.photo-card,.review-card{contain-intrinsic-size:auto var(--card-height,250px)}.photo-caption{height:42px}.review-caption{height:34px}

.jump-position{justify-content:flex-end;height:0;margin:0;position:relative;z-index:1;transform:translateY(11px)}.jump-position .text-button{background:var(--paper)}

.date-year{white-space:nowrap;max-width:48px;text-align:right;font-size:9px}.date-labels{right:24px;left:-8px}@media(max-width:760px){.date-year{font-size:8px}.date-labels{right:22px;left:-10px}}

/* Use explicit refresh in the library; keep horizontal browser navigation. */
html.gallery-browsing{overscroll-behavior-y:none;overflow-anchor:none}html.gallery-browsing body{overscroll-behavior-y:none}.previous-page{display:flex;justify-content:center;align-items:center;min-height:48px;margin-bottom:16px}.previous-page button{font-size:12px;min-width:116px}

.rotation-tools{display:flex;gap:8px;margin-left:auto;margin-right:18px}.rotation-tools button{font-size:23px;padding:4px 12px;line-height:1.2}#rotation-status{color:var(--green);line-height:1.6}
