.payment-page{--ink:#274951;--muted:#71858a;--blue:#dcebee;min-height:100svh;background:#f1f6f6;color:var(--ink);padding:36px 20px 26px;box-sizing:border-box;font-family:Arial,Microsoft YaHei,sans-serif;display:flex;flex-direction:column;align-items:center}.payment-page *{box-sizing:border-box}.payment-brand{text-decoration:none;color:var(--ink);font-family:Georgia,serif;font-size:23px;letter-spacing:.02em;text-align:center}.payment-brand span{display:block;font-family:Arial,Microsoft YaHei,sans-serif;font-size:11px;letter-spacing:.13em;color:var(--muted);margin-top:8px}.payment-card{width:100%;max-width:480px;margin:36px auto 0;padding:38px 42px 25px;border:1px solid #e1eaea;border-radius:24px;background:#fff;box-shadow:0 18px 65px #365c6410;text-align:center}.payment-art{position:relative;width:132px;height:133px;margin:0 auto 26px;border-bottom:1px solid #c8dadd;background:radial-gradient(ellipse at bottom,#e5eff1,transparent 72%)}.payment-door{position:absolute;width:73px;height:113px;bottom:0;left:29px;border:5px solid #d4e4e7;border-bottom:0;border-radius:39px 39px 0 0;background:#8aabb4;box-shadow:inset 0 0 0 2px #769da7}.payment-door i{position:absolute;width:5px;height:5px;background:#f8e6bc;right:9px;top:65px;border-radius:50%}.payment-door-star{position:absolute;top:25px;left:23px;color:#f8e6bc;font-size:21px}.payment-seal{position:absolute;right:7px;bottom:7px;display:grid;place-items:center;background:#fff;border:1px solid #dae6e8;border-radius:50%;width:37px;height:37px;color:#587e87}.is-ready .payment-door{background:#c2d9dc}.is-ready .payment-seal{color:#fff;background:#47756e;border:4px solid white;width:41px;height:41px}.payment-card h1{font-family:Microsoft YaHei,sans-serif;font-size:26px;line-height:1.4;font-weight:600;letter-spacing:.02em;margin:0 0 13px}.payment-description{font-size:14px;line-height:1.9;color:var(--muted);margin:0 auto 26px;max-width:330px}.payment-primary{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:49px;border:0;border-radius:12px;background:#345e68;color:#fff;text-decoration:none;font:500 14px Arial,Microsoft YaHei,sans-serif;padding:12px 16px;cursor:pointer}.payment-primary:hover{background:#274d57}.payment-primary:disabled{background:#e6eff0;color:#67838b;cursor:wait}.payment-secondary{display:inline-flex;align-items:center;gap:8px;margin-top:21px;padding:7px;font-size:13px;color:#74898e;text-decoration:none}.payment-link{text-align:left;background:#f3f7f8;border:1px solid #e2ebed;border-radius:12px;padding:13px 14px}.payment-link label{font-size:11px;color:#72878d;display:block;margin-bottom:6px}.payment-link>div{display:flex;gap:8px;align-items:center}.payment-link input{min-width:0;width:100%;border:0;background:transparent;font-size:12px;color:#42616a;outline-offset:4px}.payment-link button{flex-shrink:0;border:0;background:transparent;color:#42616a;cursor:pointer;width:36px;height:36px;display:grid;place-items:center}.payment-copy-status{display:block;font-size:11px;line-height:1.6;color:#819195;margin:10px 0 23px}.payment-footer{font-size:11px;color:#94a5a8;margin:24px 0 0;text-align:center}.payment-page a:focus-visible,.payment-page button:focus-visible,.payment-page input:focus-visible{outline:2px solid #527f8b;outline-offset:4px}.payment-spin{animation:payment-turn 1.5s linear infinite}@keyframes payment-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.payment-spin{animation:none}}@media(max-width:520px){.payment-page{padding:25px 18px 24px}.payment-card{margin-top:26px;padding:30px 25px 21px;border-radius:22px}.payment-card h1{font-size:23px}.payment-description{font-size:13px}.payment-art{margin-bottom:23px}.payment-footer{font-size:10px}}.ss{--ss-ink:#234e55;--ss-paper:#f4f7f4;--ss-line:#cfddda;--ss-accent:#285e64;background:var(--ss-paper);color:var(--ss-ink);min-height:100svh;font-family:Arial,PingFang SC,sans-serif}.ss a{color:inherit;text-decoration:none}.ss button,.ss input,.ss textarea,.ss select{font:inherit}.ss button:focus-visible,.ss a:focus-visible,.ss input:focus-visible,.ss textarea:focus-visible,.ss select:focus-visible{outline:2px solid #458b98;outline-offset:4px}.ss .ss-header{position:static;max-width:1240px;padding:28px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.ss-brand{font:26px Georgia,serif;letter-spacing:-1px}.ss-brand span{display:block;font:10px Arial,sans-serif;letter-spacing:2px;margin-top:7px}.ss .ss-header nav{display:flex;gap:26px;align-items:center;font-size:13px}.ss .ss-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--ss-accent);color:#fff;border-radius:6px;padding:15px 22px;min-height:48px;border:1px solid transparent;font-size:13px;line-height:1.4}.ss-eyebrow{display:block;font-size:10px;letter-spacing:2px;color:#63827c}.ss h1,.ss h2,.ss h3{font-family:Songti SC,SimSun,Georgia,serif;font-weight:400}.ss-hero{max-width:1240px;margin:auto;padding:48px 32px 72px;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:58px}.ss-hero h1{font-size:clamp(36px,4.5vw,61px);line-height:1.45;letter-spacing:1px;margin:23px 0}.ss-hero p{font-size:15px;line-height:2;max-width:390px;color:#5d7877}.ss-hero-actions{display:flex;gap:25px;align-items:center;margin:30px 0 20px;font-size:13px}.ss-hero small{font-size:10px;color:#6b827e}.ss-room-photo{position:relative;display:block;aspect-ratio:.96;overflow:hidden;border-radius:46% 46% 8px 8px;background:#afc7c2;box-shadow:0 22px 48px #294c5422}.ss-room-photo img{width:100%;height:100%;object-fit:cover}.ss-room-photo>span{position:absolute;left:22px;right:22px;bottom:22px;padding:17px;background:#f6f8f3ed;border-radius:4px;font-size:13px}.ss-room-photo b{float:right;font-size:11px;font-weight:400}.ss-how{max-width:1176px;border-top:1px solid var(--ss-line);margin:auto;padding:58px 0}.ss-how h2{font-size:29px;margin:14px 0 36px}.ss-how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.ss-how article>span{font:30px Georgia;color:#8facaa}.ss-how h3{font-size:20px;margin:15px 0}.ss-how p{font-size:13px;line-height:1.9;color:#607b79}.ss-bottom{text-align:center;padding:70px 20px;background:#e5eeea}.ss-bottom h2{font-size:30px}.ss-bottom p{margin:17px 0 25px;font-size:13px}.ss .ss-footer{position:static;padding:26px 32px;display:flex;justify-content:space-between;color:#6d837e;font-size:10px}.ss-save{display:flex;align-items:center;gap:7px;font-size:11px;color:#658079}.ss-editor-layout{max-width:1160px;margin:20px auto 0;padding:0 32px 70px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:60px}.ss-sidebar{padding-top:20px}.ss-sidebar h1{font-size:31px;line-height:1.6;margin:20px 0 30px}.ss-sidebar ol{list-style:none;padding:0;margin:0}.ss-sidebar li button{display:flex;align-items:center;gap:13px;padding:12px 0;text-align:left;color:#748581;font-size:13px}.ss-sidebar li button>span{width:27px;height:27px;border:1px solid var(--ss-line);border-radius:50%;display:grid;place-items:center;font-size:10px}.ss-sidebar li button[aria-current]{color:#214f55;font-weight:700}.ss-sidebar li button[aria-current]>span{background:#285e64;color:#fff;border-color:#285e64}.ss-sidebar p{font-size:11px;line-height:1.9;color:#71827a;margin-top:30px}.ss-sidebar>a{font-size:10px;display:block;margin-top:20px}.ss-backup{display:flex;gap:18px;margin-top:20px}.ss-backup button,.ss-backup label{display:flex;align-items:center;gap:5px;font-size:11px;cursor:pointer}.ss-backup input,.ss-upload input{position:absolute;width:1px;height:1px;opacity:0}.ss-form{background:#fff;border:1px solid #dde6e1;border-radius:12px;padding:35px;min-width:0}.ss-step-heading>span{font-size:10px;letter-spacing:2px;color:#7f9890}.ss-step-heading h2{font-size:27px;margin:15px 0}.ss-step-heading p{font-size:12px;line-height:1.8;color:#70837c;margin-bottom:30px}.ss-themes{display:grid;grid-template-columns:1fr 1fr;gap:17px}.ss-themes>button{padding:8px;border:1px solid #dce4df;border-radius:8px;text-align:left;background:#fff}.ss-themes>button.selected{border:2px solid #35696a;padding:7px;background:#f0f7f3}.ss-themes strong{display:flex;justify-content:space-between;font-size:13px;font-weight:500;padding:12px 5px 5px}.ss-themes small{display:block;font-size:10px;color:#7c8880;padding:0 5px 8px}.ss-theme-art{height:110px;position:relative;border-radius:4px;overflow:hidden;background-image:linear-gradient(130deg,#ffffff10,#0002)!important}.ss-theme-window{position:absolute;left:30%;top:12px;width:40%;height:70px;border:4px solid #f8f0d6;background:linear-gradient(#9ab7c9,#ecc791)}.ss-theme-window:after{content:"";position:absolute;width:3px;height:100%;left:50%;background:#f8f0d6}.ss-theme-table{position:absolute;left:18%;right:18%;height:15px;border-radius:50%;bottom:13px;background:#b29673;box-shadow:0 6px #897357}.ss-theme-cake{position:absolute;width:28px;height:21px;border-radius:5px 5px 2px 2px;bottom:23px;left:calc(50% - 14px);background:#f5eedb;box-shadow:0 -4px #fff6e4}.ss-field{display:flex;flex-direction:column;gap:9px;margin-bottom:22px;font-size:12px}.ss-field input,.ss-field textarea,.ss-field select{width:100%;padding:12px 13px;border:1px solid #cddbd5;border-radius:5px;background:#fbfcfa;color:#284a50;line-height:1.6;font-size:15px;box-sizing:border-box}.ss-field textarea{resize:vertical}.ss-field small{font-size:10px;color:#7c8c83}.ss-switch{display:flex;align-items:flex-start;gap:10px;font-size:12px;margin:25px 0;line-height:1.7}.ss-switch small{display:block;font-size:10px;color:#7f8b84}.ss-switch input{accent-color:#285e64;width:16px;height:16px}.ss-segment{display:flex;gap:4px;background:#eef3ef;padding:4px;border-radius:7px;margin-bottom:22px}.ss-segment button{flex:1;padding:11px;border-radius:5px;font-size:12px}.ss-segment button[aria-pressed=true]{background:#fff;box-shadow:0 2px 6px #244b4510}.ss-memory{padding:21px 0 10px;border-top:1px solid #e0e8e2}.ss-memory h3{font-size:18px;margin-bottom:20px}.ss-memory h3 span{font:12px Arial;color:#8a9e96;margin-right:12px}.ss-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed #96b3a6;border-radius:6px;padding:25px;background:#f4f8f3;margin-bottom:22px;cursor:pointer;min-height:150px;font-size:12px}.ss-upload>span:last-of-type{font-size:10px;color:#76867d}.ss-upload img{max-height:200px;max-width:100%;object-fit:contain}.ss-form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:25px;margin-top:18px;border-top:1px solid #e1e8e3;gap:15px}.ss-text-button{display:inline-flex;align-items:center;gap:7px;font-size:12px;padding:10px 0;color:#55786f}.ss-errors{padding:14px;background:#fff0e8;color:#9c4c36;border:1px solid #e8bfae;border-radius:4px;font-size:12px;line-height:1.8;margin-top:20px}.ss-summary{background:#eff5f1;padding:28px;border:1px solid #cadbd0;border-radius:7px}.ss-summary h3{font-size:24px;margin:16px 0 9px}.ss-summary p{font-size:12px;color:#708176}.ss-summary dl{display:grid;grid-template-columns:100px 1fr;gap:13px;font-size:12px;margin:26px 0}.ss-summary dt{color:#7b8c81}.ss-summary dd{margin:0}.ss-publish{padding-top:27px}.ss-publish h3{font-size:20px}.ss-publish p{font-size:12px;line-height:1.9;color:#72847a;margin:12px 0}.ss-publish>button:disabled{padding:14px;background:#e3e9e4;color:#7e8c83;border-radius:5px;display:block;width:100%;opacity:1;cursor:not-allowed}.ss-publish .ss-text-button{margin-top:10px}.ss-preview-back{position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:150;border:1px solid #b3c6b8;border-radius:30px;padding:12px 18px;background:#f5f7ee;color:#244b50;display:flex;gap:8px;align-items:center;font-size:12px;box-shadow:0 3px 15px #0003}.ss-preview-note{position:fixed;top:0;left:0;right:0;background:#e9f0e9;color:#35544d;text-align:center;font-size:10px;padding:5px;z-index:150;pointer-events:none}@media(max-width:760px){.ss .ss-header{padding:22px 20px;gap:12px}.ss-brand{font-size:23px}.ss-brand span{font-size:8px}.ss .ss-header nav{gap:12px;font-size:11px}.ss .ss-header nav .ss-button{padding:10px;min-height:40px;font-size:11px}.ss-hero{grid-template-columns:1fr;gap:30px;padding:30px 22px 45px}.ss-hero h1{font-size:39px;margin:18px 0}.ss-hero p{font-size:13px}.ss-hero-actions{gap:20px}.ss-room-photo{aspect-ratio:1.15;border-radius:42% 42% 8px 8px}.ss-how{padding:35px 22px}.ss-how h2{font-size:25px}.ss-how>div{grid-template-columns:1fr;gap:25px}.ss-how article{position:relative;padding-left:47px}.ss-how article>span{position:absolute;left:0;top:10px;font-size:24px}.ss-how h3{margin:10px 0}.ss-bottom h2{font-size:25px}.ss .ss-footer{padding:23px 20px;flex-direction:column;gap:8px}.ss-save{max-width:150px;font-size:9px;line-height:1.6}.ss-editor-layout{display:block;padding:0 15px 35px;margin-top:0}.ss-sidebar{padding:5px 4px 20px}.ss-sidebar>.ss-eyebrow,.ss-sidebar>h1,.ss-sidebar>p,.ss-sidebar>a{display:none}.ss-sidebar ol{display:flex;justify-content:space-between;gap:4px}.ss-sidebar li button{flex-direction:column;gap:6px;font-size:10px;padding:8px 0}.ss-backup{justify-content:flex-end;margin-top:12px}.ss-form{padding:24px 18px}.ss-step-heading h2{font-size:24px}.ss-themes{gap:11px}.ss-themes strong{font-size:12px}.ss-themes small{font-size:9px}.ss-theme-art{height:93px}.ss-field input,.ss-field textarea,.ss-field select{font-size:16px}.ss-summary{padding:20px}.ss-summary h3{font-size:22px}.ss-button{padding:13px 18px!important}}.ss-theme-art img{display:block;width:100%;height:100%;object-fit:cover}.ss-theme-art{height:150px}@media(max-width:760px){.ss-theme-art{height:108px}}.ss-cloud{border-top:1px solid #cfddda;margin-top:22px;padding-top:17px}.ss-cloud strong{font-size:12px;font-weight:500}.ss-sidebar .ss-cloud p{margin-top:9px;font-size:10px;line-height:1.7}.ss-cloud>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.ss-cloud button{padding:8px 10px;border:1px solid #bdd0c5;border-radius:4px;font-size:11px;background:#fff}.ss-cloud .ss-cloud-confirm{background:#e7eee5;padding:10px}.ss-cloud-confirm p{width:100%}@media(max-width:760px){.ss-cloud{padding:12px;margin-top:16px;border:1px solid #d3ded6;border-radius:6px}.ss-cloud>div{margin-top:8px}}.ss-account-layout{max-width:1100px;margin:60px auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.ss-account-intro h1{font-size:42px;line-height:1.4;font-weight:500}.ss-account-intro img{width:100%;border-radius:90px 90px 12px 12px}.ss-account-panel{background:#fff;border:1px solid #dce5e2;border-radius:20px;padding:32px;align-self:start}.ss-account-panel h2{font-size:28px}.ss-account-panel p{line-height:1.8;color:#607675}.ss-account-panel button:not(.ss-button){background:#edf3f0;color:#234e55;border:1px solid #d5e1da;border-radius:8px;padding:10px 14px;cursor:pointer}.ss-account-switch{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.ss-account-notice{padding:14px;background:#edf3f0;border-radius:8px}.ss-work-card{border-top:1px solid #dce5e2;padding:20px 0;margin-top:20px}.ss-work-card img{width:100%;max-height:180px;object-fit:cover;border-radius:12px}.ss-work-card a{display:inline-block;margin:12px}.ss-account-email{overflow-wrap:anywhere}.ss-account button:disabled{opacity:.5;cursor:wait}@media(max-width:700px){.ss-account-layout{display:block;margin:24px auto;padding:0 18px}.ss-account-intro img{display:none}.ss-account-intro h1{font-size:28px}.ss-account-panel{padding:22px}.ss-account-intro{margin-bottom:24px}.ss-editor .ss-header{flex-wrap:wrap;gap:12px}}.ss-operator-content{max-width:1000px;margin:40px auto;padding:0 20px}.ss-operator-content h1{font-size:28px}.ss-operator-content p{line-height:1.8}.ss-operator-form{display:flex;gap:20px;align-items:end;margin:30px 0;flex-wrap:wrap}.ss-operator button{padding:10px 16px;cursor:pointer}.ss-operator button:disabled{opacity:.45;cursor:default}.ss-operator textarea{width:100%;box-sizing:border-box;font-family:monospace;padding:12px}.ss-voucher-list{display:grid;gap:12px}.ss-voucher-list article{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:20px;background:#fff;border:1px solid #dce5e2;border-radius:12px}.ss-voucher-list small{overflow-wrap:anywhere}.ss-operator [role=alert]{color:#9b352f}.ss-account-library .ss-account-layout{display:block;max-width:1120px;margin:44px auto}.ss-account-library .ss-account-intro{display:none}.ss-account-library .ss-account-panel{background:transparent;border:0;padding:0}.ss-account-library .ss-account-panel>h2{font-size:34px;margin:8px 0}.ss-account-library .ss-account-panel>.ss-eyebrow{font-size:11px}.ss-account-library .ss-account-email{font-size:13px;margin:0;color:#708481}.ss-library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:28px 0 20px}.ss-library-toolbar p{font-size:14px;margin:0}.ss-library-toolbar>div{display:flex;align-items:center;gap:10px}.ss-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ss-room-card{background:#fff;border:1px solid #dce5e2;border-radius:18px;overflow:hidden}.ss-room-card-cover{position:relative;aspect-ratio:1.45;overflow:hidden}.ss-room-card-cover img{width:100%;height:100%;object-fit:cover}.ss-room-status{position:absolute;top:14px;left:14px;background:#ffffffed;border-radius:20px;padding:5px 10px;font-size:11px;color:#345d5a}.ss-room-card-body{padding:20px}.ss-room-card-body>small{font-size:11px;color:#72857b}.ss-room-card-body h3{font-size:19px;line-height:1.5;margin:7px 0 20px;font-weight:500}.ss-room-card-actions{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #edf1ee;padding-top:14px}.ss-account-panel .ss-room-card-actions button{background:none;border:0;padding:4px 0;display:flex;align-items:center;gap:6px;font-size:13px}.ss-legacy-tools{margin-top:36px;border-top:1px solid #dce5e2;padding:18px 0;font-size:13px}.ss-legacy-tools summary{cursor:pointer;color:#76877f}.ss-account-panel .ss-signout{background:none;border:0;padding:8px 0;font-size:12px;color:#77877f}.ss-library-empty{text-align:center;padding:65px 20px;background:#fff;border:1px dashed #bdcec5;border-radius:18px}.ss-library-empty h3{font-size:24px;font-weight:400}.ss-work-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:470px;max-height:85dvh;border:1px solid #d8e2dd;border-radius:22px;padding:36px;color:#234e55;background:#fcfdfb}.ss-work-dialog::backdrop{background:#123f4659;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ss-work-dialog h2{font-size:25px;margin:12px 0}.ss-work-dialog p{font-size:13px;line-height:1.8;color:#71847d}.ss-work-dialog .ss-dialog-close{position:absolute;right:12px;top:12px;border:0;background:transparent;padding:7px}.ss-dialog-actions{display:flex;align-items:center;gap:12px;margin:22px 0}.ss-dialog-actions a{font-size:13px}.ss-redeem-form{border-top:1px solid #dce5e2;margin-top:24px;padding-top:22px}.ss-inline-confirm{background:#edf3ef;padding:14px;border-radius:12px;margin:16px 0}.ss-publish-action{width:100%;margin-top:24px}.ss-library-message{background:#e8f0eb;border-radius:10px;padding:12px;font-size:13px}.ss-work-dialog input{box-sizing:border-box;min-width:0;width:100%}@media(max-width:850px){.ss-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.ss-account-library .ss-account-layout{margin:26px auto}.ss-account-library .ss-account-panel>h2{font-size:28px}.ss-library-grid{grid-template-columns:1fr;gap:18px}.ss-library-toolbar{align-items:start}.ss-library-toolbar p{display:none}.ss-library-toolbar>div{width:100%;justify-content:space-between}.ss-room-card-cover{aspect-ratio:1.65}.ss-work-dialog{padding:28px 22px}.ss-room-card-body{padding:18px}.ss-library-toolbar .ss-button{font-size:13px}}.ss-order-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #dce5e2}.ss-order-row small{display:block;margin-top:6px;color:#74837b}.ss-order-row a{font-size:13px}:root{font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;color:var(--theme-text,#f4e8cf);background:var(--theme-page-bg,#0c1c19);font-synthesis:none;--gold:var(--theme-text-accent,#d9b577);--paper:var(--theme-letter-bg,#f4e8cf);--muted:var(--theme-text-muted,#c2ba9e);--serif:"Noto Serif SC","Songti SC",SimSun,serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;touch-action:manipulation}button:disabled{opacity:.5;cursor:wait}button:focus-visible{outline:2px solid var(--theme-focus,#f4d99a);outline-offset:5px}button:hover:not(:disabled){filter:brightness(1.08)}::selection{background:#a2834f;color:#fff}h1,h2,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;text-wrap:balance}button svg{flex-shrink:0}.experience{position:relative;width:100%;height:100svh;min-height:620px;overflow:hidden;background:var(--theme-page-bg,#101f1b)}.scene,.vignette,.door-preview{position:absolute;inset:0}.scene canvas{touch-action:none}.vignette{pointer-events:none;background:linear-gradient(180deg,rgba(5,16,14,.52),transparent 30%,transparent 60%,rgba(5,16,14,.68));z-index:11}header{position:absolute;top:max(28px,env(safe-area-inset-top));left:40px;right:40px;z-index:30;display:flex;align-items:center;justify-content:space-between}.brand{font-family:var(--serif);font-size:20px;letter-spacing:4px}.brand span{display:block;font:9px Arial,sans-serif;letter-spacing:2.3px;margin-top:9px;color:var(--muted)}.tools{display:flex;gap:12px;align-items:center}.tools button{display:flex;gap:7px;align-items:center;padding:10px;border:1px solid color-mix(in srgb,var(--theme-floating-border,#d9b577) 25%,transparent);border-radius:50px;background:var(--theme-floating-bg,#14272099)}.tools span{font-size:11px}.tools .selected{background:#715c35}.door-preview{background:radial-gradient(ellipse at 66% 55%,var(--theme-cover-glow,#3a4c33) 0%,var(--theme-cover-mid,#142e26) 44%,var(--theme-cover-edge,#0a1715) 100%);perspective:1300px}.door-arch{position:absolute;left:55%;top:10%;height:85%;width:330px;border:9px ridge var(--theme-door-frame,#64705a);box-shadow:10px 18px 55px var(--theme-shadow,#0009);transform:rotateY(-12deg);background:var(--theme-door-frame,#e4bb66)}.door-leaf{position:absolute;inset:0;background:var(--theme-door-panel,#193c2f);box-shadow:inset -5px 0 9px var(--theme-text-accent,#d8b77366)}.panel{position:absolute;left:11%;right:11%;border:9px ridge var(--theme-door-frame,#35503c);background:var(--theme-door-inset,#18382c)}.panel.top{top:8%;height:43%}.panel.bottom{bottom:7%;height:25%}.nameplate{position:absolute;top:55%;left:23%;right:23%;text-align:center;background:#ad935b;color:#1c2c21;padding:13px 4px;font:16px var(--serif);box-shadow:0 4px 10px #0006}.nameplate span{display:block;font:7px Arial;letter-spacing:2px;margin-top:6px}.handle{position:absolute;top:66%;right:8%;width:7px;height:48px;background:#ba9b61;border-radius:4px;box-shadow:3px 4px 4px #0008}.door-light{position:absolute;left:53%;right:10%;bottom:-25%;height:40%;background:#dabc7950;filter:blur(40px);transform:rotate(-15deg)}.welcome{position:absolute;inset:0;z-index:15;pointer-events:none}.welcome-title{position:absolute;left:10%;top:31%;max-width:550px}.invitation{font-size:12px;letter-spacing:3px;color:#d7bf8e;margin-bottom:25px!important}.welcome h1{font-size:clamp(36px,4.1vw,64px);line-height:1.55;letter-spacing:3px;text-shadow:0 4px 28px #081710}.welcome-title>p:last-child{font-size:13px;line-height:2.2;color:#cac7ac;margin-top:22px}.enter-area{position:absolute;left:10%;bottom:15%;pointer-events:auto}.primary{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:48px;padding:14px 25px;background:#debe85;color:#263127!important;border-radius:3px;font-size:13px;letter-spacing:1px;box-shadow:0 6px 24px #0002}.primary:hover{background:#eed09a}.hint{font-size:10px;letter-spacing:1px;color:#c7bea5;margin-top:17px;text-align:center}.mobile-only{display:none}footer{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:40px;right:40px;display:flex;gap:18px;align-items:center;justify-content:space-between;z-index:25;color:#b4b59e;font-size:10px;letter-spacing:1px}footer button{font-size:10px;padding:3px}.room-caption{position:absolute;top:125px;left:0;right:0;text-align:center;pointer-events:none;z-index:12}.room-caption p{font-size:11px;letter-spacing:2px;color:#d7c5a5}.room-caption h1{font-size:29px;margin:12px 0}.room-caption>span{font-size:10px;color:#c7c4ab}.explore-nav{position:absolute;bottom:65px;left:50%;transform:translate(-50%);z-index:25;display:flex;align-items:center;background:#10291fea;border:1px solid #c8aa6950;border-radius:6px;padding:8px 16px;gap:22px;box-shadow:0 8px 35px #0004}.explore-nav button{position:relative;display:flex;gap:9px;align-items:center;padding:12px 9px;font-size:12px;white-space:nowrap}.check{position:absolute;right:0;top:3px;color:#e1c38c}.progress{font-size:10px;color:#bfae8c;border-left:1px solid #bfae8c50;padding:0 0 0 19px;white-space:nowrap}.hotspot{background:#142e26e8;border:1px solid #cfb2778c;border-radius:20px;padding:8px 12px;white-space:nowrap;font-size:10px;display:flex;align-items:center;gap:8px;box-shadow:0 5px 18px #0003}.hotspot span{width:5px;height:5px;border-radius:50%;background:#efd198;outline:1px solid #efd19855;outline-offset:3px}.back{position:absolute;top:100px;left:40px;z-index:30;font-size:12px;display:flex;gap:9px;align-items:center;background:#142820cc;padding:11px 15px;border-radius:3px}.detail{position:absolute;z-index:20;animation:appear .65s ease both}.small-detail{left:50%;bottom:12%;transform:translate(-50%);width:480px;max-width:calc(100% - 40px);text-align:center;background:#10291fef;padding:28px 30px;border:1px solid #d9b57745;border-radius:5px}.small-detail>svg{color:var(--gold);margin-bottom:12px}.detail h2{font-size:24px;line-height:1.6}.detail p{font-size:13px;line-height:2;color:#cfc6ad;margin:17px 0 23px}.status{display:block;font-size:10px;margin-top:15px;color:#cbbd9b}.photo-detail{display:flex;align-items:center;gap:45px;left:50%;top:50%;transform:translate(-50%,-44%);width:750px;max-width:90%;background:#10251ff5;padding:34px}.polaroid{background:#f0e7d5;color:#5a554a;padding:13px 13px 22px;transform:rotate(-4deg);box-shadow:4px 12px 28px #0005;width:300px;flex-shrink:0}.polaroid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.polaroid span{display:block;text-align:center;font:14px var(--serif);margin-top:17px;letter-spacing:2px}.photo-copy{flex:1}.photo-counter{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:#d8be8a}.photo-counter>span{font:20px var(--serif)}.photo-counter i{font:11px Arial;color:#b5b098}.photo-counter button{padding:8px}.text-button{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:#e0c493;padding:12px 0;border-bottom:1px solid #bda57470}.letter-detail{right:8%;top:20%;bottom:12%;width:420px;max-width:90%;background:#eee4cc;color:#3e4638;padding:28px 35px;display:flex;flex-direction:column;box-shadow:4px 15px 45px #0004}.letter-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#807457;margin-bottom:18px}.letter-scroll{overflow:auto;margin-top:10px;scrollbar-width:thin;scrollbar-color:#a0906b #eee4cc}.letter-detail p{color:#555b4b;font-family:var(--serif);font-size:14px;line-height:2}.letter-text{white-space:pre-line}.letter-detail .signature{text-align:right;font-size:12px}.letter-detail .text-button{color:#60522f;align-self:flex-start;flex-shrink:0}.final{position:absolute;inset:0;z-index:21;display:flex;align-items:center;justify-content:center;text-align:center;background:#091c1ace;animation:appear 1.2s ease}.final-date{font-size:11px;letter-spacing:3px;color:#d7c298}.final h1{font-size:58px;line-height:1.55;letter-spacing:5px;margin:24px 0}.final p{white-space:pre-line;line-height:2.2;font-size:15px;letter-spacing:2px;color:#dfd2b6}.from{display:block;margin-top:26px;font:13px var(--serif);color:#cfbc91}.final-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:38px}.toast{position:absolute;z-index:40;left:50%;bottom:150px;transform:translate(-50%);background:#efe1c2;color:#28392e;font-size:12px;padding:17px 20px;max-width:90%;width:max-content;box-shadow:0 8px 22px #0004;display:flex;gap:15px;align-items:center;line-height:1.7}.audio-notice{position:absolute;top:82px;right:30px;z-index:40;background:#dbc395;color:#243b2a;padding:8px;font-size:10px}.load-error{font-size:12px;padding-top:10px}.load-error button{text-decoration:underline;margin:12px 12px 0 0}.fallback{max-width:700px;margin:auto;padding:40px 25px;background:#122b24;min-height:100vh}.fallback h1{font-size:35px;margin:60px 0 25px}.fallback p{line-height:2;white-space:pre-line;margin:20px 0;color:#d6ccb4}.fallback figure{margin:40px 0}.fallback img{width:100%;max-height:450px;object-fit:cover}.fallback h2{font-size:23px;margin-top:20px}.fallback button{background:#ddbf88;color:#233a2a;padding:15px;margin:20px 0}.fallback small{display:block}.spinning{animation:spin 5s linear infinite}.holding{background:#f3dba6}.wish-detail{bottom:10%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0}to{opacity:1}}@media(max-width:700px){.experience{min-height:560px}header{left:22px;right:22px;top:max(23px,env(safe-area-inset-top))}.brand{font-size:18px;letter-spacing:3px}.brand span{font-size:8px;letter-spacing:1.7px}.tools{gap:8px}.tools span{display:none}.tools button{padding:10px}.door-arch{left:34%;top:22%;width:230px;height:67%;transform:rotateY(-15deg)}.door-preview{background:radial-gradient(ellipse at 80% 60%,var(--theme-cover-glow,#456042),var(--theme-cover-mid,#19392d) 50%,var(--theme-cover-edge,#0c211b))}.welcome-title{left:8%;top:18%;z-index:2}.welcome .invitation{font-size:10px;letter-spacing:2px;margin-bottom:17px!important}.welcome h1{font-size:35px;letter-spacing:2px;text-shadow:1px 3px 20px var(--theme-shadow,#06160c)}.welcome-title>p:last-child{font-size:11px;margin-top:20px;text-shadow:0 2px 10px #000}.mobile-only{display:block}.enter-area{left:8%;right:8%;bottom:12%}.enter-area .primary{width:100%;min-height:51px;background:#e3c793}.hint{font-size:9px}.nameplate{font-size:13px;padding:10px 0}.panel{border-width:6px}footer{left:22px;right:22px;font-size:8px;gap:8px;bottom:max(20px,env(safe-area-inset-bottom))}footer button{font-size:9px}.room-caption{top:105px}.room-caption h1{font-size:24px}.room-caption p{font-size:10px}.room-caption>span{font-size:9px}.explore-nav{bottom:64px;padding:6px 10px;gap:9px;width:calc(100% - 40px);justify-content:space-between}.explore-nav button{flex-direction:column;gap:7px;padding:10px;font-size:10px}.progress{padding-left:12px;font-size:9px}.hotspot{font-size:9px;padding:7px 9px}.back{left:22px;top:94px;font-size:10px;padding:8px 12px}.small-detail{bottom:11%;padding:23px 20px;width:calc(100% - 38px)}.detail h2{font-size:21px}.detail p{font-size:12px;margin:12px 0 19px}.photo-detail{top:52%;max-width:88%;max-height:73%;width:360px;padding:20px 23px;flex-direction:column;gap:17px;overflow:auto;transform:translate(-50%,-45%)}.polaroid{width:65%;padding:8px 8px 13px}.polaroid span{font-size:11px;margin-top:10px}.photo-counter{margin:0 0 3px}.photo-copy{width:100%}.photo-copy h2{font-size:21px}.photo-copy p{font-size:12px;line-height:1.9}.photo-counter button{padding:3px}.photo-counter>span{font-size:17px}.photo-copy .text-button{padding:8px 0}.letter-detail{inset:20% 6% 11%;width:auto;padding:25px}.letter-detail p{font-size:13px;line-height:2.1}.final h1{font-size:45px;margin:24px 0}.final-date{font-size:9px;letter-spacing:1.8px}.final p{font-size:13px}.final-actions{margin-top:30px}.toast{bottom:157px;font-size:11px}.audio-notice{right:22px;top:77px}.outside .scene{opacity:.72}.final{background:#0a201cba}}@media(max-height:700px){.welcome-title{top:17%}.welcome h1{font-size:31px}.welcome-title>p:last-child{margin-top:12px}.photo-detail{gap:8px;padding:15px 20px}.polaroid{width:46%}.detail p{margin:8px 0 12px}.final h1{font-size:37px;margin:15px 0}.final-actions{margin-top:20px}.letter-detail{top:22%}.room-caption{top:94px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.roam-toggle{position:absolute;bottom:145px;left:50%;transform:translate(-50%);z-index:24;display:flex;align-items:center;gap:8px;padding:11px 18px;background:#142e25e8;border:1px solid #bda16e70;border-radius:24px;font-size:11px;white-space:nowrap}.roam-controls{position:absolute;left:35px;bottom:170px;z-index:26;display:flex;flex-direction:column;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.joystick{width:112px;height:112px;border:1px solid #cfb58480;border-radius:50%;background:#10271dc9;position:relative;touch-action:none;box-shadow:0 8px 28px #0003}.joystick>svg{position:absolute;color:#d6be91;pointer-events:none}.pad-north{top:8px;left:47px}.pad-south{bottom:8px;left:47px}.pad-west{left:8px;top:47px}.pad-east{right:8px;top:47px}.joystick-knob{position:absolute;top:37px;left:37px;width:36px;height:36px;border-radius:50%;background:#bba171;border:1px solid #e3c999;box-shadow:0 4px 12px #0005;pointer-events:none}.roam-controls>span{font-size:9px;color:#d6c29d;letter-spacing:1px}.step-controls{display:flex;gap:5px}.step-controls button{border:1px solid #bda16e60;border-radius:4px;background:#152d23c9;width:28px;height:27px;display:grid;place-items:center}.roam-help{position:absolute;right:38px;bottom:203px;z-index:20;pointer-events:none;color:#e1cfac;font-size:12px;line-height:2;text-shadow:0 2px 8px #000}.roam-help span{font-size:9px;color:#b8b496}.roaming-caption h1{font-size:20px}.roaming-caption>p{display:none}.roaming-caption{opacity:.8}.photo-detail{background:#112a22f0}.polaroid{transition:transform .5s ease-out}.letter-detail{background:#f3e9d2}@media(max-width:700px){.roam-toggle{bottom:151px;font-size:10px;padding:10px 14px}.roam-controls{left:22px;bottom:197px}.joystick{width:98px;height:98px}.joystick-knob{left:30px;top:30px}.pad-north,.pad-south{left:40px}.pad-west,.pad-east{top:40px}.roam-help{right:22px;bottom:225px;font-size:10px;max-width:140px}.roaming-caption{top:102px}.roaming-caption h1{font-size:18px}.roaming-caption>span{font-size:9px}.tools{gap:6px}.tools button{padding:9px}.room-caption{top:103px}.room-caption h1{font-size:23px}}.wish-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.mic-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 15px;border:1px solid #d9b57770;border-radius:22px;background:#142720cc;color:#ead9b6;font-size:11px}.primary-mic{min-height:48px;padding:12px 20px;background:var(--theme-button-bg,#8b4560)!important;border-color:var(--theme-button-border,#edb8c5)!important;color:var(--theme-button-text,#fff7e7)!important;font-size:12px;font-weight:700}.candle-fallback{font-size:10px;opacity:.78}.mic-button.listening{border-color:#f3d18b;background:#795d35;color:#fff2d0}.mic-button:disabled{cursor:wait}.mic-button svg{color:#f4d99a}.scene canvas{cursor:grab}.scene canvas[data-dragging=true]{cursor:grabbing}.room-loading{position:absolute;left:50%;bottom:12%;z-index:8;transform:translate(-50%);display:flex;min-width:250px;flex-direction:column;align-items:center;gap:8px;padding:18px 24px;border:1px solid var(--theme-floating-border,#d9b577);border-radius:18px;background:var(--theme-floating-bg,#142720e8);color:var(--theme-text,#f4e8cf);box-shadow:0 14px 45px var(--theme-shadow,#0008);text-align:center}.room-loading strong{font-family:var(--serif);font-size:15px;letter-spacing:1px}.room-loading small{color:var(--theme-text-muted,#c2ba9e);font-size:10px}.loading-spinner{width:25px;height:25px;border:2px solid color-mix(in srgb,var(--theme-text-accent,#f8d27a) 28%,transparent);border-top-color:var(--theme-text-accent,#f8d27a);border-radius:50%;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-spinner{animation-duration:1.6s}}.experience{color:var(--theme-text,#f4e8cf);background:var(--theme-page-bg,#101f1b)}.door-preview{background:radial-gradient(ellipse at 66% 55%,var(--theme-cover-glow,#3a4c33) 0%,var(--theme-cover-mid,#142e26) 44%,var(--theme-cover-edge,#0a1715) 100%)}.door-arch{border-color:var(--theme-door-frame,#64705a);background:var(--theme-door-frame,#e4bb66);box-shadow:10px 18px 55px var(--theme-shadow,#0009)}.door-leaf{background:var(--theme-door-panel,#193c2f);box-shadow:inset -5px 0 9px color-mix(in srgb,var(--theme-text-accent,#d8b773) 40%,transparent)}.panel{border-color:var(--theme-door-frame,#64705a)}.nameplate{color:var(--theme-text-on-accent,#fff7e7);background:var(--theme-door-inset,#7c3d55);border-color:var(--theme-text-accent,#d9b577)}.handle{background:var(--theme-text-accent,#d9b577);border-color:var(--theme-door-frame,#e8b4c4)}.vignette{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-shadow,#160b12) 70%,transparent),transparent 30%,transparent 60%,color-mix(in srgb,var(--theme-shadow,#160b12) 82%,transparent))}.tools button,.roam-toggle,.step-controls button,.mic-button{background:var(--theme-floating-bg,#14272099);border-color:var(--theme-floating-border,#d9b577)}.tools .selected,.mic-button.listening{background:var(--theme-button-bg,#715c35)}.tools button,.roam-toggle,.step-controls button,.mic-button,.hotspot,.back,.text-button,.explore-nav button{color:var(--theme-text,#f4e8cf)}.primary{background:var(--theme-button-bg,#e3c793);color:var(--theme-button-text,#291820)!important;border-color:var(--theme-button-border,#edb8c5)}.welcome h1,.final h1{color:var(--theme-text)}.welcome .invitation,.room-caption p,.final-date{color:var(--theme-text-accent)}.welcome-title>p:last-child,.room-caption>span,.detail p{color:var(--theme-text-muted)}.text-button{color:var(--theme-text-accent);border-color:var(--theme-button-border)}.check{color:var(--theme-success,#e1c38c)}.photo-counter{color:var(--theme-text-accent)}.photo-counter i{color:var(--theme-text-muted)}.detail,.small-detail,.photo-detail{background:var(--theme-detail-bg,#112a22f0);border-color:var(--theme-floating-border,#d9b577)}.letter-detail{background:var(--theme-letter-bg,#f3e9d2);color:var(--theme-text-on-paper,#432737)}.letter-detail h2,.letter-detail .letter-head,.letter-detail .letter-text,.letter-detail .signature{color:var(--theme-text-on-paper,#432737)!important}.letter-detail .letter-head{border-color:var(--theme-floating-border,#d9b577)}.polaroid{background:var(--theme-letter-bg,#f4e8cf);color:var(--theme-text-on-paper,#432737)}.joystick{background:var(--theme-joystick-bg,#10271dc9);border-color:var(--theme-floating-border,#cfb584)}.joystick-knob{background:var(--theme-joystick-knob,#bba171);border-color:var(--theme-button-border,#e3c999)}.roam-controls>span,.roam-help{color:var(--theme-text-muted,#d6c29d)}.toast,.audio-notice{background:var(--theme-floating-bg,#142720);border-color:var(--theme-floating-border,#d9b577);color:var(--theme-text,#f4e8cf)}footer,.hint,.status{color:var(--theme-text-muted,#c2ba9e)}.wish-actions{color:var(--theme-text)}.explore-nav{background:var(--theme-floating-bg,#142720);border-color:var(--theme-floating-border,#d9b577);color:var(--theme-text,#f4e8cf);box-shadow:0 8px 28px var(--theme-shadow,#0008)}.explore-nav button{color:var(--theme-text,#f4e8cf)}.explore-nav button.selected,.explore-nav button[aria-current=step]{color:var(--theme-text-on-accent,#fff7e7);background:var(--theme-button-bg,#8b4560)}.explore-nav .progress,.progress{color:var(--theme-text-accent,#f8d27a)}.hotspot{background:var(--theme-floating-bg,#142720)!important;border-color:var(--theme-floating-border,#d9b577)!important;color:var(--theme-text,#f4e8cf)!important;box-shadow:0 6px 20px var(--theme-shadow,#0008)}.hotspot span{background:var(--theme-text-accent,#f8d27a)!important;border-color:var(--theme-text-accent,#f8d27a)!important}.back{background:var(--theme-floating-bg,#142720)!important;border-color:var(--theme-floating-border,#d9b577)!important;color:var(--theme-text,#f4e8cf)!important}.detail,.small-detail,.photo-detail,.letter-detail{box-shadow:0 18px 60px var(--theme-shadow,#0008)}.detail h2,.small-detail h2,.photo-copy h2{color:var(--theme-text,#fff4e8)}.detail p,.small-detail p,.photo-copy p{color:var(--theme-text-muted,#ead2d5)}.roam-toggle,.roam-help,.roam-controls>span,.step-controls button{color:var(--theme-text,#f4e8e8)}.step-controls button{background:var(--theme-floating-bg,#142720)!important;border-color:var(--theme-floating-border,#d9b577)!important}.roam-controls svg{color:var(--theme-text-accent,#f8d27a)}.toast,.audio-notice{box-shadow:0 10px 30px var(--theme-shadow,#0008)}.experience,.fallback{--gold:var(--theme-text-accent);--cream:var(--theme-text)}.welcome h1,.welcome-title>p:last-child,.final h1{white-space:pre-line}.final{background:color-mix(in srgb,var(--theme-page-bg) 76%,transparent)}.final p,.from{color:var(--theme-text-muted)}.fallback{background:var(--theme-page-bg);color:var(--theme-text)}.fallback p{color:var(--theme-text-muted)}.fallback button{background:var(--theme-button-bg);color:var(--theme-button-text)}.letter-scroll{scrollbar-color:var(--theme-photo-caption) var(--theme-letter-bg)}.letter-detail .text-button{color:var(--theme-text-on-paper)}.progress{border-left-color:var(--theme-floating-border)}.roam-help span{color:var(--theme-text-muted)}.mic-button svg{color:var(--theme-text-accent)}.hotspot span{outline-color:var(--theme-floating-border)}.door-light{background:var(--theme-text-accent)}.experience,.fallback{--muted:var(--theme-text-muted);--paper:var(--theme-letter-bg)}.polaroid{background:var(--theme-photo-paper);color:var(--theme-photo-caption)}.letter-detail .text-button{border-color:var(--theme-photo-caption)}footer a{color:inherit;text-decoration:none}.party-detail h2{font-size:clamp(20px,2.2vw,30px);line-height:1.65}.party-detail .text-button{margin-top:12px}.party-detail{max-width:480px}.detail .panel-return{display:flex;justify-content:center;gap:8px;margin:10px auto 0;padding:9px 12px;flex-shrink:0}.letter-detail>.panel-return{margin-top:2px}.room-caption.room-intro{opacity:0;animation:none;transition:opacity .2s cubic-bezier(.23,1,.32,1)}.room-caption.room-intro[data-visible=true]{opacity:1}.room-caption.room-intro[data-reduced=true]{transition-duration:.1s}.room-guidance{position:absolute;left:20px;right:20px;bottom:195px;z-index:24;text-align:center;pointer-events:none;font-size:11px;line-height:1.6;color:var(--theme-text);text-shadow:0 1px 5px #000,0 2px 12px #0009}@media(max-width:700px){.room-guidance{bottom:198px;font-size:10px}}@media(prefers-reduced-motion:reduce){.room-caption.room-intro{transition-duration:.1s}}.letter-detail .letter-text,.fallback .letter-text{white-space:pre-wrap;overflow-wrap:anywhere}.birthday-gate{min-height:100svh;display:grid;place-items:center;padding:30px 22px;background:radial-gradient(ellipse at 75% 10%,#b4c9bd 0,transparent 55%),linear-gradient(145deg,#355e61,#172e34);color:#385b5c}.birthday-invitation{width:100%;max-width:420px;background:#f6edda;padding:40px 32px;border:1px solid #d1b98a;box-shadow:0 20px 70px #102b3350;text-align:center}.gate-eyebrow{font-size:11px;letter-spacing:3px;color:#8c7653}.birthday-invitation h1{font-size:27px;line-height:1.7;margin:24px 0 18px}.birthday-invitation>p{font-size:12px;line-height:1.8}.birthday-invitation label{display:block;text-align:left;font-size:12px;margin:28px 0 9px}.birthday-invitation input{width:100%;font:22px Arial;padding:14px;color:#355e61;background:#fffcf4;border:1px solid #a9b9ac;border-radius:4px;letter-spacing:6px;outline-offset:3px}.birthday-invitation small{display:block;text-align:left;font-size:10px;margin:9px 0;color:#7a7869}.birthday-invitation .gate-error{min-height:23px;margin:10px 0;color:#a04a36}.birthday-invitation .primary{width:100%;background:#355e61;color:#fff5dd!important}.birthday-invitation input:focus-visible{outline:2px solid #628e8d}.letter-detail .letter-scroll{border:1px solid #bda981;padding:14px 16px;box-shadow:inset 0 0 0 4px #bda98118;background:#fffaf01a}.letter-detail .letter-scroll .letter-text{margin-top:0}.panel-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;flex-shrink:0;margin-top:10px}.detail .panel-actions .text-button{font-size:11px;gap:5px;white-space:nowrap;margin:0;padding:11px 0;align-self:auto}.detail .panel-actions .panel-return{margin-left:auto}.panel-actions svg{width:14px;height:14px}.birthday-gate{position:fixed;inset:0;z-index:100;background:#122a304d;min-height:100svh;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow:auto}.birthday-invitation{max-width:360px;padding:24px;background:#f6eddafa;box-shadow:0 12px 45px #102b3340}.birthday-invitation h1{font-size:22px;line-height:1.6;margin:16px 0 12px}.birthday-invitation label{margin-top:17px}.birthday-invitation input{padding:11px;font-size:19px}.birthday-invitation .gate-error{min-height:0;margin:7px 0}.birthday-invitation .gate-error:empty{display:none}.birthday-invitation .primary{margin-top:12px;min-height:44px;padding:11px}.birthday-invitation small{margin-bottom:0}@media(max-width:380px){.letter-detail{padding:20px}.detail .panel-actions .text-button{font-size:10px;gap:3px}.panel-actions{gap:6px}.birthday-invitation h1{font-size:20px}}.first-step-hint{position:absolute;bottom:calc(100% + 8px);left:12px;margin:0;padding:10px 13px 6px;border:1px solid var(--theme-floating-border);border-radius:5px;background:var(--theme-floating-bg);color:var(--theme-text);font-size:11px;line-height:1.6;white-space:nowrap;pointer-events:none}.first-step-hint span{display:block;text-align:left;padding-left:12px;font-size:16px;line-height:18px}.first-step-target:after{content:"";position:absolute;inset:1px;border:1px solid #e2c381;border-radius:5px;pointer-events:none;animation:first-step-pulse 1.2s ease-in-out 2;opacity:.75}@keyframes first-step-pulse{0%,to{opacity:.75}50%{opacity:.15}}.first-step-target[data-reduced=true]:after{animation:none}.birthday-invitation .brightness-tip{font-size:10px;margin-top:13px;color:#68796b}.hint>span{display:inline-block;margin-top:8px}@media(prefers-reduced-motion:reduce){.first-step-target:after{animation:none}}.birthday-invitation input{background:#fffdf7;min-height:46px;font-size:18px;letter-spacing:3px}.birthday-invitation input::placeholder{font-size:13px;letter-spacing:.5px;color:#8a8b7e;opacity:1}.birthday-invitation #birthday-help{font-size:10px;line-height:1.6;color:#74786c}.birthday-invitation>p:not(.gate-error):not(.brightness-tip){font-size:11px}