:root{--ink:#3b3542;--ink-dim:#3b3542a3;--glass:#fbf6efbd;--glass-strong:#fbf6efeb;--line:#3b35421f;--accent:#e8957a;--accent-soft:#e8957a38;--light:#fbf6ee;--paper:#f7f0e6;--star:#d4875a;--night:#2b2733;--serif:"Cormorant Garamond", Georgia, serif;--sans:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{background:var(--night);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}canvas#view{cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}canvas#view:active{cursor:grabbing}.hidden{display:none!important}button,.chip{font:inherit;color:inherit}.chip{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);letter-spacing:.02em;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12.5px;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex;box-shadow:0 4px 14px #3b354214}.chip:hover{background:var(--glass-strong);border-color:#3b35423d}.chip.active{border-color:var(--accent);background:#fde4da}.chip.icon{padding:7px 11px}kbd{font-family:var(--sans);opacity:.6;border:1px solid var(--line);border-radius:4px;padding:0 4px;font-size:10.5px}.loading{font-family:var(--serif);color:#fbf6eeb3;place-items:center;font-size:22px;font-style:italic;display:grid;position:fixed;inset:0}.title{color:var(--light);background:linear-gradient(#2b273300 40%,#2b27339e);align-items:end;padding:0 6vw 10vh;display:grid;position:fixed;inset:0}.title-inner{max-width:560px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;opacity:.75;margin:0 0 6px;font-size:11px}.title h1{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 18px;font-size:clamp(64px,11vw,132px);font-weight:400;line-height:.9}.lede{font-family:var(--serif);opacity:.92;margin:0 0 28px;font-size:22px;line-height:1.35}.primary{background:var(--accent);color:#fff;letter-spacing:.02em;cursor:pointer;border:0;border-radius:999px;padding:13px 26px;font-size:14px;font-weight:600;box-shadow:0 8px 24px #e8957a59}.primary:hover{background:#eea58c}.backend{opacity:.7;letter-spacing:.04em;margin-top:18px;font-size:11.5px}.hud{pointer-events:none;position:fixed;inset:0}.hud>*{pointer-events:auto}.hud-top{top:calc(18px + env(safe-area-inset-top));left:calc(22px + env(safe-area-inset-left));right:calc(22px + env(safe-area-inset-right));justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute}.brand{letter-spacing:.32em;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:12px;font-weight:600;display:flex}.brand .mark{border:1.5px solid var(--ink);width:16px;height:16px;box-shadow:inset -4px 0 0 0 var(--ink);border-radius:50%}.brand .place{letter-spacing:.12em;color:var(--ink-dim);text-transform:uppercase;margin-left:8px;font-size:11.5px;font-weight:400}.hud-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.readout,.photo-bar{bottom:64px;left:22px;bottom:calc(64px + (var(--ui-scale,1) - 1) * 90px);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:16px;gap:0;display:flex;position:absolute;box-shadow:0 4px 14px #3b354214}.photo-bar>button{cursor:pointer;pointer-events:auto;background:0 0;border:0}.photo-bar>button+button{border-left:1px solid var(--line)}body[data-input=touch] kbd{display:none}.readout>div,.photo-bar>div,.photo-bar>button{flex-direction:column;align-items:center;min-width:64px;padding:9px 16px;display:flex}.readout>div+div,.photo-bar>*+*{border-left:1px solid var(--line)}.readout b,.photo-bar b{font-variant-numeric:tabular-nums;font-size:17px;font-weight:500}.readout span,.photo-bar span{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);margin-top:2px;font-size:9px}.readout .clock{display:none}.brand{white-space:nowrap}.moods{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:999px;gap:4px;padding:4px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.moods button{cursor:pointer;color:var(--ink-dim);background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:12.5px}.moods button.active{background:var(--accent);color:#fff}.hint{color:var(--ink-dim);background:var(--glass);-webkit-backdrop-filter:blur(10px);border-radius:12px;max-width:calc(50% - 270px);margin:0;padding:6px 12px;font-size:11px;line-height:1.4;position:absolute;bottom:18px;left:22px}.photo-ui{pointer-events:none;position:fixed;inset:0}.photo-ui .frame{position:absolute;inset:7vh 6vw 13vh}.photo-ui .frame>i{border:0 solid #ffffffd9;width:26px;height:26px;position:absolute}.photo-ui .frame>i:first-child{border-top-width:1.5px;border-left-width:1.5px;top:0;left:0}.photo-ui .frame>i:nth-child(2){border-top-width:1.5px;border-right-width:1.5px;top:0;right:0}.photo-ui .frame>i:nth-child(3){border-bottom-width:1.5px;border-left-width:1.5px;bottom:0;left:0}.photo-ui .frame>i:nth-child(4){border-bottom-width:1.5px;border-right-width:1.5px;bottom:0;right:0}.thirds{opacity:.25;background:linear-gradient(90deg,#0000 calc(33.33% - .5px),#fff calc(33.33% - .5px) calc(33.33% + .5px),#0000 calc(33.33% + .5px) calc(66.66% - .5px),#fff calc(66.66% - .5px) calc(66.66% + .5px),#0000 calc(66.66% + .5px)),linear-gradient(#0000 calc(33.33% - .5px),#fff calc(33.33% - .5px) calc(33.33% + .5px),#0000 calc(33.33% + .5px) calc(66.66% - .5px),#fff calc(66.66% - .5px) calc(66.66% + .5px),#0000 calc(66.66% + .5px));position:absolute;inset:0}.photo-ui.guides-off .frame{display:none}.focus-dot{border:1.5px solid var(--accent);border-radius:4px;width:34px;height:34px;margin:-17px 0 0 -17px;transition:left .15s,top .15s;position:absolute;top:50%;left:50%}.photo-bar{bottom:52px;left:50%;transform:translate(-50%)}.shutter{right:calc(28px + env(safe-area-inset-right));pointer-events:auto;cursor:pointer;background:var(--light);border:5px solid var(--accent);width:76px;height:76px;box-shadow:0 0 0 2px var(--light), 0 8px 24px #3b354240;border-radius:50%;margin-top:-38px;display:none;position:absolute;top:50%}.shutter:active{background:var(--accent);transform:scale(.94)}body[data-input=touch] .shutter{display:block}.pads{height:46vh;display:none;position:absolute;inset:auto 0 0;pointer-events:none!important}body[data-input=touch] .pads{display:block}.hud.in-photo .pads{display:none}.pad{bottom:calc(26px + env(safe-area-inset-bottom));border:1.5px dashed #fbf6ee99;border-radius:50%;width:92px;height:92px;transition:background .15s,border-color .15s,transform .15s;position:absolute}.pad:after{content:"";background:#fbf6eeb3;border-radius:8px 8px 50% 50%;width:16px;height:44px;margin:-22px 0 0 -8px;position:absolute;top:50%;left:50%}#pad-left{left:calc(30px + env(safe-area-inset-left))}#pad-left:after{transform:rotate(-24deg)}#pad-right{right:calc(30px + env(safe-area-inset-right))}#pad-right:after{transform:rotate(24deg)}.pad.on{background:var(--accent-soft);border-color:var(--accent);border-style:solid;transform:scale(1.08)}body[data-input=touch] .readout{top:calc(60px + env(safe-area-inset-top));bottom:auto;left:calc(22px + env(safe-area-inset-left))}body[data-input=touch] .readout>div{min-width:52px;padding:6px 10px}body[data-input=touch] .readout b{font-size:14px}body[data-input=touch] .readout .clock{display:flex}body[data-input=touch] .brand .place{display:none}body[data-input=touch] .hint{top:calc(114px + env(safe-area-inset-top));text-align:center;max-width:46vw;animation:1s 12s forwards hint-fade;display:block;bottom:auto;left:50%;transform:translate(-50%)}@keyframes hint-fade{to{opacity:0;visibility:hidden}}.rotate{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate{z-index:10;text-align:center;background:var(--night);color:var(--light);font-family:var(--serif);place-items:center;padding:32px;font-size:24px;font-style:italic;display:grid;position:fixed;inset:0}}.photo-hint{text-align:center;max-width:90vw;bottom:14px;left:50%;transform:translate(-50%)}.flash{opacity:0;pointer-events:none;background:#fff;transition:opacity .5s ease-out;position:fixed;inset:0}.flash.on{opacity:.85;transition:none}.toast{background:var(--paper);width:min(360px,100vw - 32px);color:var(--ink);border-radius:12px;padding:12px 12px 14px;animation:.5s cubic-bezier(.2,.9,.3,1.2) drop;position:fixed;bottom:22px;right:22px;transform:rotate(-1.2deg);box-shadow:0 24px 60px #2b273359}@keyframes drop{0%{opacity:0;transform:translateY(30px)rotate(3deg)}}.toast img{aspect-ratio:16/10;object-fit:cover;background:#ccc;border-radius:6px;width:100%;display:block}.toast-title{font-family:var(--serif);margin:10px 2px 2px;font-size:24px}.toast-sub{color:var(--ink-dim);margin:0 2px 12px;font-size:12.5px;line-height:1.4}.toast-actions{gap:8px;display:flex}.toast .chip{background:var(--accent);color:#fff;border-color:var(--accent);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.toast .chip+.chip{color:var(--ink);border-color:var(--line);background:0 0}.journal{background:var(--paper);width:min(980px,100vw - 32px);height:-moz-fit-content;height:fit-content;min-height:min(560px,100vh - 40px);max-height:calc(100vh - 40px);color:var(--ink);border-radius:18px;margin:auto;padding:26px 28px 18px;position:fixed;inset:0;overflow:auto;box-shadow:0 30px 90px #2b273366}.journal header{justify-content:space-between;align-items:center;display:flex}.journal h2{font-family:var(--serif);margin:0;font-size:40px;font-weight:500}.tabs{gap:22px;display:flex}.tabs button{cursor:pointer;font-family:var(--serif);color:#c4b8b0;background:0 0;border:0;padding:0;font-size:40px;font-weight:500}.tabs button.active{color:var(--ink)}.stars{color:var(--star);letter-spacing:.08em}.card p.stars{color:var(--star);margin-top:4px;font-size:13px}.toast-stars{color:var(--star);letter-spacing:.1em;margin:10px 2px 0;font-size:18px}.toast-stars+.toast-title{margin-top:2px}.photos{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.photo{cursor:pointer;aspect-ratio:16/10;background:#e8ddd2;border:0;border-radius:8px;padding:0;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;display:block}.photo span{color:#ffd98a;text-shadow:0 1px 3px #000000b3;font-size:12px;position:absolute;bottom:4px;left:6px}.viewer{background:var(--paper);border-radius:18px;flex-direction:column;gap:12px;padding:18px;display:flex;position:absolute;inset:0}.viewer img{object-fit:contain;background:var(--night);border-radius:10px;flex:1;width:100%;min-height:0}.viewer-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.viewer-bar p{color:var(--ink-dim);margin:0;font-size:13px}.journal .chip{background:var(--accent);color:#fff;border-color:var(--accent);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.journal-sub{color:var(--ink-dim);margin:4px 0 18px;font-size:13.5px}.cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;display:grid}.card{background:#fffaf4;border-radius:10px;padding:8px 8px 12px;box-shadow:0 4px 14px #3b35421a}.card:nth-child(odd){transform:rotate(-.8deg)}.card:nth-child(2n){transform:rotate(.7deg)}.card .ph{aspect-ratio:4/3;background:repeating-linear-gradient(45deg,#efe2d8,#efe2d8 6px,#f5ebe3 6px 12px);border-radius:6px;place-items:center;display:grid;overflow:hidden}.card .ph img{object-fit:cover;width:100%;height:100%}.card .ph{position:relative}.card .ph span{font-family:var(--serif);color:#d2b8aa;font-size:34px}.card .ph span.tag{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--glass-strong);border-radius:999px;padding:3px 7px;font-size:10px;font-weight:600;position:absolute;top:6px;left:6px}.album{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:22px;display:grid}.album-page{background:#fffaf4;border-radius:10px;grid-template-columns:1fr 1fr;gap:10px;padding:12px 12px 14px;display:grid;box-shadow:0 4px 14px #3b35421a}.album-page figure{aspect-ratio:16/10;margin:0;position:relative}.album-page figure img{object-fit:cover;width:100%;height:100%;display:block}.album-page figcaption{font-family:var(--serif);color:var(--ink-dim);font-size:14px;font-style:italic;position:absolute;bottom:-2px;right:6px;transform:translateY(100%)}.album-page p{font-family:var(--serif);color:var(--ink);grid-column:1/-1;margin:18px 2px 0;font-size:18px;font-style:italic;line-height:1.3}.old,.album-near{background:#f3ead9;padding:6px;transform:rotate(-1.2deg);box-shadow:0 2px 8px #3b35422e}.old img,.album-near img{filter:sepia(.65)saturate(.6)contrast(.88)brightness(1.06)blur(.3px)}.old:after,.album-near:after{content:"";pointer-events:none;position:absolute;inset:6px;box-shadow:inset 0 0 28px #6e503273}.album-page .new{border-radius:6px;overflow:hidden}.album-page .new.empty{font-family:var(--serif);color:#b89a8a;background:repeating-linear-gradient(45deg,#efe2d8,#efe2d8 6px,#f5ebe3 6px 12px);place-items:center;font-size:17px;font-style:italic;display:grid}.album-near{width:220px;margin:0;position:absolute;top:calc(7vh + 14px);left:calc(6vw + 14px)}.album-near img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.album-near figcaption{font-family:var(--serif);color:var(--ink);padding:6px 2px 0;font-size:15px;font-style:italic}.album-near.lined-up{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:720px){.album{grid-template-columns:1fr}.album-near{width:150px}}.card h3{font-family:var(--serif);margin:8px 2px 2px;font-size:20px;font-weight:500}.card p{color:var(--ink-dim);margin:0 2px;font-size:12px;line-height:1.4}.journal footer{text-align:right;margin-top:16px}.link{color:var(--ink-dim);cursor:pointer;background:0 0;border:0;font-size:12px;text-decoration:underline}.error{text-align:center;color:var(--light);background:var(--night);place-items:center;padding:24px;font-size:15px;line-height:1.5;display:grid;position:fixed;inset:0}@media (max-width:720px){.hint{display:none}.readout{bottom:70px}.readout>div{min-width:54px;padding:7px 10px}.moods button{padding:6px 9px;font-size:11.5px}.brand .place{display:none}.readout .clock{display:flex}}.loading.bench-progress{font-size:18px;inset:auto 0 24px}.bench{background:var(--paper);width:min(760px,100vw - 32px);height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 40px);color:var(--ink);-webkit-user-select:text;user-select:text;z-index:5;border-radius:18px;margin:auto;padding:24px 28px;position:fixed;inset:0;overflow:auto}.bench h2{font-family:var(--serif);margin:0 0 4px;font-size:34px;font-weight:500}.bench p{color:#5d584e;margin:0 0 14px;font-size:13.5px}.bench table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-bottom:16px;font-size:13px}.bench th,.bench td{text-align:left;border-bottom:1px solid #d8d0bf;padding:6px 8px}.bench .primary{background:var(--accent);color:#fff}.bench pre{background:#f8f4ea;border-radius:6px;max-height:200px;padding:10px;font-size:11px;overflow:auto}.settings h2{font-family:var(--serif);margin:0;font-size:40px;font-weight:500}.settings-grid{grid-template-columns:1.1fr 1fr;gap:32px;margin-top:8px;display:grid}.settings h3{font-family:var(--serif);justify-content:space-between;align-items:baseline;margin:18px 0 6px;font-size:22px;font-weight:500;display:flex}.settings .row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:8px 0;font-size:14px;display:flex}.settings .row small{color:var(--ink-dim);margin-top:2px;font-size:11.5px;display:block}.settings select{font:inherit;color:var(--ink);border:1px solid var(--line);background:#fffaf4;border-radius:999px;padding:5px 10px;font-size:13px}.settings input[type=checkbox]{appearance:none;cursor:pointer;background:#e3d8cf;border-radius:999px;flex:none;width:38px;height:22px;transition:background .2s;position:relative}.settings input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #3b354240}.settings input[type=checkbox]:checked{background:var(--accent)}.settings input[type=checkbox]:checked:after{left:19px}.settings input[type=range]{accent-color:var(--accent);width:140px}.settings-note{color:var(--ink-dim);margin:4px 0 10px;font-size:12.5px;line-height:1.4}.settings .chip.ghost{color:var(--ink);border-color:var(--line);background:0 0}.keys{grid-template-columns:1fr auto;align-items:center;gap:2px 12px;font-size:13px;display:grid}.keys button{font:inherit;border:1px solid var(--line);min-width:64px;color:var(--ink);cursor:pointer;background:#fffaf4;border-radius:8px;padding:4px 10px;font-size:12px}.keys button.waiting{border-color:var(--accent);background:#fde4da}@media (max-width:760px){.settings-grid{grid-template-columns:1fr;gap:0}}.captions{z-index:3;width:-moz-fit-content;width:fit-content;max-width:min(560px,90vw);color:var(--light);text-align:center;pointer-events:none;background:#2b2733c7;border-radius:12px;margin:0 auto;padding:6px 14px;font-size:14px;position:fixed;bottom:74px;left:0;right:0}.hud,.photo-ui,.journal,.toast,.title,.cabin{zoom:var(--ui-scale,1)}.captions{font-size:calc(14px * var(--ui-scale,1))}.journal{width:min(980px, calc((100vw - 32px) / var(--ui-scale,1)));max-height:calc((100vh - 40px) / var(--ui-scale,1));min-height:min(560px, calc((100vh - 40px) / var(--ui-scale,1)))}.toast{width:min(360px, calc((100vw - 32px) / var(--ui-scale,1)))}.cabin{pointer-events:none;background:linear-gradient(90deg,#2b273347,#2b273300 45%);justify-content:space-between;align-items:flex-end;gap:24px;padding:0 3vw 4vh;display:flex;position:fixed;inset:0}.cabin>*{pointer-events:auto}.cabin-card{background:var(--glass-strong);-webkit-backdrop-filter:blur(12px);border-radius:16px;width:min(380px,44vw);padding:22px 24px 24px;box-shadow:0 10px 34px #2b273338}.cabin-card .eyebrow{color:var(--ink-dim);opacity:1}.cabin-card h2{font-family:var(--serif);margin:2px 0 6px;font-size:36px;font-weight:500;line-height:1}.cabin-card h3,.wall h3{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin:18px 0 8px;font-size:11px;font-weight:600}.cabin-note{font-family:var(--serif);margin:0 0 16px;font-size:18px;line-height:1.35}.cabin-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cabin-rest{flex-wrap:wrap;gap:6px;display:flex}.cabin-rest button.active{background:var(--accent-soft)}.swatches{gap:10px;display:flex}.swatches button{cursor:pointer;border:2px solid #ffffffe6;border-radius:50%;width:30px;height:30px;padding:0;box-shadow:0 1px 4px #2b273340}.swatches button.active{outline:2px solid var(--ink);outline-offset:2px}.wall{background:#efe4d4;border-radius:12px;width:min(520px,46vw);padding:14px 18px 18px;box-shadow:0 10px 34px #2b273338,inset 0 0 0 6px #e4d6c2}.wall h3{margin-top:4px}.wall-photos{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.wall-photos figure{background:#fffaf4;margin:0;padding:5px 5px 14px;position:relative;box-shadow:0 3px 8px #3b35422e}.wall-photos figure:nth-child(3n+1){transform:rotate(-2deg)}.wall-photos figure:nth-child(3n+2){transform:rotate(1.4deg)}.wall-photos figure:nth-child(3n){transform:rotate(-.6deg)}.wall-photos figure:before{content:"";background:var(--accent);border-radius:50%;width:9px;height:9px;margin-left:-4px;position:absolute;top:-5px;left:50%;box-shadow:0 1px 2px #0000004d}.wall-photos img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.wall-photos figcaption{text-align:center;color:var(--star);font-size:9px;position:absolute;bottom:1px;left:0;right:0}.wall-note{font-family:var(--serif);color:var(--ink-dim);margin:12px 0 0;font-size:15px;font-style:italic}.fade{background:var(--night);opacity:0;pointer-events:none;z-index:30;transition:opacity .6s;position:fixed;inset:0}.fade.on{opacity:1}@media (max-width:720px),(max-height:500px){.cabin{flex-direction:row-reverse;align-items:center;padding:10px}.cabin-card{width:min(400px,56vw);max-height:calc(100vh - 20px);padding:12px 16px 14px;overflow-y:auto}.cabin-card h2{font-size:26px}.cabin-card h3{margin:10px 0 6px}.cabin-note{margin-bottom:10px;font-size:15px}.wall{display:none}}