@charset "UTF-8";:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;font-size:16px;--serif: "Noto Serif CJK SC", "Source Han Serif SC", "Songti SC", "SimSun", Georgia, serif;--transition-smooth: all .35s cubic-bezier(.2, .8, .25, 1)}:root,.twilight-burgundy{--paper: #1c0a10;--paper-surface: #291019;--ink: #fdf6ee;--ink-secondary: #e5cfc2;--accent: #d4af37;--accent-hover: #f3ca52;--on-accent: #1a080e;--muted: #bda297;--line: #4a1d2c;--gold: #d4af37;--wax: #9e1f32;--wax-border: #bf2d43;--envelope-bg: linear-gradient(145deg, #3d1421, #250a13);--envelope-front: linear-gradient(140deg, #441726, #2d0e19);--envelope-back: #200810;--card-bg: #2b111a;--letter-paper: #2d0e17;--letter-text: #faece0;--letter-title: #f5d69f;--header-border: rgba(212, 175, 55, .15);color:var(--ink);background:radial-gradient(circle at 50% 15%,#421625,#1c0a10 70%,#120509),var(--paper)}.midnight-spark,.evening-blue{--paper: #0b101c;--paper-surface: #141c2e;--ink: #f0f5ff;--ink-secondary: #c2d2ea;--accent: #8fb5f5;--accent-hover: #b2cefc;--on-accent: #09101d;--muted: #8294ae;--line: #263550;--gold: #c2d6f8;--wax: #395285;--wax-border: #4f70b3;--envelope-bg: linear-gradient(145deg, #1b2640, #0f1627);--envelope-front: linear-gradient(140deg, #212e4d, #131b2e);--envelope-back: #0a0e19;--card-bg: #141c2e;--letter-paper: #121929;--letter-text: #e6effc;--letter-title: #9ebff8;--header-border: rgba(143, 181, 245, .18);color:var(--ink);background:radial-gradient(circle at 50% 15%,#18233a,#0b101c 70%,#060910),var(--paper)}.cream-rose,.warm-paper{--paper: #fbf5ee;--paper-surface: #fffdfb;--ink: #3b252b;--ink-secondary: #6e4e55;--accent: #c2596c;--accent-hover: #ac4759;--on-accent: #fffafb;--muted: #8c7177;--line: #ebd6dc;--gold: #c98e72;--wax: #b83d53;--wax-border: #d4566d;--envelope-bg: linear-gradient(145deg, #f7e6dc, #eed3c5);--envelope-front: linear-gradient(140deg, #faebd7, #ecd5c9);--envelope-back: #dfc3b5;--card-bg: #fffbf9;--letter-paper: #fffcf9;--letter-text: #4a3036;--letter-title: #3b2227;--header-border: rgba(194, 89, 108, .15);color:var(--ink);background:radial-gradient(ellipse at 8% 45%,#fae5eb40,transparent 55%),radial-gradient(ellipse at 96% 0,#fff7f2,transparent 65%),var(--paper)}.warm-paper{--paper: #f3ebdd;--paper-surface: #faf5ec;--ink: #2e241a;--ink-secondary: #5c4a38;--accent: #a0612b;--accent-hover: #874f20;--on-accent: #fffaf2;--muted: #85715c;--line: #ddd0bb;--gold: #b8873f;--wax: #8c3a21;--wax-border: #a8492b;--envelope-bg: linear-gradient(145deg, #e9dcc5, #dccab0);--envelope-front: linear-gradient(140deg, #efe3cf, #ddc9ad);--envelope-back: #d1bc9c;--card-bg: #fbf7f0;--letter-paper: #fbf6ec;--letter-text: #3b2e22;--letter-title: #2e241a;--header-border: rgba(160, 97, 43, .16);background:radial-gradient(ellipse at 12% 20%,#fff6e6 0%,transparent 55%),var(--paper)}.evening-blue{--paper: #1a2233;--paper-surface: #222c40;--ink: #eef1f6;--ink-secondary: #c6cedb;--accent: #e8a87c;--accent-hover: #f2bd96;--on-accent: #1f1712;--muted: #8f9bb0;--line: #313d56;--gold: #e8a87c;--wax: #b5654a;--wax-border: #cf7a5c;--envelope-bg: linear-gradient(145deg, #2a3550, #1b2335);--envelope-front: linear-gradient(140deg, #2f3b58, #1e273b);--envelope-back: #151c2b;--card-bg: #222c40;--letter-paper: #1f283b;--letter-text: #e8ecf3;--letter-title: #f2c9a8;--header-border: rgba(232, 168, 124, .18);background:radial-gradient(ellipse at 50% 0%,#34405c,#1a2233 65%,#121826),var(--paper)}.sage-mist{--paper: #e9ede6;--paper-surface: #f4f6f1;--ink: #232b25;--ink-secondary: #4a5a4e;--accent: #56705b;--accent-hover: #455c4a;--on-accent: #f6f8f3;--muted: #74847a;--line: #d2dacd;--gold: #a88b52;--wax: #6b4f2e;--wax-border: #84643c;--envelope-bg: linear-gradient(145deg, #dde4d7, #ccd6c4);--envelope-front: linear-gradient(140deg, #e3e9dd, #cdd7c6);--envelope-back: #bfcab7;--card-bg: #f6f8f3;--letter-paper: #f7f8f2;--letter-text: #2c352e;--letter-title: #232b25;--header-border: rgba(86, 112, 91, .16);color:var(--ink);background:radial-gradient(ellipse at 85% 10%,#f7faf3 0%,transparent 55%),var(--paper)}.ink-gold{--paper: #0f0e0d;--paper-surface: #1a1816;--ink: #f3ede2;--ink-secondary: #cfc5b4;--accent: #c9a25a;--accent-hover: #ddb872;--on-accent: #15110a;--muted: #9a8f7e;--line: #2e2a24;--gold: #c9a25a;--wax: #7a2a1e;--wax-border: #9a3826;--envelope-bg: linear-gradient(145deg, #23201c, #141210);--envelope-front: linear-gradient(140deg, #2a2621, #171512);--envelope-back: #0c0b0a;--card-bg: #1a1816;--letter-paper: #171513;--letter-text: #ece4d6;--letter-title: #e3c88f;--header-border: rgba(201, 162, 90, .16);color:var(--ink);background:radial-gradient(ellipse at 50% 0%,#2a241c,#0f0e0d 60%),var(--paper)}.peach-soda{--paper: #fff3ec;--paper-surface: #fffaf6;--ink: #3a201b;--ink-secondary: #6d463d;--accent: #f0645a;--accent-hover: #dc5148;--on-accent: #fffaf6;--muted: #9a7469;--line: #f6d9cc;--gold: #f2a65a;--wax: #d9483f;--wax-border: #ee5e54;--envelope-bg: linear-gradient(145deg, #ffe2d3, #ffd0bd);--envelope-front: linear-gradient(140deg, #ffe8db, #fdcdb8);--envelope-back: #f7bfa6;--card-bg: #fffaf6;--letter-paper: #fffbf7;--letter-text: #4a2a23;--letter-title: #3a201b;--header-border: rgba(240, 100, 90, .16);color:var(--ink);background:radial-gradient(ellipse at 10% 0%,#ffe0d0 0%,transparent 50%),radial-gradient(ellipse at 95% 90%,#fff0d9 0%,transparent 55%),var(--paper)}.sea-salt{--paper: #e8eff0;--paper-surface: #f3f7f7;--ink: #1b2a2e;--ink-secondary: #415a60;--accent: #2f6f7a;--accent-hover: #245a63;--on-accent: #f3f8f8;--muted: #6c8489;--line: #cfdcde;--gold: #c49a5e;--wax: #8e3b33;--wax-border: #a84a40;--envelope-bg: linear-gradient(145deg, #dbe6e7, #c8d8da);--envelope-front: linear-gradient(140deg, #e1eaeb, #c9d9db);--envelope-back: #b9cccf;--card-bg: #f4f8f8;--letter-paper: #f5f8f7;--letter-text: #22343a;--letter-title: #1b2a2e;--header-border: rgba(47, 111, 122, .16);color:var(--ink);background:radial-gradient(ellipse at 80% 0%,#f7fbfb 0%,transparent 55%),var(--paper)}*{box-sizing:border-box}body{margin:0;background-color:var(--paper);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;text-wrap:balance}h1{font-size:42px;line-height:1.55;letter-spacing:.05em;overflow-wrap:anywhere}h2{font-size:24px;line-height:1.5}main:focus{outline:none}.gift-app{min-height:100svh;position:relative;isolation:isolate;background-color:var(--paper);transition:background .4s ease}.gift-app:after{content:"";position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.4' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.site-header{max-width:1320px;margin:auto;padding:0 48px;height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--header-border)}.wordmark{display:flex;gap:14px;align-items:center;background:none;padding:0;text-align:left;font-family:var(--serif);font-size:18px;letter-spacing:.12em}.wordmark small{font:9px Georgia,serif;letter-spacing:.22em;display:block;margin-top:5px;color:var(--muted)}.brand-mark{width:34px;height:40px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:16px 16px 2px 2px;font-size:17px;color:var(--accent);box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4px var(--line)}.header-actions{display:flex;align-items:center;gap:20px}.header-note{color:var(--muted);font-size:12px;letter-spacing:.14em;display:flex;align-items:center;gap:12px}.tiny-star{color:var(--accent);font-size:20px}.music-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;background:#ffffff0d;border:1px solid var(--line);color:var(--muted);font-size:11px;letter-spacing:.08em;transition:var(--transition-smooth)}.music-btn:hover{background:#ffffff1a;color:var(--ink);border-color:var(--accent)}.music-btn.playing{color:var(--accent);border-color:var(--accent);box-shadow:0 0 12px #d4af3733}.music-icon{width:16px;height:16px;flex-shrink:0}.music-wave{animation:music-pulse 1.2s infinite ease-in-out}@keyframes music-pulse{0%,to{opacity:.3;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1.3)}}.experience{max-width:1200px;padding:48px 36px 44px;margin:auto;min-height:calc(100svh - 192px);display:flex;align-items:center}.experience>section{width:100%}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--muted);line-height:1.7;margin-bottom:22px;text-transform:uppercase}.description{font-size:15px;line-height:1.9;color:var(--ink-secondary);margin-top:20px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:52px;padding:14px 26px;background:var(--accent);color:var(--on-accent, #1a080e);font-size:14px;font-weight:500;letter-spacing:.08em;border-radius:3px;box-shadow:0 6px 18px #00000040;transition:background .25s,transform .25s,box-shadow .25s;max-width:100%}.cream-rose .primary,.warm-paper .primary{color:#fff;background:var(--accent)}.primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 10px 24px #00000059}.primary:disabled{background:var(--line);color:var(--muted);box-shadow:none;cursor:not-allowed}.arrow{width:20px;height:20px;flex-shrink:0}.text-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;background:none;color:var(--muted);font-size:12px;gap:10px}.text-button:hover{color:var(--accent)}.quiet-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:14px;letter-spacing:.04em}.stage-enter{animation:stage-in .65s cubic-bezier(.2,.65,.25,1) both}@keyframes stage-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cover{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;min-height:490px}.cover-copy{grid-column:2;grid-row:1}.cover h1{font-size:44px;max-width:440px;line-height:1.55;letter-spacing:.06em}.cover-subtitle{font-family:var(--serif);font-size:17px;line-height:1.9;color:var(--ink-secondary);margin-top:22px;letter-spacing:.1em}.date-line{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--accent);margin:26px 0 28px;letter-spacing:.1em}.date-line span{width:24px;height:1px;background:var(--accent);opacity:.6}.envelope-scene{grid-column:1;grid-row:1;position:relative;padding:85px 10px 55px;perspective:1000px}.desk-label{display:block;color:var(--muted);font:10px Georgia,serif;letter-spacing:.22em;position:absolute;top:20px;left:24px;transform:rotate(-6deg);opacity:.7}.envelope{width:100%;aspect-ratio:1.53;position:relative;background:none;display:block;transform:rotate(-6deg);filter:drop-shadow(8px 24px 28px rgba(0,0,0,.45));perspective:1000px;transition:transform .5s ease,filter .5s ease}.envelope:hover:not(:disabled){transform:rotate(-4deg) translateY(-4px);filter:drop-shadow(10px 28px 32px rgba(0,0,0,.55))}.env-back{position:absolute;inset:0;background:var(--envelope-back);border-radius:4px;box-shadow:inset 0 0 16px #0006}.env-front{position:absolute;inset:0;background:var(--envelope-front);clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);z-index:4;border-radius:4px;border-bottom:1px solid rgba(255,255,255,.05)}.env-front:after{content:"";position:absolute;inset:0;background:linear-gradient(34deg,transparent 49.6%,rgba(212,175,55,.12) 50%,transparent 50.4%),linear-gradient(-34deg,transparent 49.6%,rgba(212,175,55,.12) 50%,transparent 50.4%)}.env-flap{position:absolute;inset:0 0 40%;z-index:6;background:var(--envelope-bg);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;backface-visibility:visible;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.env-letter{position:absolute;inset:10% 6% 4%;background:var(--letter-paper);z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-shadow:0 -4px 12px #0000004d;font-size:10px;letter-spacing:.08em;padding:20px;color:var(--letter-text);transform:translateY(0)}.env-letter img{width:62%;aspect-ratio:1.5;object-fit:cover;border:4px solid rgba(255,255,255,.2);border-radius:2px}.letter-mini-title{font:15px var(--serif);color:var(--letter-title)}.env-address{position:absolute;left:9%;bottom:13%;z-index:5;text-align:left;display:flex;align-items:baseline;gap:10px}.env-address small{font-size:11px;color:var(--muted)}.env-address strong{font:21px var(--serif);letter-spacing:.08em;color:var(--ink);max-width:220px;overflow-wrap:anywere}.env-address i{font-style:normal;font:11px var(--serif);color:var(--accent)}.env-stamp{position:absolute;z-index:5;right:6%;top:13%;padding:5px;outline:1px dashed var(--accent);outline-offset:2px;background:#d4af3726;width:52px;height:64px;color:var(--ink);text-align:center;transform:rotate(5deg)}.env-stamp span{font:7px Georgia,serif;letter-spacing:1px;display:block}.env-stamp b{font:24px Georgia,serif;display:block;margin-top:5px;color:var(--accent)}.env-postmark{position:absolute;z-index:7;right:12%;top:12%;width:110px;height:62px;border:1px solid rgba(212,175,55,.35);border-radius:50%;font:8px/2 Georgia,serif;color:var(--muted);text-align:center;display:grid;place-content:center;transform:rotate(-12deg);pointer-events:none}.wax-seal{width:58px;height:58px;background:radial-gradient(circle at 35% 28%,var(--wax-border),var(--wax) 70%);color:#faeade;position:absolute;z-index:8;top:48%;left:50%;transform:translate(-50%,-50%) rotate(4deg);border-radius:48% 52% 46% 51%;display:grid;place-items:center;box-shadow:2px 4px 10px #00000073,inset 0 0 0 3px #ffffff26;cursor:pointer;transition:transform .2s cubic-bezier(.3,1.5,.5,1),box-shadow .2s ease}.wax-seal span{border:1px solid rgba(243,229,184,.4);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font:20px var(--serif);color:#f7e6d0}.wax-seal.pressing{animation:wax-heartbeat .7s infinite alternate ease-in-out;box-shadow:0 0 25px #d4af3799,2px 4px 12px #00000080}@keyframes wax-heartbeat{0%{transform:translate(-50%,-50%) rotate(4deg) scale(.96)}to{transform:translate(-50%,-50%) rotate(4deg) scale(1.12)}}.wax-press-hint{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.1em;color:var(--accent);white-space:nowrap;pointer-events:none;opacity:.85}.under-envelope-note{display:block;margin-top:40px;color:var(--muted);font:12px var(--serif);letter-spacing:.1em;text-align:center;transform:rotate(-6deg)}.pressed-flower{position:absolute;width:96px;right:-10px;bottom:16px;transform:rotate(20deg);opacity:.75}.is-opening .envelope{transform:rotate(-2deg) translateY(24px)}.is-opening .env-flap{animation:flap-open .75s cubic-bezier(.4,0,.2,1) forwards}.is-opening .wax-seal{animation:seal-away .35s ease forwards}.is-opening .env-letter{animation:letter-out .8s .5s cubic-bezier(.2,.6,.2,1) forwards}@keyframes flap-open{0%{transform:rotateX(0)}55%{z-index:6}to{transform:rotateX(180deg);z-index:1}}@keyframes seal-away{to{opacity:0;transform:translate(-50%,-40%) rotate(25deg) scale(.6)}}@keyframes letter-out{to{transform:translateY(-70%) rotate(1deg)}}.puzzle-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.chapter-copy h1{font-size:36px}.small-rule{width:44px;height:1px;background:var(--accent);opacity:.6;margin:32px 0 24px}.progress-copy{font-size:13px;color:var(--accent);letter-spacing:.06em}.puzzle-workspace{text-align:center;max-width:490px;width:100%;margin:auto}.flip-card-container{perspective:1200px;width:100%;margin:auto}.flip-card-inner{position:relative;width:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,.2,.2,1)}.flip-card-inner.flipped{transform:rotateY(180deg)}.flip-card-container.is-complete{cursor:pointer}.photo-frame{padding:12px 12px 0;background:var(--card-bg);border:1px solid var(--line);box-shadow:0 16px 36px #00000059;position:relative;border-radius:2px;transition:box-shadow .3s;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-front{z-index:2;transform:rotateY(0)}.flip-back{position:absolute;inset:0;transform:rotateY(180deg);background:linear-gradient(135deg,var(--card-bg),var(--paper-surface));border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;padding:24px}.secret-back-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;width:100%;height:100%;border:1px dashed rgba(212,175,55,.4);padding:20px 24px;background:#0003}.secret-top-tag{font:10px Georgia,serif;letter-spacing:.18em;color:var(--accent)}.secret-quote{font:17px/1.85 var(--serif);color:var(--ink);letter-spacing:.05em;margin:8px 0}.secret-seal-icon{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.secret-heart{color:#d44a5d;font-size:15px}.flip-back-prompt{font-size:11px;color:var(--accent);letter-spacing:.08em;margin-top:4px}.puzzle-board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);aspect-ratio:1;background:#00000040;gap:0;position:relative;border:1px solid var(--line)}.puzzle-slot{position:relative;overflow:hidden;border:1px dashed rgba(212,175,55,.35);background:#ffffff05;padding:0;min-width:0;aspect-ratio:1}.puzzle-slot img,.photo-piece img{position:absolute;max-width:none;width:300%;height:300%;object-fit:cover;user-select:none;pointer-events:none}.puzzle-slot.placed{border:0;animation:snap .25s ease-out}.slot-number{font:12px Georgia,serif;color:var(--muted);display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;margin:auto}.photo-caption{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:46px;color:var(--muted);font:10px Georgia,serif;letter-spacing:.1em}.caption-flip-hint{color:var(--accent);font-weight:500}.pieces{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 12px;margin:18px 0 10px}.piece-home{position:relative;aspect-ratio:1}.photo-piece{position:absolute;inset:0;overflow:hidden;padding:0;border:2px solid var(--card-bg);background:var(--paper-surface);border-radius:3px;box-shadow:0 6px 14px #00000059;touch-action:none;user-select:none;cursor:grab;transition:box-shadow .2s,transform .2s}.piece-0{transform:rotate(-3deg)}.piece-1{transform:rotate(2.5deg)}.piece-2{transform:rotate(-1.5deg)}.piece-3{transform:rotate(3deg)}.piece-4{transform:rotate(-2deg)}.piece-5{transform:rotate(1.5deg)}.piece-6{transform:rotate(-3.5deg)}.piece-7{transform:rotate(2deg)}.piece-8{transform:rotate(-1deg)}.photo-piece.selected{outline:2px solid var(--accent);outline-offset:3px}.photo-piece.dragging{cursor:grabbing;box-shadow:0 18px 28px #0009;opacity:.95;transition:none}.piece-tag{position:absolute;bottom:4px;right:4px;font:10px Georgia,serif;background:#0009;color:var(--ink);padding:2px 5px;border-radius:2px}.placed-mark{height:100%;display:grid;place-items:center;color:var(--accent);font-size:20px}.photo-frame.complete{border-color:var(--accent);box-shadow:0 0 24px #d4af3740,0 16px 36px #0006}.puzzle-hint{font-size:13px;line-height:1.8;min-height:42px;color:var(--ink-secondary);margin-top:10px}.puzzle-workspace>.primary{margin-top:12px}@keyframes snap{0%{opacity:.5;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.phase-explore{padding-top:24px;padding-bottom:24px}.section-heading{text-align:center}.section-heading .eyebrow{margin-bottom:12px}.section-heading h1{font-size:36px}.section-heading .description{margin-top:12px}.collection-status{font-size:12px;color:var(--muted);letter-spacing:.1em;margin-top:18px}.collection-status b{font-weight:500;color:var(--accent);margin:0 6px}.memory-desk{display:flex;justify-content:center;gap:36px;position:relative;padding:36px 36px 18px;max-width:920px;margin:auto}.desk-date{position:absolute;top:10px;left:20px;transform:rotate(-6deg);font:11px var(--serif);color:var(--muted)}.desk-date span{display:block;font:7px Georgia,serif;letter-spacing:1px;margin-top:6px;color:var(--accent)}.memory-object{position:relative;background:none;width:240px;min-width:0;padding:0 0 14px;transition:transform .35s ease;flex:1;max-width:260px;border-radius:4px}.object-art{width:100%;display:block;transition:transform .4s cubic-bezier(.2,.65,.3,1),filter .4s ease}.object-0 .object-art{transform:rotate(-6deg)}.object-1 .object-art{transform:rotate(3deg)}.object-2 .object-art{transform:rotate(7deg)}.memory-object:hover .object-art{transform:translateY(-8px) rotate(0);filter:drop-shadow(0 12px 20px rgba(212,175,55,.25))}.memory-object.active .object-art{animation:object-lift .5s both}.object-0.active .ticket-art{animation:ticket-slide .6s cubic-bezier(.2,.8,.3,1) both}.object-1.active .camera-art{animation:camera-flash .6s ease both}.object-2.active .keepsake-art{animation:locket-turn .6s ease both}@keyframes ticket-slide{0%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-16px) rotate(2deg) scale(1.05)}to{transform:translateY(-8px) rotate(0)}}@keyframes camera-flash{0%{transform:translateY(0) scale(1);filter:brightness(1)}35%{transform:translateY(-12px) scale(1.06);filter:brightness(1.6) drop-shadow(0 0 20px #ffffff)}to{transform:translateY(-8px) scale(1);filter:brightness(1)}}@keyframes locket-turn{0%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(-14px) rotate(-12deg) scale(1.08)}to{transform:translateY(-8px) rotate(0)}}.object-label{font:14px var(--serif);display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0;min-height:44px}.object-label small{font:10px Georgia,serif;color:var(--accent)}.object-label i{font-style:normal;font:14px sans-serif;color:var(--accent);width:22px;height:22px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;flex-shrink:0}.collected .object-label i{color:#120509;background:var(--accent);border-color:var(--accent)}.memory-detail{max-width:760px;margin:0 auto;min-height:160px}.empty-memory{padding:42px 20px;text-align:center;color:var(--muted);font:16px/1.9 var(--serif)}.empty-memory span{font:12px/1.8 sans-serif;display:block;margin-top:10px;color:var(--ink-secondary)}.memory-reveal{position:relative;display:flex;gap:24px;background:var(--card-bg);border:1px solid var(--line);padding:22px 44px 22px 22px;animation:stage-in .35s both;box-shadow:0 10px 24px #00000059;min-height:160px;border-radius:3px}.memory-reveal>img{width:150px;aspect-ratio:1.5;object-fit:cover;align-self:center;border:4px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #0000004d;transform:rotate(-2deg)}.memory-reveal .eyebrow{font-size:10px;margin:0 0 6px}.memory-reveal h2{font-size:21px;margin-bottom:8px;color:var(--accent)}.memory-reveal p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--ink)}.close-memory{position:absolute;top:4px;right:4px;width:44px;height:44px;background:none;font-size:24px;color:var(--muted)}.close-memory:hover{color:var(--accent)}.unlock-area{text-align:center;margin-top:24px}.letter-scene{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:start;max-width:1040px;margin:auto}.letter-side{padding-top:48px}.letter-side>p:not(.eyebrow){font:28px/1.8 var(--serif);letter-spacing:.08em;color:var(--ink)}.side-date{display:block;font-size:12px;color:var(--accent);margin-top:36px;letter-spacing:.12em}.personal-letter{background:var(--letter-paper);color:var(--letter-text);padding:44px 48px;box-shadow:0 20px 48px #00000073;border-top:3px solid var(--accent);position:relative;border-radius:2px;overflow:hidden;transition:var(--transition-smooth)}.letter-custom-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background-repeat:no-repeat}.letter-bg-overlay{position:absolute;inset:0;z-index:1;pointer-events:none}.letter-content-wrapper{position:relative;z-index:2}.personal-letter.preset-burgundy{background:linear-gradient(145deg,#320d16,#20070e);color:#faeee2;border:1px solid rgba(212,175,55,.3);border-top:3px solid #d4af37}.personal-letter.preset-midnight{background:linear-gradient(145deg,#151b2e,#0c111f);color:#cddcf2;border:1px solid rgba(143,181,245,.3);border-top:3px solid #8fb5f5}.personal-letter.preset-classic{background:#fffcf8;color:#3d282e;border:1px solid #e8d8ce;border-top:3px solid #c2596c}.personal-letter.has-decorative-border .letter-content-wrapper{padding:12px;outline:1px solid rgba(212,175,55,.35);outline-offset:10px}.letter-topline{display:flex;justify-content:space-between;color:var(--accent);font:10px Georgia,serif;letter-spacing:.16em;border-bottom:1px solid rgba(212,175,55,.25);padding-bottom:18px;margin-bottom:26px}.letter-topline span+span{font-size:18px;line-height:9px}.personal-letter h1{font-size:28px;margin-bottom:24px;line-height:1.6;color:var(--letter-title)}.letter-dear{font-family:var(--serif);font-size:17px;margin-bottom:20px;color:var(--accent);overflow-wrap:anywhere}.letter-body{font:16px/2 var(--serif);letter-spacing:.05em;overflow-wrap:anywhere}.letter-body p{margin-bottom:18px;animation:stage-in .5s both}.letter-signature{display:flex;flex-direction:column;align-items:flex-end;font:13px/1.9 var(--serif);gap:6px;margin:32px 0}.letter-signature strong{font:22px var(--serif);color:var(--accent)}.letter-signature.sig-cursive strong{font-style:italic;letter-spacing:.1em}.letter-signature small{font-size:11px;color:var(--muted)}.personal-letter>.primary,.letter-content-wrapper>.primary{width:100%}.ending{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1020px;margin:auto}.ending-photo{position:relative;padding:24px 8px;transform:rotate(-4deg)}.ending-photo>.photo-frame{padding:14px 14px 0}.ending-photo img{width:100%;aspect-ratio:1.25;object-fit:cover}.ending-photo .photo-caption{min-height:52px;font-size:10px}.card-tape{position:absolute;width:90px;height:28px;top:8px;left:50%;background:#d4af3740;transform:translate(-50%) rotate(2deg);border-left:2px dotted rgba(255,255,255,.4);border-right:2px dotted rgba(255,255,255,.4)}.ending-copy h1{font-size:40px;line-height:1.6}.closing-line{font:18px/1.95 var(--serif);color:var(--accent);margin:22px 0;overflow-wrap:anywhere;white-space:pre-line}.ending-names{font-size:13px;line-height:1.9;margin-bottom:26px;color:var(--muted)}.ending-names span{color:var(--accent);padding:0 12px;font:14px var(--serif)}.replay{display:flex;margin-top:10px;justify-content:flex-start}.generated-card{grid-column:1 / -1;text-align:center;padding-top:30px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.generated-card>img{max-width:360px;width:100%;margin:16px auto 0;box-shadow:0 16px 36px #00000080;border:1px solid var(--accent)}.site-footer{min-height:96px;border-top:1px solid var(--header-border);gap:24px;max-width:1320px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between}.footer-caption{font-size:10px;color:var(--muted);letter-spacing:.12em}.journey{list-style:none;display:flex;gap:28px;margin:0;padding:0}.journey li{display:flex;align-items:center;gap:8px;font-size:11px;position:relative;color:var(--muted)}.journey li+li:before{content:"";width:10px;height:1px;background:var(--line);position:absolute;left:-19px;top:50%}.journey b{font-weight:400}.journey li>span{font:10px Georgia,serif}.journey .current{color:var(--accent);font-weight:500}.journey .current>span{width:24px;height:24px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center}.journey .done{color:var(--muted)}.demo-nav{display:flex;gap:20px;justify-content:center;padding:10px 16px;font-size:12px;background:#0006;border-top:1px solid var(--line);flex-wrap:wrap}.demo-nav a{color:var(--muted);padding:4px 10px;border-radius:3px;border:1px solid transparent}.demo-nav a:hover,.demo-nav a.active{color:var(--accent);border-color:var(--accent);background:#d4af371a}.error-screen,.loading{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px;gap:20px;text-align:center}.loading-seal{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--wax);color:#fff;font:24px var(--serif);animation:stage-in 1s infinite alternate;border:2px solid var(--accent)}@media(max-width:1050px){.cover{gap:36px}.cover h1{font-size:36px}.experience{padding-left:28px;padding-right:28px}.puzzle-layout{gap:40px}.chapter-copy h1{font-size:28px}.letter-scene,.ending{gap:40px}.site-header,.site-footer{padding:0 28px}}@media(max-width:768px){h1{font-size:28px}.site-header{height:72px;padding:0 20px}.wordmark{font-size:14px}.wordmark small{display:none}.brand-mark{width:28px;height:32px;font-size:14px}.header-note{display:none}.experience{min-height:calc(100svh - 160px);padding:24px 18px 28px}.cover{display:grid;grid-template-columns:1fr;gap:0;max-width:440px;margin:auto;text-align:center}.cover-copy{display:contents}.cover-copy .eyebrow{grid-row:1;margin:0 0 12px}.cover h1{grid-row:2;font-size:28px;justify-self:center}.cover-subtitle{grid-row:3;font-size:14px;margin-top:10px}.envelope-scene{grid-column:1;grid-row:4;width:100%;max-width:320px;justify-self:center;padding:44px 10px 36px;margin-top:8px}.date-line{grid-row:5;margin:8px 0 20px;justify-content:center}.cover-copy>.primary{grid-row:6;justify-self:center;width:100%;max-width:280px}.cover-copy>.quiet-note{grid-row:7;font-size:10px}.puzzle-layout{display:flex;flex-direction:column;gap:20px}.chapter-copy{text-align:center}.chapter-copy h1{font-size:24px}.chapter-copy .description{font-size:13px}.small-rule{display:none}.puzzle-workspace{max-width:340px}.memory-desk{padding:20px 0 8px;gap:8px}.desk-date{display:none}.object-label{font-size:12px}.memory-reveal{flex-direction:column;padding:18px 20px}.memory-reveal>img{width:100%;aspect-ratio:1.6}.letter-scene{display:flex;flex-direction:column;gap:20px}.letter-side{padding-top:0;text-align:center;width:100%}.letter-side>p:not(.eyebrow){display:none}.personal-letter{padding:28px 22px;width:100%}.personal-letter h1{font-size:22px}.ending{display:flex;flex-direction:column;gap:24px}.ending-photo{max-width:280px;width:90%}.ending-copy{text-align:center;width:100%}.ending-copy h1{font-size:28px}.ending-copy>.primary{width:100%;max-width:280px;margin:auto}.replay{justify-content:center}.site-footer{min-height:88px;padding:16px 20px;flex-wrap:wrap;justify-content:center}.site-footer .footer-caption{display:none}.journey{gap:16px}}@media(max-width:390px){.site-header{height:64px;padding:0 16px}.experience{padding:18px 14px 24px}.cover h1{font-size:24px}.envelope-scene{max-width:280px;padding:36px 8px 30px}.wax-seal{width:48px;height:48px}.wax-seal span{width:28px;height:28px;font-size:16px}.puzzle-workspace{max-width:290px}.pieces{gap:12px;padding:0 10px}.personal-letter{padding:24px 16px}.personal-letter h1{font-size:20px}.letter-dear,.letter-body{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.desk-status-bar{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin-top:12px}.camera-reset-btn{padding:6px 14px;border:1px solid var(--accent);border-radius:20px;background:#d4af371f;font-size:12px}.scene-25d-viewport{position:relative;max-width:1020px;margin:22px auto 26px;padding:28px 24px 36px;perspective:1400px;overflow:hidden;border-radius:10px;background:radial-gradient(ellipse at 50% 15%,#d4af3724,#0f050ad9 75%);border:1px solid var(--line);box-shadow:0 28px 64px #0000009e,inset 0 1px #ffffff14}.camera-flash-overlay{position:absolute;inset:0;z-index:60;background:radial-gradient(circle,rgba(255,252,235,.92) 0%,rgba(255,230,180,.35) 60%,transparent 100%);pointer-events:none;animation:flash-burst .55s ease-out forwards}@keyframes flash-burst{0%{opacity:1}to{opacity:0}}.scene-25d-camera-rig{position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,1,.36,1);min-height:410px;display:flex;flex-direction:column;justify-content:center}.layer-bg-environment{position:absolute;inset:-16px -16px auto;height:165px;transform:translateZ(-70px);pointer-events:none;overflow:hidden;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#0c0408e6,#2a0e1861)}.window-blinds-shadow{position:absolute;inset:0;background:repeating-linear-gradient(-18deg,rgba(255,224,172,.04) 0px,rgba(255,224,172,.04) 14px,transparent 14px,transparent 34px)}.bokeh-orb{position:absolute;border-radius:50%;filter:blur(12px);opacity:.45;animation:bokeh-float 7s ease-in-out infinite alternate}.bokeh-orb.orb-1{width:96px;height:96px;top:12px;left:16%;background:radial-gradient(circle,rgba(245,200,125,.55),transparent 70%)}.bokeh-orb.orb-2{width:130px;height:130px;top:-10px;right:20%;background:radial-gradient(circle,rgba(212,108,128,.45),transparent 70%);animation-delay:1.5s}.bokeh-orb.orb-3{width:72px;height:72px;top:32px;left:52%;background:radial-gradient(circle,rgba(255,232,185,.5),transparent 70%);animation-delay:3s}@keyframes bokeh-float{0%{transform:translateY(0) scale(1)}to{transform:translateY(-10px) scale(1.08)}}.ambient-wall-clock{position:absolute;top:14px;right:22px;font:11px Georgia,serif;letter-spacing:.18em;color:var(--accent);opacity:.72}.layer-desk-surface{position:relative;transform-style:preserve-3d;margin-top:42px;padding:34px 28px 54px;border-radius:8px;background:radial-gradient(ellipse at 50% 35%,rgba(255,218,158,.12),transparent 70%),linear-gradient(165deg,#2d121b,#1d0a10 58%,#13060a);border:1px solid rgba(212,175,55,.35);box-shadow:0 24px 48px #000000b3,inset 0 2px 18px #ffe6be12;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:end}.desk-velvet-mat{position:absolute;inset:14px;border:1px dashed rgba(212,175,55,.25);border-radius:5px;pointer-events:none}.brass-plate{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font:9px Georgia,serif;letter-spacing:.22em;color:var(--accent);background:#12060ad9;padding:3px 14px;border:1px solid rgba(212,175,55,.38);border-radius:2px;white-space:nowrap}.desk-standing-frame{position:absolute;top:-32px;left:26px;width:112px;padding:6px 6px 16px;background:#240d15;border:1.5px solid var(--accent);box-shadow:0 14px 26px #000000a6;transform:translateZ(30px) rotate(-5deg);pointer-events:none;z-index:4}.standing-frame-inner{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden}.standing-frame-inner img{width:100%;height:100%;object-fit:cover}.frame-glass-sheen{position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.24) 0%,transparent 48%)}.standing-frame-tag{display:block;text-align:center;font:7px Georgia,serif;letter-spacing:.15em;color:var(--accent);margin-top:5px}.desk-item-3d{position:relative;background:none;border:none;padding:10px 6px 12px;cursor:pointer;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.22,1,.36,1),filter .35s ease;width:100%;max-width:230px;margin:0 auto;z-index:5}.item-elevation-shadow{position:absolute;left:12%;right:12%;bottom:36px;height:18px;background:radial-gradient(ellipse at center,rgba(0,0,0,.68) 0%,transparent 75%);filter:blur(6px);transform:translateZ(-12px);transition:transform .42s ease,opacity .42s ease;pointer-events:none}.item-envelope-3d{transform:translateZ(20px) rotate(-4deg)}.item-ticket-3d{transform:translateZ(16px) rotate(3deg)}.item-camera-3d{transform:translateZ(34px) rotate(-2deg)}.item-keepsake-3d{transform:translateZ(24px) rotate(5deg)}.desk-item-3d:hover{transform:translateZ(46px) translateY(-10px) rotate(0) scale(1.04);filter:drop-shadow(0 16px 26px rgba(212,175,55,.28))}.desk-item-3d:hover .item-elevation-shadow{transform:translateZ(-24px) scale(.88);opacity:.45}.env3d-body{position:relative;width:100%;aspect-ratio:1.5;background:linear-gradient(155deg,#ead5bc,#cfb08c);border:1.5px solid #b58e58;border-radius:4px;box-shadow:0 10px 24px #00000073;overflow:visible}.env3d-flap{position:absolute;top:0;left:0;right:0;height:56%;background:linear-gradient(180deg,#dfbe98,#c7a278);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top center;transition:transform .55s cubic-bezier(.22,1,.36,1);z-index:4}.item-envelope-3d.is-open .env3d-flap{transform:rotateX(165deg);z-index:1}.env3d-extracted-sheet{position:absolute;left:8%;right:8%;bottom:14%;background:#fffcf7;color:#361820;padding:8px 10px;border:1px solid #d4af37;box-shadow:0 6px 16px #00000047;transform:translateY(0);opacity:.25;transition:transform .6s cubic-bezier(.22,1,.36,1) .12s,opacity .45s ease;z-index:2;text-align:left}.env3d-extracted-sheet small{display:block;font:7px Georgia,serif;letter-spacing:.15em;color:#8b263e}.env3d-extracted-sheet strong{display:block;font:11px var(--serif);margin:2px 0;color:#2b1017}.env3d-extracted-sheet p{font:9px/1.4 sans-serif;color:#5a3840;margin:0}.item-envelope-3d.is-open .env3d-extracted-sheet{transform:translateY(-42%);opacity:1}.env3d-pocket{position:absolute;inset:0;background:linear-gradient(0deg,#d7b791,#e6ccb0 65%);clip-path:polygon(0 100%,0 24%,50% 66%,100% 24%,100% 100%);z-index:3;border-radius:0 0 4px 4px}.env3d-wax{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#cf3448,#7d1524);border:1px solid #f3e5b8;color:#faebd7;font:12px var(--serif);display:grid;place-items:center;z-index:5;box-shadow:0 4px 10px #0006}.desk-item-caption{font:13px var(--serif);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:8px;padding-top:10px;min-height:44px}.desk-item-caption small{font:10px Georgia,serif;color:var(--accent)}.ticket-3d-flipper{position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,1,.36,1)}.item-ticket-3d.is-flipped .ticket-3d-flipper{transform:rotateY(180deg) translateY(-6px)}.ticket-3d-front,.ticket-3d-back{backface-visibility:hidden;-webkit-backface-visibility:hidden}.ticket-3d-back{position:absolute;inset:14px 12px;transform:rotateY(180deg);background:linear-gradient(135deg,#f6e7d3,#e4c8a6);border:1.5px solid #9e7a47;border-radius:4px;padding:10px 12px;color:#361920;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 10px 24px #00000073}.ticket-back-stamp{font:7px Georgia,serif;letter-spacing:.2em;color:#8b263e;border:1px solid #8b263e;padding:1px 6px;margin-bottom:4px}.ticket-3d-back strong{font:bold 12px var(--serif);color:#2b1017}.ticket-3d-back p{font:9.5px/1.35 sans-serif;color:#4f2f37;margin:4px 0}.ticket-3d-back small{font:8px Georgia,serif;color:#7c5b43}.camera-3d-body{position:relative}.polaroid-eject{position:absolute;left:50%;bottom:8px;width:84px;padding:5px 5px 14px;background:#fffdf9;border:1px solid #d4af37;box-shadow:0 8px 20px #0000008c;transform:translate(-50%) translateY(0) scale(.6);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .45s ease;pointer-events:none;z-index:8}.polaroid-eject.ejected{transform:translate(-50%) translateY(-68px) rotate(-4deg) scale(1);opacity:1}.polaroid-eject img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.polaroid-eject img.developing,.photo-developing-img{animation:photo-develop 1.75s ease-out forwards}@keyframes photo-develop{0%{filter:brightness(.08) contrast(.4) sepia(.9) blur(4px)}55%{filter:brightness(.65) contrast(.85) sepia(.45) blur(1px)}to{filter:brightness(1) contrast(1) sepia(0) blur(0px)}}.reveal-photo-wrap{position:relative;flex-shrink:0;align-self:center}.reveal-photo-wrap>img{width:165px;aspect-ratio:1.45;object-fit:cover;border:4px solid rgba(255,255,255,.18);box-shadow:0 6px 16px #0006;transform:rotate(-2deg)}.developing-badge{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#12060ad9;color:var(--accent);font-size:10px;padding:2px 8px;border-radius:10px;border:1px solid var(--accent)}.keepsake-3d-stage{position:relative}.keepsake-inner-glow{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,rgba(248,212,136,.55) 0%,transparent 70%);opacity:0;transition:opacity .5s ease,transform .5s ease;pointer-events:none}.item-keepsake-3d.is-unfolded .keepsake-inner-glow{opacity:1;transform:scale(1.25)}.desk-hidden-clue{position:relative;grid-column:1 / -1;justify-self:end;margin-top:6px;margin-right:12px;background:#18080ee0;border:1px dashed var(--accent);color:var(--accent);padding:8px 16px;border-radius:20px;font:12px var(--serif);display:inline-flex;align-items:center;gap:8px;cursor:pointer;transform:translateZ(30px);transition:transform .3s ease,background .3s ease;z-index:12;min-height:40px}.desk-hidden-clue:hover{transform:translateZ(38px) translateY(-3px) scale(1.02);background:#d4af372e}.clue-pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:pulse-glow 1.6s infinite alternate}@keyframes pulse-glow{0%{opacity:.4;transform:scale(.85)}to{opacity:1;transform:scale(1.3)}}.layer-fg-atmosphere{position:absolute;inset:0;transform:translateZ(50px);pointer-events:none;overflow:hidden}.warm-lamp-cone{position:absolute;top:-30%;left:20%;right:20%;height:130%;background:radial-gradient(ellipse at 50% 0%,rgba(255,224,166,.14) 0%,transparent 70%)}.dust-mote{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffecc3a6;box-shadow:0 0 8px #ffdc96cc;animation:dust-drift 6s ease-in-out infinite alternate}.dust-mote.m-1{top:28%;left:24%;animation-duration:5.5s}.dust-mote.m-2{top:46%;left:68%;animation-duration:7.2s;animation-delay:1s}.dust-mote.m-3{top:64%;left:42%;animation-duration:6.4s;animation-delay:2s}.dust-mote.m-4{top:34%;left:82%;animation-duration:8s;animation-delay:.5s}@keyframes dust-drift{0%{transform:translateZ(0);opacity:.3}to{transform:translate3d(14px,-18px,12px);opacity:.85}}.letter-bottom-row{display:flex;justify-content:flex-end;align-items:center;gap:22px;margin:28px 0 32px}.letter-bottom-row .letter-signature{margin:0}.letter-wax-seal{width:64px;height:64px;flex-shrink:0;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45));transform:rotate(8deg)}.letter-postage-stamp{position:absolute;top:22px;right:26px;z-index:4;display:flex;align-items:center;gap:6px;pointer-events:none}.stamp-box{width:58px;height:68px;background:#faeedaf0;color:#5c1926;border:2px dotted #b88b4a;padding:5px 4px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;box-shadow:0 4px 10px #00000047;transform:rotate(4deg)}.stamp-header{font:6px Georgia,serif;letter-spacing:.08em}.stamp-center{font-size:18px;color:#9e2438;line-height:1}.stamp-footer{font-size:7px;color:#4a242b}.stamp-postmark{border:1px solid rgba(212,175,55,.65);border-radius:50%;width:52px;height:52px;display:flex;flex-direction:column;justify-content:center;align-items:center;font:6px Georgia,serif;color:var(--accent);transform:rotate(-14deg);margin-left:-18px;opacity:.82}.letter-corner-stickers{position:absolute;inset:10px;pointer-events:none;z-index:3}.corner-sticker{position:absolute;width:24px;height:24px;border-color:var(--accent);border-style:solid;opacity:.85}.corner-sticker.tl{top:0;left:0;border-width:3px 0 0 3px}.corner-sticker.tr{top:0;right:0;border-width:3px 3px 0 0}.corner-sticker.bl{bottom:0;left:0;border-width:0 0 3px 3px}.corner-sticker.br{bottom:0;right:0;border-width:0 3px 3px 0}.easter-egg-trigger-wrap{margin-top:12px}.easter-egg-btn{background:#d4af3729;border:1px solid var(--accent);color:var(--accent);padding:7px 16px;border-radius:20px;font:12px var(--serif);display:inline-flex;align-items:center;gap:6px;cursor:pointer}.easter-egg-btn:hover{background:#d4af3747}.puzzle-solved-toolbar{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:6px}.egg-quick-btn{color:var(--accent);border-bottom:1px dashed var(--accent)}.photo-adjust-trigger{margin-top:10px;color:var(--accent);font-size:12px}.modal-backdrop{position:fixed;inset:0;z-index:120;background:#080306c7;backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;padding:20px;animation:stage-in .25s ease both}.easter-egg-card,.hidden-branch-dialog,.photo-editor-dialog{background:linear-gradient(155deg,#2b0f18,#19070d);border:1.5px solid var(--accent);box-shadow:0 24px 60px #000000bf;color:var(--ink);border-radius:6px;padding:28px 32px;max-width:560px;width:100%;max-height:90svh;overflow-y:auto;text-align:center;position:relative}.egg-badge{display:inline-block;font:10px Georgia,serif;letter-spacing:.2em;color:var(--accent);border:1px solid rgba(212,175,55,.45);padding:3px 10px;border-radius:12px;margin-bottom:12px}.easter-egg-card h2,.hidden-branch-dialog h2{font-size:24px;margin-bottom:16px;color:var(--ink)}.egg-content-text{font:18px/1.85 var(--serif);color:var(--accent);margin:18px 0}.egg-seal-line{display:flex;justify-content:center;align-items:center;gap:10px;color:var(--muted);margin:16px 0 22px}.hidden-branch-photo{margin:14px auto;max-width:360px;border:1px solid var(--accent);padding:8px 8px 12px;background:#14050a}.hidden-branch-photo img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.developing-caption{display:block;font-size:11px;color:var(--accent);margin-top:6px}.hidden-extra-memory{font:15px/1.85 var(--serif);color:var(--ink);text-align:left;margin:14px 0}.secret-promise-box{background:#d4af371a;border:1px solid rgba(212,175,55,.4);padding:14px 18px;border-radius:4px;margin:14px 0}.promise-tag{display:block;font:9px Georgia,serif;letter-spacing:.16em;color:var(--accent);margin-bottom:6px}.secret-promise-box strong{font:17px/1.6 var(--serif);color:var(--ink)}.voice-note-player{background:#00000059;border:1px solid var(--line);padding:12px 16px;border-radius:4px;text-align:left;margin-top:12px}.voice-note-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--accent)}.voice-transcript{font-size:13px;color:var(--ink-secondary);margin:8px 0 0;font-style:italic}.hidden-branch-footer{margin-top:20px;display:flex;flex-direction:column;gap:12px;align-items:center}.hidden-branch-footer small{color:var(--muted);font-size:11px}.photo-editor-dialog{max-width:720px;text-align:left}.photo-editor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.photo-tabs{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.photo-tab-btn{background:#ffffff0d;border:1px solid var(--line);color:var(--ink-secondary);padding:8px 14px;border-radius:4px;font-size:12px;cursor:pointer}.photo-tab-btn.active{border-color:var(--accent);color:var(--accent);background:#d4af3724}.photo-preview-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-bottom:18px}.preview-box{background:#00000059;border:1px solid var(--line);padding:10px;border-radius:4px}.preview-label{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.preview-frame{position:relative;overflow:hidden;background:#120509;border:1px solid rgba(212,175,55,.35)}.preview-frame.desktop-aspect{aspect-ratio:3 / 2}.preview-frame.mobile-aspect{aspect-ratio:4 / 5;max-height:210px;margin:0 auto}.preview-frame img{width:100%;height:100%;display:block}.focal-crosshair{position:absolute;width:18px;height:18px;border:2px solid var(--accent);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #000c;pointer-events:none}.photo-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin-bottom:18px}.control-row{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--ink-secondary)}.control-row input[type=range]{accent-color:var(--accent);width:100%}.fit-mode-group,.pill-group{display:flex;gap:8px;flex-wrap:wrap}.mini-pill{background:#ffffff0d;border:1px solid var(--line);color:var(--ink-secondary);padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;min-height:36px}.mini-pill.active{border-color:var(--accent);color:var(--accent);background:#d4af3729}.photo-editor-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding-top:14px}.editor-action-btns{display:flex;gap:12px;align-items:center}.compress-badge{display:inline-block;margin-left:8px;color:var(--accent);font-size:11px}.card-customizer-panel{background:var(--card-bg);border:1px solid var(--line);padding:16px 18px;border-radius:6px;margin-bottom:20px;display:flex;flex-direction:column;gap:12px;text-align:left}.customizer-row{display:flex;flex-direction:column;gap:6px}.customizer-row>span{font-size:11px;color:var(--muted);letter-spacing:.08em}.ending-actions-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:12px}.access-gate-card{max-width:440px;margin:12svh auto;padding:36px 28px;background:var(--card-bg);border:1px solid var(--accent);border-radius:6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.access-form{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:8px}.access-form input{background:#0006;border:1px solid var(--line);color:var(--ink);padding:12px 14px;border-radius:4px;text-align:center;font-size:16px}.privacy-boundary-note{font-size:11px;color:var(--muted);line-height:1.6}.privacy-clear-btn{background:none;border:1px solid var(--line);color:var(--muted);padding:6px 12px;border-radius:4px;font-size:11px;cursor:pointer;min-height:36px}.privacy-clear-btn:hover{color:var(--accent);border-color:var(--accent)}@media(max-width:768px){.scene-25d-viewport{padding:18px 12px 24px;margin:14px auto}.scene-25d-camera-rig{min-height:auto}.layer-desk-surface{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:26px 14px 44px;margin-top:20px}.desk-standing-frame{display:none}.photo-preview-grid,.photo-controls-grid{grid-template-columns:1fr}.letter-postage-stamp{top:12px;right:12px;transform:scale(.82)}.ending-actions-row{justify-content:center}}.gift-app{padding-bottom:env(safe-area-inset-bottom,0px)}.studio-primary-trigger{background:linear-gradient(135deg,#d4af3747,#941f3259)!important;border-color:var(--accent)!important;color:var(--accent)!important;font-weight:600}.preview-mode-btn{border-style:dashed!important}.music-menu-toggle-btn{background:#fffaf01f;border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:11px;cursor:pointer;color:var(--ink);min-height:34px}.music-menu-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.music-popup-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--paper-surface);border:1px solid var(--accent);box-shadow:0 14px 36px #00000059;border-radius:10px;padding:12px;width:min(268px,86vw);z-index:110}.music-popup-header{font-size:12px;font-weight:600;color:var(--accent);margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.music-popup-header button{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px}.music-popup-list{display:flex;flex-direction:column;gap:6px}.music-track-item{text-align:left;padding:7px 10px;border-radius:6px;border:1px solid var(--line);background:#ffffff0a;font-size:12px;color:var(--ink-secondary);cursor:pointer;display:flex;align-items:center;gap:6px}.music-track-item.active{border-color:var(--accent);background:#d4af3729;color:var(--accent)}.music-popup-upload{margin-top:10px;padding-top:8px;border-top:1px dashed var(--line);text-align:center}.music-upload-label{display:block;background:linear-gradient(135deg,#c28854,#8b4513);color:#fff;padding:7px 10px;border-radius:6px;font-size:11px;cursor:pointer;font-weight:600}.music-popup-upload p{margin:5px 0 0;font-size:10px;color:var(--muted)}.floating-studio-return-btn{position:fixed;right:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:115;background:var(--paper-surface);border:1.5px solid var(--accent);color:var(--accent);padding:9px 16px;border-radius:999px;font:600 12px var(--serif);box-shadow:0 8px 24px #00000061;cursor:pointer}.floating-studio-return-btn:hover{transform:translateY(-2px)}.love-counter-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:linear-gradient(135deg,#d4af3729,#d4af370f);border:1px solid rgba(212,175,55,.52);color:var(--ink);font:13px/1.4 var(--serif);margin:8px 0 12px;box-shadow:0 4px 16px #0000002e;max-width:100%;flex-wrap:wrap;justify-content:center}.love-counter-badge.variant-compact{padding:4px 12px;font-size:12px;margin:4px 0 10px}.love-counter-spark{color:var(--accent);font-size:11px}.love-counter-text strong{font-size:1.22em;color:var(--accent);margin:0 2px;font-weight:700}.love-counter-text b{color:var(--accent);font-weight:600}.brass-gate-wrapper{max-width:460px;width:calc(100% - 28px);margin:6svh auto;padding:30px 22px}.brass-padlock{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:6px}.brass-shackle{width:146px;height:68px;border:14px solid #c99e4c;border-bottom:none;border-radius:76px 76px 0 0;box-shadow:inset 0 3px 6px #fff5d28c,0 -4px 14px #00000073;margin-bottom:-6px;transform-origin:86% 100%;transition:transform .48s cubic-bezier(.34,1.56,.64,1);z-index:1}.brass-padlock.is-unlocked .brass-shackle{transform:translateY(-18px) rotate(22deg)}.brass-body{position:relative;z-index:2;width:100%;max-width:340px;background:linear-gradient(155deg,#e5c378,#b88938 48%,#8b621e);border:2px solid #f7e4b4;border-radius:14px;padding:20px 16px 16px;box-shadow:0 18px 40px #0009,inset 0 2px 8px #fffae6a6,inset 0 -6px 14px #3e2708a6;color:#2c1a06}.brass-rivet{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff1c9,#7d5616);box-shadow:0 1px 2px #00000080}.brass-rivet.tl{top:10px;left:10px}.brass-rivet.tr{top:10px;right:10px}.brass-rivet.bl{bottom:10px;left:10px}.brass-rivet.br{bottom:10px;right:10px}.brass-nameplate{display:inline-block;background:#231407;color:#f4d997;font:600 10px Georgia,var(--serif);letter-spacing:.14em;padding:4px 12px;border-radius:4px;border:1px solid #d4af37;margin-bottom:14px}.brass-dials-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 4px}.brass-dial-column{display:flex;flex-direction:column;align-items:center;gap:6px}.dial-step-btn{width:100%;height:30px;background:#231407c7;border:1px solid rgba(255,235,185,.45);color:#f8e3ae;border-radius:5px;font-size:11px;cursor:pointer;transition:background .15s ease}.dial-step-btn:hover{background:#3a220b}.brass-wheel-window{width:100%;height:86px;background:linear-gradient(180deg,#170d04,#3a2610 30%,#4d3417,#3a2610 70%,#170d04);border:2px solid #593d16;border-radius:6px;box-shadow:inset 0 8px 12px #000000d9,inset 0 -8px 12px #000000d9;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:5px 0;cursor:ns-resize;user-select:none;touch-action:none}.brass-wheel-window:focus-visible{outline:2px solid #fff3c4}.wheel-neighbor{font:12px Georgia,monospace;color:#f4d99757;line-height:1}.wheel-active-digit{font:700 28px Georgia,monospace;color:#fff6db;text-shadow:0 2px 6px rgba(0,0,0,.8);line-height:1.1;padding:2px 8px;border-top:1px solid rgba(212,175,55,.45);border-bottom:1px solid rgba(212,175,55,.45);width:100%;text-align:center}.brass-align-indicator{margin-top:12px;font-size:10px;color:#3b2307;font-weight:600;letter-spacing:.08em}.brass-unlock-btn{margin-top:18px;width:100%;max-width:340px;justify-content:center}.is-shaking{animation:brass-shake .34s cubic-bezier(.36,.07,.19,.97) both}@keyframes brass-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}45%{transform:translate(9px)}70%{transform:translate(-6px)}88%{transform:translate(4px)}}.brass-error-hint{margin:4px 0 0;font-size:13px}.desk-cassette-trigger{position:relative;grid-column:1 / -1;justify-self:start;margin-top:6px;margin-left:12px;background:var(--paper-surface);border:1.5px solid var(--accent);color:var(--ink);padding:8px 16px;border-radius:10px;display:inline-flex;align-items:center;gap:12px;cursor:pointer;transform:translateZ(32px);box-shadow:0 8px 20px #00000040;transition:transform .25s ease,box-shadow .25s ease;z-index:14;text-align:left}.desk-cassette-trigger:hover{transform:translateZ(40px) translateY(-3px) scale(1.02);box-shadow:0 12px 26px #d4af3747}.mini-cassette-icon{width:38px;height:25px;background:#d8b57c;border:1.5px solid #593b1d;border-radius:4px;display:flex;justify-content:space-around;align-items:center;padding:0 4px;flex-shrink:0}.mini-cassette-icon i{width:9px;height:9px;border-radius:50%;background:#23120b;border:2px dotted #fff4dc}.cassette-trigger-text small{display:block;font:9px Georgia,serif;letter-spacing:.12em;color:var(--accent)}.cassette-trigger-text strong{font:13px var(--serif);color:var(--ink)}.cassette-dialog{background:var(--paper-surface);border:1.5px solid var(--accent);border-radius:10px;padding:26px 24px;max-width:500px;width:100%;max-height:90svh;overflow-y:auto;text-align:center;color:var(--ink);box-shadow:0 24px 64px #00000073}.cassette-dialog-header h2{font-size:22px;margin:4px 0}.cassette-dialog-header small{color:var(--muted);font-size:12px}.retro-cassette-deck{position:relative;margin:18px auto;max-width:360px;background:linear-gradient(145deg,#3c2620,#231411);border:2px solid #8c6645;border-radius:12px;padding:18px 18px 26px;box-shadow:inset 0 2px 6px #ffffff24,0 12px 28px #0000008c}.cassette-screw{position:absolute;width:8px;height:8px;border-radius:50%;background:#80634c}.cassette-screw.tl{top:8px;left:8px}.cassette-screw.tr{top:8px;right:8px}.cassette-screw.bl{bottom:8px;left:8px}.cassette-screw.br{bottom:8px;right:8px}.cassette-sticker{background:linear-gradient(180deg,#fbf3e4,#eed7b5);border-radius:7px;padding:10px 14px 14px;color:#361c14;border:1px solid #c59b68}.cassette-sticker-top{display:flex;justify-content:space-between;font:700 9px Georgia,monospace;color:#8b263e;border-bottom:1px solid rgba(139,38,62,.25);padding-bottom:4px}.cassette-handwriting{font:bold 15px var(--serif);margin:8px 0 10px;color:#2c1219}.cassette-window{background:#1b0f0d;border:2px solid #593d2b;border-radius:28px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.cassette-reel{position:relative;width:42px;height:42px;border-radius:50%;border:4px solid #f2e2c6;background:#2c1a16;flex-shrink:0}.retro-cassette-deck.is-spinning .cassette-reel{animation:reel-spin 2.2s linear infinite}@keyframes reel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reel-tooth{position:absolute;inset:6px;border-left:3px solid #f2e2c6;border-right:3px solid #f2e2c6;border-radius:50%}.reel-tooth.t2{transform:rotate(60deg)}.reel-tooth.t3{transform:rotate(120deg)}.cassette-tape-view{flex:1;height:18px;background:#0d0605;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.tape-progress-fill{height:100%;background:linear-gradient(90deg,#9e2438,#d4af37);transition:width .2s linear}.cassette-bottom-trapezoid{position:absolute;bottom:0;left:22%;right:22%;height:14px;background:#2b1915;border-top:2px solid #6e4f37;border-radius:6px 6px 0 0}.cassette-controls-bar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:14px 0}.cassette-play-btn{padding:10px 20px;font-size:14px}.waveform-bars{display:inline-flex;align-items:center;gap:3px;height:24px}.wave-bar{width:3px;height:6px;border-radius:2px;background:var(--accent);opacity:.45}.waveform-bars.active .wave-bar{opacity:1;animation:wave-bounce .7s ease-in-out infinite alternate}.waveform-bars.active .wave-bar.b-2{animation-delay:.12s}.waveform-bars.active .wave-bar.b-3{animation-delay:.24s}.waveform-bars.active .wave-bar.b-4{animation-delay:.36s}.waveform-bars.active .wave-bar.b-5{animation-delay:.48s}@keyframes wave-bounce{0%{height:5px}to{height:22px}}.cassette-timecode{font:12px Georgia,monospace;color:var(--muted)}.cassette-transcript-card{background:#fff8ec12;border:1px dashed rgba(212,175,55,.45);border-radius:6px;padding:12px 16px;text-align:left;margin-top:12px}.transcript-label{display:block;font-size:11px;color:var(--accent);margin-bottom:6px}.cassette-transcript-card p{margin:0;font:14px/1.75 var(--serif);color:var(--ink)}.cassette-footer{margin-top:16px}.studio-modal-backdrop{padding:14px}.creator-studio-dialog{background:var(--paper-surface);border:1.5px solid var(--accent);border-radius:10px;max-width:860px;width:100%;max-height:92svh;display:flex;flex-direction:column;color:var(--ink);box-shadow:0 28px 70px #00000085;overflow:hidden;text-align:left}.studio-header{padding:18px 22px 12px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line)}.studio-header h2{font-size:20px;margin:2px 0 0}.studio-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px 22px;background:var(--paper);border-bottom:1px solid var(--line)}.studio-step-tab{background:var(--card-bg);border:1px solid var(--line);color:var(--ink-secondary);padding:8px 6px;border-radius:6px;font-size:12px;cursor:pointer;text-align:center}.studio-step-tab.active{background:color-mix(in srgb,var(--accent) 16%,var(--card-bg));border-color:var(--accent);color:var(--accent);font-weight:600}.studio-body{padding:18px 22px;overflow-y:auto;flex:1}.studio-panel{display:flex;flex-direction:column;gap:14px}.studio-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.studio-field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--ink-secondary)}.studio-field input[type=text],.studio-field input[type=date],.studio-field textarea{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:9px 12px;color:var(--ink);font:14px/1.5 var(--serif);width:100%}.studio-field input:focus,.studio-field textarea:focus{outline:none;border-color:var(--accent)}.studio-highlight-box{background:color-mix(in srgb,var(--accent) 7%,var(--card-bg));border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:8px;padding:12px 14px}.studio-row-between{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.studio-switch{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--accent);cursor:pointer}.studio-live-pill{background:var(--paper);border:1px dashed var(--accent);color:var(--accent);padding:8px 12px;border-radius:6px;font-size:12px}.studio-theme-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.studio-theme-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:var(--card-bg);color:var(--ink);font-size:12px;cursor:pointer;text-align:left;transition:border-color .2s ease,transform .2s ease}.studio-theme-chip:hover{border-color:var(--accent);transform:translateY(-1px)}.studio-theme-chip.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--card-bg));color:var(--accent);font-weight:600}.studio-theme-chip .swatch{width:18px;height:18px;border-radius:50%;border:1px solid rgba(128,128,128,.35);flex-shrink:0;box-shadow:inset 0 1px 2px #ffffff40}.studio-theme-chip .chip-meta{display:flex;flex-direction:column;line-height:1.25}.studio-theme-chip .chip-meta small{font-size:10px;color:var(--muted);font-weight:400}.studio-tip{margin:0;font-size:12px;color:var(--accent)}.studio-photos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.studio-photo-card{background:var(--card-bg);border:1px solid var(--line);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px}.studio-photo-tag{font-size:11px;color:var(--accent);font-weight:600}.studio-photo-preview-box{width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:4px;background:var(--paper);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))}.studio-photo-preview-box img{width:100%;height:100%;display:block}.compress-ok{color:#2f9e62;font-size:11px;font-weight:600}.studio-upload-btn{display:block;text-align:center;background:color-mix(in srgb,var(--accent) 14%,var(--card-bg));border:1px solid var(--accent);color:var(--accent);padding:6px 10px;border-radius:6px;font-size:12px;cursor:pointer}.studio-mini-sliders{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted)}.studio-mini-sliders input[type=range]{width:100%;accent-color:var(--accent)}.studio-template-picker{background:color-mix(in srgb,var(--accent) 7%,var(--card-bg));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.scene-category-pills{display:flex;flex-wrap:wrap;gap:6px}.template-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.template-option-card{background:var(--card-bg);border:1px solid var(--line);border-radius:6px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.template-option-card strong{display:block;font-size:13px;color:var(--ink)}.template-option-card p{margin:3px 0 0;font-size:11px;color:var(--muted)}.template-applied-toast{margin:0;font-size:12px;color:var(--accent);font-weight:600}.studio-memories-edit{display:flex;flex-direction:column;gap:8px}.studio-memory-row{display:grid;grid-template-columns:160px 1fr;gap:8px}.studio-memory-row input{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:7px 10px;color:var(--ink);font-size:13px}.studio-tracks-list{display:flex;flex-wrap:wrap;gap:8px}.recording-pulse{background:#b8293d!important;color:#fff!important;border-color:#ff8a9b!important}.studio-error-box{background:#b8293d24;border:1px solid #d9485f;border-radius:6px;padding:10px 14px;font-size:12px;color:var(--ink)}.studio-deploy-guide{background:#2e7d5224;border:1px solid #48b878;border-radius:6px;padding:12px 14px;font-size:12px;line-height:1.65;color:var(--ink)}.studio-footer{padding:12px 22px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--paper);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.studio-step-nav,.studio-export-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.studio-export-primary{padding:9px 18px;font-size:13px}@media(max-width:768px){.studio-stepper{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 14px}.studio-header,.studio-body,.studio-footer{padding-left:14px;padding-right:14px}.studio-grid-2,.studio-photos-grid,.template-cards-row,.studio-memory-row{grid-template-columns:1fr}.brass-dials-row{gap:7px}.brass-wheel-window{height:76px}.desk-cassette-trigger,.desk-hidden-clue{justify-self:stretch;margin-left:0;margin-right:0;justify-content:center}}.studio-trust-banner{margin:0 24px 12px;padding:10px 16px;background:#d4af3712;border:1px solid rgba(212,175,55,.25);border-radius:6px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.trust-main-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.trust-main-line strong{color:var(--accent);font-family:Georgia,serif;font-size:14px;letter-spacing:.5px}.trust-heart-icon{color:#e25555;font-size:13px;animation:heartPulse 1.8s infinite ease-in-out}.trust-badge-pill{display:inline-block;background:#d4af372e;color:var(--accent);padding:1px 7px;border-radius:10px;font-size:10.5px;font-weight:500}.trust-sub-notice{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);opacity:.88}.trust-pulse-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade8099;display:inline-block}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@media(max-width:768px){.site-header{height:auto;min-height:64px;padding:10px 14px;flex-wrap:wrap;gap:8px}.header-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}.studio-trust-banner{margin:0 14px 10px;padding:8px 12px;font-size:11px}.studio-theme-pills{grid-template-columns:1fr 1fr}}.interactive-touch-canvas{position:fixed;inset:0;width:100vw;height:100svh;pointer-events:none;z-index:95}.envelope,.desk-card,.photo-frame{--spot-x: 50%;--spot-y: 35%}.desk-card:after,.photo-frame:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(220px circle at var(--spot-x) var(--spot-y),color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%);opacity:0;transition:opacity .3s ease}.desk-card:hover:after,.desk-card:active:after,.photo-frame:hover:after,.photo-frame:active:after{opacity:1}.theme-switcher-wrapper{position:relative}.theme-popup-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--paper-surface);border:1px solid var(--accent);box-shadow:0 16px 40px #00000059;border-radius:10px;padding:12px;width:min(310px,88vw);z-index:112}.theme-popup-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.theme-quick-item{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:7px;border:1px solid var(--line);background:var(--card-bg);color:var(--ink);font-size:11.5px;text-align:left;cursor:pointer;transition:border-color .2s ease,transform .15s ease}.theme-quick-item:hover{border-color:var(--accent);transform:translateY(-1px)}.theme-quick-item.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--card-bg));color:var(--accent);font-weight:600}.theme-dual-dot{width:15px;height:15px;border-radius:50%;flex-shrink:0;border:1px solid rgba(128,128,128,.35)}.touch-fx-toggle-row{margin-top:10px;padding-top:8px;border-top:1px dashed var(--line);display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.landing-page{min-height:100svh}.landing-header{position:relative;z-index:5}.landing-nav{display:flex;align-items:center;gap:22px;font-size:12px;letter-spacing:.08em;color:var(--muted)}.landing-nav a{transition:color .2s ease}.landing-nav a:hover{color:var(--accent)}.landing-nav-cta{border:1px solid var(--accent);color:var(--accent);padding:8px 14px;border-radius:999px}.landing-main{max-width:1200px;margin:auto;padding:0 36px}.landing-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;min-height:calc(100svh - 96px);padding:56px 0 76px}.landing-hero h1{font-size:clamp(38px,5.2vw,60px);line-height:1.32;letter-spacing:.03em}.landing-lead{margin-top:24px;max-width:540px;font-size:15px;line-height:2;color:var(--ink-secondary)}.landing-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.landing-cta-primary{min-width:230px}.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;border:1px solid var(--line);border-radius:2px;color:var(--ink-secondary);font-size:13px;letter-spacing:.08em;transition:var(--transition-smooth)}.ghost-button:hover{border-color:var(--accent);color:var(--accent)}.landing-note{margin-top:18px;font-size:11px;line-height:1.9;color:var(--muted)}.landing-note a{color:var(--accent);border-bottom:1px dashed currentColor}.landing-art{position:relative;aspect-ratio:1 / 1.05;max-width:430px;width:100%;justify-self:center}.landing-art-card{position:absolute;border:1px solid var(--line);box-shadow:0 28px 60px #00000073}.landing-art-back{inset:2% 12% 20% 4%;transform:rotate(-8deg);padding:26px 24px;display:flex;flex-direction:column;justify-content:space-between;color:var(--muted);background:linear-gradient(150deg,#3b1220,#200810)}.landing-art-back span{font-size:10px;letter-spacing:.24em}.landing-art-back b{font:64px/1 Georgia,serif;color:#d4af3759}.landing-art-back small{font-size:9px;letter-spacing:.2em}.landing-art-front{inset:18% 4% 4% 24%;transform:rotate(4deg);padding:32px 28px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:radial-gradient(ellipse at 30% 15%,#4a1928,#2a0e18 62%,#19070d);border-color:#d4af378c}.landing-art-stamp{align-self:flex-end;font-size:8px;letter-spacing:.18em;color:var(--accent);border:1px solid var(--accent);padding:5px 7px;transform:rotate(5deg)}.landing-art-seal{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--wax);color:#fbe9d0;font:22px var(--serif);box-shadow:inset 0 0 0 3px #0000002e,0 6px 14px #0006;margin-top:10px}.landing-art-front p{margin-top:18px;font:28px var(--serif);letter-spacing:.16em}.landing-art-front small{font-size:11px;line-height:1.9;color:var(--ink-secondary);max-width:190px}.landing-art-front i{margin-top:auto;font-style:normal;font-size:8px;letter-spacing:.22em;color:var(--muted)}.landing-art-tape{position:absolute;left:2%;right:8%;top:44%;height:28px;background:#d4af3729;border:1px dashed rgba(212,175,55,.4);transform:rotate(-6deg)}.landing-art-flower{position:absolute;right:4%;bottom:12%;font-size:36px;color:#d4af3799}.landing-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:16px 0 78px}.landing-mode-card{border:1px solid var(--line);background:color-mix(in srgb,var(--card-bg) 70%,transparent);padding:26px 24px;display:flex;flex-direction:column;gap:12px;min-height:260px}.landing-mode-card.is-primary{border-color:#d4af378c;background:linear-gradient(160deg,#d4af371f,#2b111a66)}.landing-mode-kicker{font-size:9px;letter-spacing:.2em;color:var(--accent)}.landing-mode-card h2{font-size:20px;line-height:1.5}.landing-mode-card p{font-size:12.5px;line-height:1.95;color:var(--ink-secondary);flex:1}.landing-mode-card a{color:var(--accent);font-size:12px;letter-spacing:.04em}.landing-demos,.landing-rules,.landing-flow{padding:68px 0;border-top:1px solid var(--header-border)}.landing-demos{scroll-margin-top:18px}.landing-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:28px}.landing-section-head h2{font-size:32px;margin-top:6px}.landing-section-head>p{max-width:430px;font-size:12px;line-height:1.95;color:var(--muted)}.landing-section-head>p strong{color:var(--accent);font-weight:500}.demo-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.demo-gallery-card{position:relative;display:flex;flex-direction:column;gap:7px;padding:20px 18px 18px;border:1px solid var(--line);background:color-mix(in srgb,var(--card-bg) 82%,transparent);min-height:214px;overflow:hidden;transition:var(--transition-smooth)}.demo-gallery-card:hover{border-color:var(--accent);transform:translateY(-3px)}.demo-gallery-swatch{position:absolute;top:0;right:0;width:96px;height:96px;border-radius:0 0 0 96px;opacity:.55}.demo-gallery-badge{align-self:flex-start;font-size:8.5px;letter-spacing:.14em;color:var(--accent);border:1px solid rgba(212,175,55,.45);padding:3px 7px}.demo-gallery-card strong{margin-top:8px;font:19px var(--serif)}.demo-gallery-people{font-size:11px;color:var(--ink-secondary);letter-spacing:.06em}.demo-gallery-card small{font-size:10px;line-height:1.7;color:var(--muted)}.demo-gallery-open{margin-top:auto;font-size:10px;color:var(--accent);letter-spacing:.08em}.demo-gallery-footnote{margin-top:16px;font-size:10.5px;line-height:1.8;color:var(--muted)}.landing-rules-more{display:inline-block;margin-top:18px;color:var(--accent);font-size:12px}.landing-flow ol{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0 0;padding:0}.landing-flow li{border-top:1px solid var(--accent);padding-top:14px;display:flex;flex-direction:column;gap:5px}.landing-flow li span{font:11px Georgia,serif;color:var(--accent)}.landing-flow li b{font:18px var(--serif);font-weight:400}.landing-flow li small{font-size:10px;line-height:1.7;color:var(--muted)}.landing-footer{flex-wrap:wrap;gap:16px;padding-top:20px;padding-bottom:20px}.landing-footer-links{display:flex;gap:18px;font-size:11px;color:var(--muted)}.landing-footer-links a:hover{color:var(--accent)}.landing-footer-note{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.demo-ribbon{position:relative;z-index:106;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:9px 18px;background:linear-gradient(90deg,#d4af3729,#9e1f323d,#d4af3729);border-bottom:1px solid rgba(212,175,55,.38);font-size:11px;color:var(--ink-secondary)}.demo-ribbon-pill{background:var(--accent);color:var(--on-accent);font-weight:700;padding:3px 10px;border-radius:999px;font-size:9.5px;letter-spacing:.12em}.demo-ribbon-text{letter-spacing:.04em}.demo-ribbon a{color:var(--accent);font-weight:600}.local-draft-badge{text-align:center;padding:7px 14px;font-size:10px;line-height:1.6;color:var(--muted);background:#0000003d;border-bottom:1px dashed var(--line)}.demo-nav-label{color:var(--accent);align-self:center;font-weight:700}.journey-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.journey-caption{font-size:9px;letter-spacing:.2em;color:var(--muted)}.studio-stepper{grid-template-columns:repeat(5,minmax(0,1fr))}.studio-demo-banner{margin:10px 22px 0;padding:12px 14px;border:1px solid #d9a441;background:#d9a44124;border-radius:8px;display:flex;flex-direction:column;gap:9px;font-size:12px}.studio-demo-banner strong{color:#f0c36a}.studio-demo-banner p{margin:4px 0 0;color:var(--ink-secondary);line-height:1.75}.studio-demo-banner-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.studio-demo-ack{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--ink)}.studio-demo-ack input{width:16px;height:16px;accent-color:var(--accent)}.studio-blank-banner{margin:10px 22px 0;padding:10px 14px;border:1px dashed var(--line);border-radius:8px;font-size:11.5px;line-height:1.75;color:var(--muted);display:flex;gap:10px}.studio-blank-banner strong{color:var(--accent);white-space:nowrap}.studio-help-text{margin:6px 0 0;font-size:12px;line-height:1.85;color:var(--muted)}.studio-field-hint{font-size:10px;line-height:1.6;color:var(--muted)}.studio-step-count{font-size:10px;color:var(--muted);margin-left:6px;white-space:nowrap}.studio-delivery-box{border:1px solid var(--line);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:12px;background:#00000024}.studio-delivery-note{font-size:11.5px;line-height:1.85;color:var(--ink-secondary)}.studio-delivery-note code{color:var(--accent)}.artifact-rules-table-wrap{overflow-x:auto}.artifact-rules-table{width:100%;border-collapse:collapse;font-size:12px;min-width:720px}.artifact-rules-table th,.artifact-rules-table td{border-bottom:1px solid var(--line);padding:12px;text-align:left;vertical-align:top;line-height:1.75}.artifact-rules-table thead th{font-size:9.5px;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}.artifact-rules-table tbody th{color:var(--ink);font-weight:600;white-space:nowrap}.artifact-rules-table tbody th small{display:block;margin-top:4px;font-size:10px;line-height:1.6;color:var(--muted);font-weight:400;white-space:normal;max-width:220px}.artifact-rules-body.is-compact .artifact-rules-table{min-width:620px;font-size:11px}.artifact-notes{margin-top:24px;font-size:12px;line-height:1.9;color:var(--ink-secondary)}.artifact-notes h3{font-size:14px;color:var(--accent);margin:0 0 10px}.artifact-notes ul{padding-left:18px;display:grid;gap:8px;margin:0}.artifact-notes code{color:var(--accent)}.artifact-page-main{max-width:1100px;margin:auto;padding:56px 36px 90px}.artifact-page-main h1{font-size:40px;margin:8px 0 18px}.artifact-page-lead{max-width:740px;font-size:14px;line-height:2;color:var(--ink-secondary);margin-bottom:30px}.artifact-page-actions{display:flex;gap:16px;align-items:center;margin-top:40px;flex-wrap:wrap}.artifact-modal{background:var(--paper-surface);border:1px solid var(--accent);border-radius:10px;width:min(900px,96vw);max-height:90svh;display:flex;flex-direction:column}.artifact-modal-header{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.artifact-modal-header h2{font-size:20px;margin-top:4px}.artifact-modal-body{padding:18px 22px;overflow:auto}.artifact-modal-footer{padding:14px 22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.poster-modal{background:var(--paper-surface);border:1px solid var(--accent);border-radius:10px;width:min(540px,96vw);max-height:92svh;display:flex;flex-direction:column;gap:12px;padding:18px 20px;overflow:auto}.poster-modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.poster-modal-head h2{font-size:20px;margin-top:4px}.poster-modal-hint{font-size:12px;line-height:1.85;color:var(--ink-secondary)}.poster-modal-hint strong{color:var(--accent)}.poster-modal-image{overflow:auto;border:1px solid var(--line);background:#000;border-radius:6px}.poster-modal-image img{width:100%;height:auto;-webkit-touch-callout:default;user-select:auto}.poster-modal-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.error-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center}@media(max-width:1100px){.theme-switcher-wrapper,.photo-studio-btn,.preview-mode-btn{display:none!important}}@media(max-width:768px){.site-header{flex-wrap:nowrap;gap:10px;height:auto;min-height:64px;padding-top:max(12px,env(safe-area-inset-top,0px));padding-bottom:10px;padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px));box-sizing:border-box}.wordmark{flex:1 1 auto;min-width:0}.wordmark>span:last-child{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header-actions{flex:0 0 auto;flex-wrap:nowrap;gap:6px;justify-content:flex-end}.header-note{display:none}.header-actions .music-btn{padding:7px 9px}.header-actions .music-btn>span{display:none}.header-actions .studio-primary-trigger>span{display:inline}.music-menu-toggle-btn{font-size:0;padding:6px 8px}.music-menu-toggle-btn:before{content:"🎵";font-size:12px}.journey-wrap{width:100%}.journey{gap:12px;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:2px 0 4px}.journey li+li:before{display:none}.journey li{font-size:10px;white-space:nowrap}.site-footer{gap:12px}.footer-privacy-zone{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.landing-nav{gap:10px;font-size:11px}.landing-nav a:not(.landing-nav-cta){display:none}.landing-header{flex-wrap:nowrap}.landing-main{padding:0 18px}.landing-hero{grid-template-columns:1fr;gap:36px;padding:36px 0 54px;min-height:0}.landing-hero h1{font-size:34px}.landing-art{max-width:320px;order:2}.landing-modes{grid-template-columns:1fr;padding-bottom:50px}.landing-mode-card{min-height:0}.landing-section-head{flex-direction:column;align-items:flex-start;gap:10px}.landing-section-head h2{font-size:26px}.demo-gallery{grid-template-columns:1fr 1fr}.landing-flow ol{grid-template-columns:1fr 1fr;gap:14px}.landing-flow li:last-child{grid-column:1 / -1}.landing-footer{flex-direction:column;align-items:flex-start}.artifact-page-main{padding:36px 18px 70px}.artifact-page-main h1{font-size:28px}.studio-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-step-tab:last-child{grid-column:1 / -1}.studio-demo-banner,.studio-blank-banner{margin:8px 14px 0}.studio-demo-banner-actions{gap:8px}}@media(max-width:390px){.demo-gallery{grid-template-columns:1fr}.landing-hero h1{font-size:30px}.landing-art{max-width:290px}}.artifact-scroll-hint{display:none;margin:8px 0 0;font-size:10px;color:var(--muted)}@media(max-width:768px){.artifact-scroll-hint{display:block}}.poster-modal-image img{-webkit-touch-callout:default!important;user-select:auto!important;pointer-events:auto!important;max-width:100%;height:auto;border-radius:6px;box-shadow:0 12px 32px #0009}.poster-modal-hint{background:#d4af371f;border:1px dashed rgba(212,175,55,.4);padding:8px 12px;border-radius:6px;font-size:12px;color:var(--accent);line-height:1.5;margin:8px 0 14px;text-align:center}.generated-card img{-webkit-touch-callout:default!important;user-select:auto!important;pointer-events:auto!important}