:root{color-scheme:dark;--ink:#f7f5ee;--muted:#b7bdbb;--accent:#f1c59b;--panel:#162026;--line:rgba(255,255,255,.17);--serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-family:var(--sans);font-synthesis:none;color:var(--ink);background:#18272d}*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{font-size:16px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0}button:disabled{cursor:default;opacity:.3}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a{color:inherit;text-decoration:none}button,select,input{touch-action:manipulation}.icon{width:21px;height:21px;flex:none;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button{transition:background .2s,color .2s,transform .2s}button:not(:disabled):active{transform:scale(.97)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.experience{position:relative;min-height:760px;height:100svh;isolation:isolate;overflow:hidden;display:flex;flex-direction:column}.scene-stage{position:absolute;inset:0;z-index:-2;background:#283d49;overflow:hidden}.scene-image{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%);opacity:0;transition:opacity .8s ease;transform:scale(1.015)}.scene-image.ready{opacity:1}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,20,27,.38),transparent 24%,transparent 38%,rgba(7,21,28,.12) 55%,rgba(6,16,22,.75) 100%),linear-gradient(90deg,rgba(6,18,24,.12),transparent 55%);pointer-events:none}.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:26px;padding:32px 44px;position:relative;z-index:2}.wordmark{display:inline-flex;align-items:center;gap:11px;font-size:25px;font-weight:650;letter-spacing:-1px;width:max-content}.wordmark-light{font-weight:350}.brand-dot{color:var(--accent)}.brand-symbol .icon{width:33px;height:33px;stroke-width:1.6}.light-switch{display:flex;align-items:center;gap:3px;padding:5px;border:1px solid rgba(255,255,255,.26);border-radius:60px;background:rgba(19,34,40,.3);backdrop-filter:blur(14px)}.light-switch button{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border-radius:40px;background:transparent;color:#f6f0e8;font-size:14px;font-weight:500;min-height:44px}.light-switch button[aria-pressed=true]{background:#f7eddf;color:#32383b;box-shadow:0 2px 10px #0000000d}.light-switch button:hover:not([aria-pressed=true]){background:#ffffff17}.header-actions{justify-self:end;display:flex;gap:16px;align-items:center}.archive-trigger{display:flex;gap:10px;align-items:center;padding:12px 4px;background:transparent;font-size:14px}.archive-trigger:hover{color:var(--accent)}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;flex:none}.icon-button:hover{background:rgba(255,255,255,.14)}.about-trigger{border:1px solid #ffffff35}.view-tools{position:absolute;right:44px;top:calc(50% - 24px)}.view-tools .icon-button{border:1px solid #ffffff45;background:#15232c24;backdrop-filter:blur(10px)}.scene-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:0 60px 38px;margin-top:auto}.eyebrow{display:flex;align-items:center;gap:13px;font-size:12px;line-height:1.6;font-weight:500;letter-spacing:2.3px;margin:0 0 14px}.tiny-line{width:26px;height:1px;background:currentColor;opacity:.6}.scene-copy h1{font:400 clamp(56px,7.5vw,116px)/1.04 var(--serif);letter-spacing:-3.7px;margin:0 0 15px;text-shadow:0 2px 25px #00000014}.scene-caption{font-size:17px;font-weight:350;line-height:1.5;letter-spacing:.1px;margin:0 0 22px;color:#f3f0e9}.location-detail{display:flex;align-items:center;gap:6px;font-size:13px;letter-spacing:.3px;color:#e3e6e2}.location-detail .icon{width:15px;height:15px}.scene-actions{display:flex;align-items:center;gap:12px;padding-bottom:3px}.save-scene{width:52px;height:52px;border:1px solid #ffffff70;background:rgba(18,31,35,.2);backdrop-filter:blur(8px)}.save-scene[aria-pressed=true]{color:#ffcfb3;border-color:#ffcfb3}.save-scene[aria-pressed=true] svg{fill:#ffcfb342}.download-trigger{display:flex;align-items:center;justify-content:center;gap:11px;min-height:54px;padding:16px 24px;background:#f6eee0;color:#273238;border-radius:40px;font-size:14px;font-weight:550}.download-trigger:hover{background:#fff8ed;transform:translateY(-2px)}.scene-footer{border-top:1px solid rgba(255,255,255,.2);margin:0 44px;padding:21px 14px 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px}.schedule-status{background:transparent;text-align:left;display:flex;align-items:center;gap:12px;padding:0;min-height:44px;width:max-content;max-width:100%}.schedule-status>span:last-child{display:flex;flex-direction:column;gap:6px}.schedule-status #scheduleTitle{font-size:12px;letter-spacing:1.8px;color:#dadeda;font-weight:500}.schedule-status #scheduleDetail{font-size:12px;color:#dddcd6}.schedule-orbit .icon{width:22px;height:22px;color:#e5c098}.date-navigation{display:flex;align-items:center;gap:21px;text-align:center}.date-navigation>div{min-width:170px;display:flex;flex-direction:column;gap:5px}.edition-date{font-size:14px;letter-spacing:.2px}.edition-label{font-size:12px;letter-spacing:1px;color:#d4d8d4}.provenance{background:transparent;display:flex;gap:8px;align-items:center;justify-self:end;padding:10px 0;font-size:12px;color:#d5dcd9}.provenance .icon{width:16px;height:16px}.chrome{transition:opacity .45s,visibility .45s}.experience.immersed .chrome{opacity:0;visibility:hidden;pointer-events:none}.experience.immersed .scene-shade{opacity:.25;transition:opacity .5s}.restore-controls{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:13px 18px;border:1px solid #ffffff50;border-radius:28px;background:#16252d65;backdrop-filter:blur(12px);font-size:13px;white-space:nowrap}.restore-controls:active{transform:translateX(-50%)!important}.image-failure{position:absolute;inset:35% 15%;text-align:center}.pill{display:inline-flex;justify-content:center;align-items:center;gap:9px;background:#f4eadb;color:#253137;border-radius:26px;padding:13px 20px;font-size:14px}.toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);z-index:20;background:#f6eee1;color:#23333b;border-radius:30px;padding:14px 24px;font-size:14px;box-shadow:0 6px 30px #0003;max-width:90vw;text-align:center}
dialog{color:var(--ink);background:var(--panel);border:1px solid #ffffff1c;border-radius:20px;padding:0;max-height:calc(100svh - 48px);box-shadow:0 20px 100px #0007}dialog::backdrop{background:#09141db3;backdrop-filter:blur(12px)}dialog[open]{animation:reveal .25s ease}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}dialog h2{font:400 clamp(32px,4vw,52px)/1.12 var(--serif);letter-spacing:-1px;margin:0 0 14px}dialog p{line-height:1.65}.muted{color:var(--muted);font-size:15px;line-height:1.7;margin:0}.accent{color:var(--accent)}.close-dialog{position:absolute;right:24px;top:24px;z-index:2;border:1px solid var(--line)}.archive-dialog{width:min(1250px,calc(100vw - 64px));max-height:calc(100svh - 64px)}.archive-shell{padding:40px 44px 28px}.modal-heading{display:flex;gap:30px;align-items:flex-start;margin-bottom:30px;padding-right:38px}.modal-heading .close-dialog{position:static;margin-left:auto}.modal-heading .eyebrow{margin-bottom:13px}.archive-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);margin-bottom:24px}.archive-tabs{display:flex;align-items:center;gap:24px}.archive-tabs button{display:flex;align-items:center;gap:8px;background:none;padding:15px 0;font-size:14px;color:#aeb7b8;border-radius:0;position:relative}.archive-tabs button.active{color:#f5d8b4}.archive-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.archive-tabs .icon{width:18px;height:18px}.saved-only{display:flex;align-items:center;gap:8px;font-size:14px;color:#d4d8d5;cursor:pointer;min-height:44px}.saved-only input{width:16px;height:16px;accent-color:#efc39c}.saved-only .icon{width:17px;height:17px}.archive-filters{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(112px,1fr)) minmax(135px,1fr);gap:10px}.archive-filters label{min-width:0}.search-field{position:relative}.search-field .icon{position:absolute;top:14px;left:13px;width:18px;color:#aab4b7}.archive-filters input,.archive-filters select{width:100%;height:46px;border:1px solid #ffffff24;border-radius:8px;background:#1d2a31;color:#e5e8e2;padding:0 12px;font-size:14px;min-width:0}.archive-filters input[type=search]{padding-left:39px}.archive-filters input::placeholder{color:#a7b2b4}.archive-filters select{cursor:pointer}.archive-filters input[type=date]{font-size:13px}.result-heading{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#aab4b6;margin:24px 0 17px;min-height:24px}.text-button{background:none;font-size:13px;padding:5px 0;color:var(--accent)}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px}.scene-card{position:relative;min-width:0}.card-open{display:block;text-align:left;width:100%;background:none;padding:0;border-radius:12px}.card-image-wrap{display:block;aspect-ratio:1.75;overflow:hidden;border-radius:12px;background:#33434a;position:relative}.card-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(#0003,transparent 60%)}.card-image-wrap img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.card-open:hover img{transform:scale(1.04)}.card-kind{position:absolute;top:13px;left:13px;padding:7px 10px;border-radius:20px;background:#1427327d;backdrop-filter:blur(12px);display:flex;align-items:center;gap:6px;font-size:12px;color:#f7ecda;z-index:1}.card-kind .icon{width:15px;height:15px}.card-save{position:absolute;top:9px;right:9px;border:1px solid #ffffff40;background:#16253245;backdrop-filter:blur(8px);z-index:1}.card-save[aria-pressed=true]{color:#ffcfb3}.card-save[aria-pressed=true] svg{fill:#ffcfb342}.card-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:15px}.card-heading strong{font:400 28px/1.1 var(--serif);letter-spacing:-.4px}.card-heading small{font-size:12px;color:#abb5b8;white-space:nowrap}.card-detail{display:block;font-size:13px;color:#b6bebc;margin-top:6px}.collection-note{font-size:12px;color:#a8b4b6;border-top:1px solid var(--line);margin:30px 0 0;padding-top:21px}.empty-state{text-align:center;padding:45px 10px 55px}.empty-state>.icon{width:50px;height:50px;color:var(--accent)}.empty-state h3{font:400 32px var(--serif);margin-bottom:10px}.empty-state p{color:var(--muted);font-size:15px;margin-bottom:25px}
.download-dialog{width:min(910px,calc(100vw - 64px))}.download-layout{display:grid;grid-template-columns:1.1fr 1fr}.wallpaper-stage{background:#233139;min-height:510px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 28px}.wallpaper-frame{position:relative;box-shadow:0 14px 45px #0004;overflow:hidden;background:#2c4349;transition:width .25s,aspect-ratio .25s}.wallpaper-frame.desktop{width:100%;aspect-ratio:16/9;border:7px solid #101a20;border-radius:9px}.wallpaper-frame.phone{width:184px;aspect-ratio:9/19.5;border:6px solid #101a20;border-radius:29px}.wallpaper-frame img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%);display:block}.phone-clock{position:absolute;top:28px;left:0;right:0;text-align:center;text-shadow:0 1px 8px #0005;color:#fff}.phone-clock span{font-size:12px}.phone-clock strong{display:block;font-size:42px;letter-spacing:-2px;font-weight:500;margin-top:2px}.preview-caption{color:#b8c3c4;font-size:12px;margin:22px 0 0}.download-copy{padding:68px 32px 35px}.download-copy h2{font-size:44px}.download-options{display:flex;gap:8px;margin-top:30px}.download-options button{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;font-size:14px;background:transparent;border:1px solid #ffffff30;border-radius:8px;min-height:44px;flex:1}.download-options button.active{background:#f0e5d4;color:#26343b;border-color:transparent}.download-dimensions{font-size:12px;color:#b1bdbe;min-height:20px;margin:16px 0 22px}.solid-button{display:flex;gap:10px;align-items:center;justify-content:center;min-height:50px;background:#f0c49a;color:#28333a;border-radius:8px;padding:14px 20px;font-size:14px;font-weight:600;width:100%}.solid-button:hover{background:#f8d6b6}.download-note{font-size:12px;color:#aab7b8;margin:14px 0}.download-status{font-size:13px;color:#f4cba9;margin:10px 0;min-height:20px}.about-dialog{width:min(580px,calc(100vw - 48px));padding:42px}.about-mark .icon{height:46px;width:46px;color:var(--accent);margin-bottom:20px}.about-dialog>p{font-size:16px;color:#d1dad8}.about-dialog>.eyebrow{font-size:12px;color:var(--accent)}.about-dialog>.muted{font-size:14px;color:#b5c0c0}.schedule-pair{display:grid;grid-template-columns:1fr 1fr;margin:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0}.schedule-pair>div{display:flex;flex-direction:column;gap:7px}.schedule-pair .icon{color:var(--accent);margin-bottom:4px}.schedule-pair strong{font-size:22px;font-weight:400}.schedule-pair span:last-child{font-size:13px;color:#b8c3c1}.about-disclosure{border-top:1px solid var(--line);margin-top:26px;padding-top:23px}.about-disclosure strong{font-size:14px;font-weight:500;color:#f1d1b0}.about-disclosure p{font-size:13px;color:#b5c0bf;line-height:1.65}
@media(min-width:1500px){.scene-bottom{padding-left:76px;padding-right:76px;padding-bottom:47px}.site-header{padding:36px 60px}.scene-footer{margin-left:60px;margin-right:60px}.scene-copy h1{font-size:124px}.view-tools{right:60px}}
@media(max-width:1000px){.site-header{padding:24px 28px;gap:16px}.wordmark{font-size:22px}.brand-symbol .icon{width:28px;height:28px}.header-actions{gap:7px}.light-switch button{padding:10px 14px;font-size:13px}.archive-trigger{font-size:13px}.about-trigger{display:none}.scene-bottom{padding:0 34px 32px}.scene-footer{margin:0 28px;padding-left:5px;padding-right:5px;gap:15px}.provenance span:last-child{max-width:95px;text-align:left;line-height:1.5}.date-navigation{gap:7px}.date-navigation>div{min-width:152px}.schedule-status #scheduleDetail{max-width:190px;line-height:1.5}.download-trigger{padding:15px 20px}.archive-shell{padding:32px}.archive-filters{grid-template-columns:repeat(4,1fr)}.search-field{grid-column:1/-1}.date-filter{grid-column:auto}.view-tools{right:28px}.scene-caption{max-width:440px}}
@media(max-width:680px){.experience{min-height:680px;height:100svh}.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;padding:22px 22px 0;gap:24px 12px}.wordmark{font-size:23px;gap:8px}.brand-symbol .icon{width:29px;height:29px}.header-actions{margin-left:auto}.archive-trigger{min-height:44px;gap:7px;font-size:13px}.light-switch{order:3;position:relative;left:50%;transform:translateX(-50%);margin-right:50%;gap:3px;padding:4px;white-space:nowrap}.light-switch button{padding:10px 17px;min-height:42px;font-size:13px}.light-switch .icon{width:18px;height:18px}.view-tools{right:20px;top:42%}.view-tools .icon-button{width:40px;height:40px}.scene-bottom{padding:0 24px 25px;display:block}.scene-copy h1{font-size:clamp(53px,12vw,80px);letter-spacing:-2px;margin-bottom:13px}.eyebrow{font-size:12px;letter-spacing:1.7px;gap:10px;margin-bottom:12px}.scene-caption{font-size:15px;max-width:310px;line-height:1.5;margin-bottom:13px}.location-detail{font-size:12px}.scene-actions{margin-top:23px;gap:11px}.save-scene{height:48px;width:48px}.download-trigger{min-height:48px;font-size:13px;padding:13px 20px}.download-trigger .icon{height:18px;width:18px}.scene-footer{margin:0 20px;padding:15px 0 max(17px,env(safe-area-inset-bottom));grid-template-columns:1fr auto;gap:12px}.date-navigation{grid-column:1/-1;grid-row:1;justify-content:space-between;gap:8px;padding:0 3px}.date-navigation>div{gap:4px}.edition-date{font-size:13px}.edition-label{font-size:12px}.schedule-status{grid-row:2;gap:7px;min-height:32px}.schedule-status #scheduleTitle{display:none}.schedule-status #scheduleDetail{font-size:12px;max-width:190px}.schedule-orbit .icon{width:15px;height:15px}.provenance{grid-row:2;font-size:12px;gap:5px;padding:8px 0}.provenance span:last-child{max-width:none}.provenance .icon{width:13px;height:13px}.scene-shade{background:linear-gradient(180deg,rgba(9,20,27,.42),transparent 30%,transparent 36%,rgba(7,21,28,.17) 49%,rgba(6,16,22,.83) 100%)}.archive-dialog{width:100%;height:100svh;max-width:100%;max-height:100svh;border-radius:0;border:0;margin:0}.archive-shell{padding:28px 20px}.modal-heading{margin-bottom:21px;padding-right:0;gap:12px}.modal-heading h2{font-size:36px;max-width:275px}.modal-heading .eyebrow{font-size:12px}.modal-heading .muted{font-size:14px;max-width:260px}.close-dialog{right:18px;top:18px}.archive-bar{display:block;margin-bottom:17px}.archive-tabs{gap:24px}.archive-tabs button{font-size:13px}.saved-only{font-size:13px;padding:9px 0;margin:6px 0}.archive-filters{grid-template-columns:1fr 1fr;gap:9px}.archive-filters input,.archive-filters select{font-size:16px;height:44px}.archive-filters input[type=date]{font-size:14px}.archive-grid{gap:24px 13px}.card-image-wrap{aspect-ratio:1/1.06;border-radius:10px}.card-kind{top:8px;left:8px;font-size:12px;padding:5px 8px}.card-kind .icon{width:12px;height:12px}.card-save{top:34px;right:5px;width:40px;height:40px;border:none;background:transparent;backdrop-filter:none}.card-save .icon{width:18px;height:18px;filter:drop-shadow(0 1px 4px #0007)}.card-heading{display:block;padding-top:12px}.card-heading strong{font-size:25px}.card-heading small{display:block;font-size:12px;margin-top:7px}.card-detail{font-size:12px;line-height:1.5}.collection-note{font-size:12px}.download-dialog{width:calc(100vw - 28px);max-height:calc(100svh - 28px);border-radius:16px}.download-layout{grid-template-columns:1fr}.wallpaper-stage{min-height:235px;height:255px;padding:24px 44px 20px}.wallpaper-frame.desktop{max-width:320px;max-height:176px}.wallpaper-frame.phone{width:93px;border-width:4px;border-radius:17px}.phone-clock{top:16px}.phone-clock span{font-size:5px}.phone-clock strong{font-size:23px;letter-spacing:-1px}.preview-caption{margin:12px 0 0;font-size:12px}.download-copy{padding:24px}.download-copy h2{font-size:36px}.download-copy h2 br{display:none}.download-copy .eyebrow{font-size:12px;margin-bottom:10px}.download-options{margin-top:20px}.download-dimensions{margin:14px 0}.download-note{margin-bottom:0}.download-status{margin-bottom:0}.about-dialog{width:calc(100vw - 28px);padding:32px 25px}.about-dialog h2{font-size:39px}.about-dialog .close-dialog{right:16px;top:16px}.about-mark .icon{height:40px;width:40px}.toast{bottom:20px;font-size:13px;padding:12px 18px;min-width:210px}}
@media(max-width:370px){.site-header{padding:16px 16px 0}.wordmark{font-size:21px}.archive-trigger span:last-child{font-size:12px}.brand-symbol .icon{width:24px;height:24px}.scene-bottom{padding-left:20px;padding-right:20px}.provenance span:last-child{max-width:90px}.archive-grid{grid-template-columns:1fr}.card-image-wrap{aspect-ratio:1.65}.card-save{top:8px;right:8px}.card-heading{display:flex}.card-heading small{margin:0}.scene-caption{font-size:14px}}
@media(max-height:690px) and (min-width:681px){.experience{min-height:620px}.scene-copy h1{font-size:75px}.scene-bottom{padding-bottom:24px}.site-header{padding-top:22px}.scene-footer{padding-top:15px;padding-bottom:17px}}
@media(max-width:680px){.site-header .light-switch{left:auto;transform:none;margin:0 auto;flex:none}.scene-footer{column-gap:8px}.provenance span:last-child{max-width:125px;line-height:1.45}.schedule-status #scheduleDetail{max-width:160px}.light-switch button,.archive-trigger,.download-trigger,.archive-tabs button,.saved-only{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scene-image{transform:none}}

/* Community features stay within the existing quiet controls and dialog treatment. */
.save-scene[aria-pressed=true],.card-save[aria-pressed=true]{color:#f25b65;border-color:#f25b65}.save-scene[aria-pressed=true] svg,.card-save[aria-pressed=true] svg{fill:#e64956;stroke:#ff858b}.share-scene{width:52px;height:52px}.account-trigger{border:1px solid #ffffff35}.account-trigger[aria-label^="Account for"]{color:var(--accent)}
.account-dialog,.share-dialog{width:min(520px,calc(100vw - 32px));padding:42px}.account-dialog h2,.share-dialog h2{font-size:40px;padding-right:20px}.account-form{display:grid;gap:17px;margin:24px 0}.account-form label,.field-label{display:grid;gap:8px;font-size:14px;color:#e7e5df}.account-form input:not([type=checkbox]),.field-label select{width:100%;min-width:0;height:46px;border:1px solid var(--line);border-radius:8px;background:#1d2a31;color:var(--ink);padding:10px 12px;font-size:16px}.account-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-top:24px}.account-tabs button{background:none;padding:14px 0;color:var(--muted);border-radius:0}.account-tabs button[aria-pressed=true]{color:var(--accent);box-shadow:0 1px var(--accent)}.form-hint{font-size:12px;color:var(--muted);line-height:1.6;margin:-7px 0 0}.form-status{font-size:14px;color:var(--accent);line-height:1.6;min-height:22px;margin-bottom:0}.favorites-shortcut{margin-top:23px;background:#ffffff0d;color:var(--ink);border:1px solid var(--line)}.account-form .newsletter-choice{display:flex;align-items:flex-start;gap:12px;line-height:1.6}.newsletter-choice input{margin:5px 0 0;width:18px;height:18px;flex:none;accent-color:var(--accent)}.share-privacy{border-top:1px solid var(--line);padding-top:17px;font-size:13px;color:var(--muted);margin:0}.share-privacy strong{display:block;color:var(--ink);font-weight:500}.share-dialog .solid-button{text-align:center}.share-dialog #shareReady{margin-top:24px}.share-dialog #shareEmailLink{margin:20px 0 12px}.share-dialog #copyShareLink{display:block;margin-bottom:20px}.wallpaper-recommendation{font-size:12px;margin-top:18px}.download-options{flex-wrap:wrap;margin-top:14px}.download-options button{padding:11px 10px}.field-label{margin-top:14px}.wallpaper-frame.tablet{width:225px;aspect-ratio:3/4;border:6px solid #101a20;border-radius:18px}.wallpaper-frame.tablet.landscape{width:100%;aspect-ratio:4/3}.wallpaper-frame.desktop{aspect-ratio:var(--wallpaper-ratio,16/9)}
@media(max-width:680px){.account-dialog,.share-dialog{padding:32px 24px}.account-dialog h2,.share-dialog h2{font-size:34px}.site-header .header-actions{gap:5px}.site-header .archive-trigger{width:40px;justify-content:center}.site-header .archive-trigger span:last-child{display:none}.share-scene{width:44px;height:44px}.scene-actions{gap:9px}.scene-actions .download-trigger{padding:12px 13px;min-width:0;flex:1;max-width:250px}.download-trigger span:last-child{line-height:1.3}.wallpaper-frame.tablet{width:133px;max-height:184px}.wallpaper-frame.tablet.landscape{width:230px}.wallpaper-recommendation{font-size:12px}.download-options button{font-size:13px;padding:10px 8px}.account-form{gap:16px}}

/* Account settings show one compact view at a time. Keep overflow available only
   as an accessibility fallback for unusually small or heavily zoomed viewports. */
.account-dialog{width:min(480px,calc(100vw - 28px));padding:28px;max-height:calc(100dvh - 24px);overflow:auto}
.account-dialog .close-dialog{top:18px;right:18px;width:38px;height:38px}
.account-dialog>.eyebrow{font-size:11px;margin:0 48px 8px 0}
.account-dialog h2{font-size:34px;line-height:1.12;margin:0;padding-right:40px}
.account-dialog #accountIntro{font-size:14px;line-height:1.5;margin-top:12px}
.account-details{margin:22px 0 0}
.account-detail{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:67px;padding:11px 0;border-top:1px solid var(--line)}
.account-detail>div{min-width:0}
.account-detail dt{font-size:12px;color:var(--muted);line-height:1.3;margin-bottom:5px}
.account-detail dd{font-size:16px;line-height:1.4;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.account-detail #accountIdentity{white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.account-detail .password-placeholder{font-family:var(--sans);letter-spacing:2px}
.account-edit{min-width:44px;min-height:44px;font-size:14px;text-align:right}
.account-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}
.account-actions .favorites-shortcut{margin:0;padding:11px 16px;min-height:44px}
.account-actions #signOut{min-height:44px}
.account-dialog .account-form{gap:13px;margin:20px 0 0}
.account-dialog .account-form label{gap:6px;font-size:13px}
.account-dialog .account-form input{height:44px}
.account-dialog .form-hint{line-height:1.4;margin:0}
.account-dialog .account-tabs{margin-top:16px}
.account-dialog .account-tabs button{padding:11px 0}
.account-form-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:3px}
.account-form-actions>button{min-height:44px}
.account-form-actions .pill{padding:11px 20px}
.account-dialog .form-status{line-height:1.4;margin:14px 0 0;min-height:0;font-size:13px}
.account-dialog .form-status:empty{display:none}
@media(max-width:680px){
 .account-dialog{padding:24px}
 .account-dialog h2{font-size:31px}
 .account-dialog .account-detail{min-height:63px}
 .account-dialog .account-detail dd{font-size:15px}
}
@media(max-height:620px){
 .account-dialog{padding:18px 22px}
 .account-dialog>.eyebrow{display:none}
 .account-dialog h2{font-size:28px}
 .account-dialog .close-dialog{top:12px;right:14px}
 .account-details{margin-top:14px}
 .account-detail{min-height:52px!important;padding:6px 0}
 .account-dialog .account-form{gap:10px;margin-top:14px}
 .account-dialog #accountIntro{margin-top:10px}
 .account-actions{margin-top:12px}
 .account-dialog .form-status{margin-top:10px}
}
@media(max-height:500px) and (min-width:600px){
 .account-dialog{width:min(600px,calc(100vw - 28px));padding:16px 24px}
 .account-dialog .account-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
 .account-dialog .account-form>.form-hint,.account-dialog .account-form>.account-form-actions,.account-dialog .account-form>.muted,.account-dialog .account-form>button{grid-column:1/-1}
 .account-dialog #passwordForm>label:first-child{grid-column:1/-1}
 .account-dialog #usernameForm>label,.account-dialog #newPasswordForm>label,.account-dialog #resetRequestForm>label{grid-column:1/-1}
 .account-dialog #signupForm>label:first-child{grid-column:1/-1}
 .account-dialog #signupForm .form-hint{display:none}
 .account-dialog #accountIntro{font-size:13px}
 .account-dialog .account-actions{margin-top:10px}
}

html:has(#accountDialog[open]),html:has(#accountDialog[open]) body{height:100dvh;overflow:hidden}

/* The mobile save confirmation replaces format choices; desktop layout is unchanged. */
.wallpaper-save-prompt h3{font-family:var(--serif);font-size:27px;font-weight:400;margin:20px 0 12px}.wallpaper-save-prompt>.muted{font-size:14px;line-height:1.6;margin:0 0 18px}.wallpaper-save-prompt .download-status{line-height:1.6;margin:14px 0}.wallpaper-save-actions{display:flex;justify-content:space-between;gap:16px}.wallpaper-save-actions .text-button{min-height:44px}.saving-wallpaper .wallpaper-frame img{-webkit-touch-callout:default;user-select:auto}.saving-wallpaper .preview-caption{display:none}
@media(max-width:680px){.saving-wallpaper .wallpaper-stage{min-height:150px;height:170px;padding:18px 44px}.saving-wallpaper .wallpaper-frame.phone{height:134px;width:auto;flex:none}.saving-wallpaper .wallpaper-frame.tablet{max-height:134px;width:auto}.saving-wallpaper .wallpaper-frame.desktop,.saving-wallpaper .wallpaper-frame.tablet.landscape{height:134px;width:auto;max-width:100%}.saving-wallpaper .download-copy{padding:20px 24px}.saving-wallpaper .download-copy>.eyebrow{display:none}.saving-wallpaper .download-copy h2{font-size:30px}.wallpaper-save-prompt h3{font-size:25px;margin-top:14px}}

/* Every prepared composition keeps its own ratio; only viewing WebPs appear here. */
.wallpaper-frame.phone,.wallpaper-frame.tablet,.wallpaper-frame.desktop{aspect-ratio:var(--wallpaper-ratio)}
.wallpaper-frame.phone.landscape{width:100%;max-width:380px;border-radius:20px}
.wallpaper-frame.desktop.portrait{width:205px}
.wallpaper-frame img.loading{visibility:hidden}
.download-options button{min-width:88px}
@media(max-width:680px){
 .wallpaper-frame.phone.landscape{width:250px;border-radius:15px}
 .wallpaper-frame.desktop.portrait{width:104px;max-height:none}
 .wallpaper-frame.tablet.landscape{max-height:none}
 .saving-wallpaper .wallpaper-frame.phone.landscape{height:auto;width:250px}
 .saving-wallpaper .wallpaper-frame.desktop.portrait{height:134px;width:auto}
}