:root{--cream:#e9e1d2;--amber:#d3944d;--night:#071015}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--night)}body{color:var(--cream);font-family:"Songti SC","STSong",Georgia,serif}button,textarea{font:inherit}.inn{min-height:100svh;position:relative;overflow:clip;background:radial-gradient(circle at 70% 34%,#1b282a,#0b1519 38%,#05090b 80%)}.inn:before{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;opacity:.25;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}.rain{position:absolute;inset:-25%;z-index:1;opacity:.25;transform:rotate(9deg);background:repeating-linear-gradient(90deg,transparent 0 38px,#a9cad121 39px,transparent 40px);animation:rain .75s linear infinite}@keyframes rain{to{translate:-10px 60px}}.header{position:absolute;z-index:30;inset:0 0 auto;height:84px;padding:18px 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{border:0;background:none;color:inherit;display:flex;gap:12px;align-items:center;text-align:left;cursor:pointer}.brand>span,.seal{width:40px;height:40px;border:1px solid #b98755;border-radius:50%;display:grid;place-items:center;color:#e1b271}.brand b{font-weight:400;letter-spacing:.15em}.brand small{display:block;color:#70797a;font:7px Arial;letter-spacing:.2em;margin-top:3px}.status{font:11px system-ui;color:#879091}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8da473;margin-right:8px;box-shadow:0 0 9px #8da473}.status time{margin-left:18px;color:#c4bfb6}.scene{display:none;min-height:100svh;position:relative;z-index:2;padding:105px 6vw 55px}.scene.active{display:grid;animation:enter .65s ease both}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1}}.eyebrow{color:#c99053;font:10px system-ui;letter-spacing:.3em;margin:0 0 20px}.door-scene{grid-template-columns:1fr 1fr;align-items:center}.door-copy{padding-left:4vw}.door-copy h1{font-weight:400;font-size:clamp(54px,6.4vw,92px);line-height:1.12;margin:0 0 25px;text-shadow:0 4px 25px #000}.lead{color:#a5a4a0;line-height:2;font-size:16px}.primary{height:53px;min-width:205px;border:1px solid #ae7237;background:linear-gradient(105deg,#ae6f35,#d59b55);color:#17100a;padding:0 0 0 25px;display:inline-flex;align-items:center;justify-content:space-between;cursor:pointer;letter-spacing:.1em;box-shadow:0 14px 35px #0008}.primary i{font-style:normal;width:52px;height:100%;display:grid;place-items:center;border-left:1px solid #76502a}.primary:disabled{opacity:.35;cursor:not-allowed}.privacy{display:block;color:#667174;font:10px system-ui;margin-top:15px}.door{justify-self:center;align-self:end;width:min(320px,72%);height:78%;min-height:470px;position:relative;background:linear-gradient(90deg,#261a12,#53351f 5%,#362316 50%,#251811);border:8px solid #17100c;box-shadow:-15px 10px 50px #000c,0 -20px 70px #d69a5430}.door:before,.door:after{content:"";position:absolute;left:13%;right:13%;height:30%;border:2px solid #795132;box-shadow:inset 0 0 25px #160d08}.door:before{top:12%}.door:after{bottom:11%}.door-sign{position:absolute;z-index:2;top:49%;left:50%;translate:-50% -50%;padding:12px 18px;background:#15110edb;border:1px solid #967951;color:#ead1a9;text-align:center;line-height:1.5;letter-spacing:.2em}.door i{position:absolute;z-index:3;right:10%;top:53%;width:12px;height:12px;border-radius:50%;background:#b7935b;box-shadow:0 0 0 4px #634a2f}.checkin-scene{place-items:center;background:radial-gradient(circle at 50% 30%,#283033,#091114 58%,#05090b)}.back,.close,.text{border:0;background:none;color:#858d8d;cursor:pointer}.back{position:absolute;top:108px;left:5vw}.card{position:relative;width:min(750px,100%);padding:50px 60px 38px;background:#10191cf5;border:1px solid #76573566;box-shadow:0 30px 80px #000c}.card h2,.paper h2,.goodbye h2{font-weight:400;font-size:31px;margin:0 0 12px}.muted,.fine{font:12px/1.7 system-ui;color:#7b8585}.key{position:absolute;right:45px;top:-16px;width:70px;height:92px;background:#9c6d37;color:#17100a;display:grid;place-items:center;font-size:30px;box-shadow:0 12px 25px #0008}.key small{font:6px system-ui;letter-spacing:.1em;margin-top:-25px}.card fieldset{border:0;padding:0;margin:28px 0 0}.card legend{font-size:12px;margin-bottom:11px}.choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.choices button{height:44px;border:1px solid #344044;background:#121b1e;color:#939b9b;cursor:pointer}.choices button.selected{border-color:#b27a42;color:#edc48d;background:#322416}.wide{width:100%;margin-top:32px}.fine{text-align:center;font-size:9px}.room-scene{background:linear-gradient(110deg,#071015,#111b1f 48%,#211c17)}.room-title{position:absolute;left:5vw;top:112px;display:flex;align-items:center;gap:12px}.room-title em{font:38px Georgia;color:#bd8951;border-right:1px solid #765a3e;padding-right:12px}.room-title span{font-size:15px;letter-spacing:.13em}.room-title small{display:block;font:8px system-ui;color:#6d7677;margin-bottom:4px}.window{position:absolute;left:16%;top:21%;width:32%;height:44%;border:13px solid #1b2223;background:linear-gradient(#07131d,#18313b);box-shadow:inset 0 0 45px #000;overflow:hidden}.window:before{content:"";position:absolute;inset:-30%;transform:rotate(10deg);background:repeating-linear-gradient(90deg,transparent 0 15px,#bcd3dd31 16px,transparent 17px);animation:rain .65s linear infinite}.window i,.window b{position:absolute;z-index:2;background:#151b1c}.window i{width:9px;top:0;bottom:0;left:52%}.window b{height:9px;left:0;right:0;top:55%}.lamp{position:absolute;z-index:4;left:54%;top:32%;width:105px}.lamp span{display:block;height:70px;background:linear-gradient(100deg,#a86b30,#e0ae67,#8f582b);clip-path:polygon(23% 0,77% 0,100% 100%,0 100%);box-shadow:0 0 65px #d89b54aa}.lamp i{display:block;width:7px;height:135px;background:#7d6548;margin:auto}.lamp b{display:block;width:66px;height:11px;border-radius:50%;background:#5e4a34;margin:auto}.lamp-off .lamp span{background:#2b2925;box-shadow:none}.lamp-off .room-scene{filter:brightness(.62)}.bed{position:absolute;z-index:3;right:-4%;bottom:15%;width:58%;height:31%;background:#afa38c;border-radius:5px;transform:skewY(-2deg);box-shadow:-20px 24px 45px #0008}.bed i{position:absolute;left:6%;top:-8%;width:34%;height:40%;background:#d0c5ae;border-radius:48%}.bed b{position:absolute;right:0;bottom:0;width:67%;height:78%;background:linear-gradient(145deg,#344046,#1d282c);border-radius:8px 0 0}.bedside-note{position:absolute;z-index:8;left:52%;bottom:30%;width:125px;height:44px;border:0;background:#d4c5a7;color:#33271d;transform:rotate(-3deg);cursor:pointer;font-size:10px;box-shadow:0 8px 15px #0007}.controls{position:absolute;right:4vw;top:110px;display:flex;gap:7px}.controls button{width:100px;height:64px;border:1px solid #394345;background:#10181bd9;color:#a1a7a7;cursor:pointer;text-align:left;padding:10px;font-size:11px}.controls button.active{border-color:#966c3f;color:#e5bc83;background:#211b15}.controls small{display:block;color:#687273;font:8px system-ui;margin-top:5px}.whisper{position:absolute;left:5vw;bottom:5%;color:#6e7474;font-size:12px;letter-spacing:.1em}.note-scene{grid-template-columns:minmax(220px,320px) minmax(500px,700px);gap:45px;align-items:center;justify-content:center;background:#030709ec;backdrop-filter:blur(10px)}.close{position:absolute;right:5vw;top:105px;font:30px Arial}.note-scene blockquote{background:#d9cbaa;color:#3d3328;padding:35px 30px;transform:rotate(-2deg);font:17px/2 "Kaiti SC","STKaiti",serif;box-shadow:0 25px 50px #000}.note-scene blockquote small{display:block;font:10px system-ui;color:#786b59;margin-top:18px}.paper{background:#ebe2cf;color:#302a23;padding:38px 45px 28px;box-shadow:0 35px 80px #000;transition:.8s}.paper header{position:relative;border-bottom:1px solid #c9bda6}.paper header .eyebrow{color:#966733;margin-bottom:8px}.paper h2{font-size:27px}.paper header>span{position:absolute;right:0;top:5px;font:9px system-ui;color:#9b8c77}.paper textarea{width:100%;height:185px;border:0;outline:0;resize:none;background:repeating-linear-gradient(transparent 0 37px,#cfc3ae 38px);font:18px/38px "Kaiti SC","STKaiti",serif;color:#3b3329;padding:5px 0;margin-top:15px}.count{text-align:right;font:9px system-ui;color:#9f927e}.note-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.note-actions button{border:1px solid #b3a58e;background:none;color:#4c4032;text-align:left;padding:12px;cursor:pointer}.note-actions button:disabled{opacity:.3}.note-actions b,.note-actions small{display:block}.note-actions small{font:8px system-ui;color:#8f806d;margin-top:4px}.paper.left{transform:translateY(-30px) rotate(-4deg);opacity:0}.paper.folded{transform:scale(.12) rotate(20deg) translate(300px,320px);opacity:0}.checkout-scene{grid-template-columns:350px 440px;gap:85px;align-items:center;justify-content:center;background:radial-gradient(circle at 25% 50%,#25211c,#0b1215 50%,#05090b)}.receipt{background:#e7deca;color:#322b22;padding:35px 38px 42px;box-shadow:0 25px 60px #000b;text-align:center}.receipt .seal{margin:auto;color:#8e6030;border-color:#8e6030}.receipt .eyebrow{color:#8d6b47;margin:15px 0 8px}.receipt h2{font-weight:400;font-size:19px}.receipt hr{border:0;border-top:1px dashed #a99c86;margin:23px 0}.receipt dl div,.total{display:flex;justify-content:space-between;margin:12px 0;font:11px system-ui}.receipt dt{color:#817665}.receipt dd{margin:0}.total b{font-size:15px;color:#80582d}.receipt>p:last-child{font-size:11px;color:#756a5c;margin-top:28px}.goodbye h2{font-size:43px}.goodbye>p:not(.eyebrow){color:#858c8c;line-height:2;margin-bottom:28px}.goodbye .text{display:block;margin:20px 0 0 26px;text-decoration:underline;text-underline-offset:5px}.toast{position:fixed;z-index:60;left:50%;bottom:60px;translate:-50% 20px;background:#e5d6bb;color:#32271b;padding:11px 20px;font:11px system-ui;opacity:0;pointer-events:none;transition:.3s}.toast.show{opacity:1;translate:-50% 0}footer{position:absolute;z-index:30;left:0;right:0;bottom:0;height:32px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;color:#454e50;font:8px system-ui;border-top:1px solid #ffffff08}
@media(max-width:850px){.header{height:70px;padding:14px 18px}.scene{padding:88px 20px 45px}.door-scene{grid-template-columns:1fr}.door-copy{padding:0}.door-copy h1{font-size:52px}.door{position:absolute;right:-25%;top:18%;width:70%;height:70%;min-height:420px;opacity:.35}.back{top:85px}.card{padding:38px 22px 27px}.card h2{font-size:24px;padding-right:60px}.key{right:22px;width:58px;height:76px}.choices{grid-template-columns:repeat(2,1fr)}.room-title{top:88px}.controls{top:auto;bottom:38px;left:10px;right:10px;display:grid;grid-template-columns:repeat(2,1fr)}.controls button{width:auto;height:48px;padding:7px}.window{left:5%;top:24%;width:66%;height:34%}.lamp{left:70%;top:30%;transform:scale(.75)}.bed{width:95%;right:-35%;bottom:22%}.bedside-note{left:58%;bottom:33%}.whisper{display:none}.note-scene{grid-template-columns:1fr;overflow:auto;padding:85px 14px 45px}.note-scene blockquote{display:none}.paper{padding:28px 20px 23px}.paper textarea{height:155px}.checkout-scene{grid-template-columns:1fr;gap:38px;overflow:auto}.receipt{width:min(330px,100%);margin:auto}.goodbye{text-align:center}.goodbye h2{font-size:34px}.goodbye .text{margin:18px auto}footer span:last-child{display:none}}

/* moodinn.space brand system */
.brand-mark{width:39px;height:44px;object-fit:contain;flex:0 0 auto}.brand b{color:#334a3a;font:650 22px/.9 Arial,sans-serif;letter-spacing:-.025em}.brand small{color:#677b6a;font-size:8px;font-weight:500;letter-spacing:.12em;text-transform:none;margin-top:6px}.brand-eyebrow{display:flex;align-items:center;gap:11px;letter-spacing:.18em}.brand-eyebrow strong{color:#435f49;font-weight:650;letter-spacing:.11em;text-transform:none}.brand-eyebrow span{width:24px;height:1px;background:#55705b8c}.receipt-brand{display:flex;flex-direction:column;align-items:center;margin:0 auto 17px}.receipt-brand img{width:48px;height:54px}.receipt-brand b{color:#405845;font:650 12px/1 Arial,sans-serif;letter-spacing:.12em}.receipt-brand small{margin-top:6px;color:#879287;font:7px/1 Arial,sans-serif;letter-spacing:.2em}@media(max-width:520px){.brand{gap:8px}.brand-mark{width:34px;height:38px}.brand b{font-size:19px}.brand small{font-size:7px}.brand-eyebrow{gap:8px;font-size:9px;letter-spacing:.16em}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Checkout room card */
.checkout-scene{max-height:100svh;overflow-y:auto}
.room-card-entry{width:100%;min-height:55px;margin:0 0 24px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid #4f695261;background:#fffdf69e;color:#405745;cursor:pointer;letter-spacing:.08em;transition:.2s}
.room-card-entry:hover{border-color:#58715b;background:#eff3e7eb}
.room-card-entry i{font:22px/1 Arial,sans-serif}
.room-card-panel{width:min(310px,100%);margin:0 auto 28px;padding:14px;border:1px solid #4f695238;background:#fffdf6a8;box-shadow:0 18px 45px #37413224}
.room-card-preview{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;padding:17px;display:flex;flex-direction:column;justify-content:space-between;color:#fffdf6;background-position:center;background-size:cover;box-shadow:0 13px 32px #222e3738;isolation:isolate}
.room-card-preview:after{content:"";position:absolute;inset:10px;z-index:-1;border:1px solid #fffdf66b;background:#fffdf609}
.room-card-top{display:flex;align-items:flex-start;justify-content:space-between}
.room-card-top>span{display:flex;align-items:center;gap:7px;font:11px/1 Arial,sans-serif;letter-spacing:.04em}
.room-card-top img{width:24px;height:28px;filter:brightness(0) invert(1);opacity:.9}
.room-card-top strong{display:grid;text-align:right;font:28px/1 Georgia,serif}
.room-card-top strong small{margin-top:5px;font:6px/1.2 Arial,sans-serif;letter-spacing:.1em}
.room-card-copy{margin-top:auto;padding:0 9px 20px;text-align:left}
.room-card-copy>small{color:#e5eed1d1;font:7px/1.3 Arial,sans-serif;letter-spacing:.12em}
.room-card-copy h3{margin:11px 0 18px;color:#fffdf6;font-size:19px;font-weight:400;line-height:1.55;text-wrap:balance}
.room-card-copy p,.room-card-copy time{display:block;margin:0;color:#fffdf6cc;font:8px/1.75 Arial,sans-serif;letter-spacing:.04em}
.room-card-foot{padding:0 9px 2px;color:#fffdf6b8;font:7px/1.4 Arial,sans-serif;letter-spacing:.04em}
.room-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.room-card-actions button{min-height:43px;border:1px solid #4f695259;background:#fffdf6d1;color:#405745;cursor:pointer;font:12px/1 system-ui,sans-serif}
.room-card-actions button:last-child{border-color:#56705a;background:#56705a;color:#fffdf6}
.room-card-actions button:disabled{opacity:.5;cursor:wait}
.room-card-privacy,.room-card-status{margin:10px 2px 0!important;color:#758277!important;font:10px/1.6 system-ui,sans-serif!important;text-align:center}
.room-card-status{min-height:16px;color:#526858!important}
.checkout-final-actions{margin-top:8px}
.lang-en .room-card-entry,.lang-en .room-card-panel{font-family:Arial,sans-serif}
@media(max-width:850px){.room-card-panel{width:min(330px,100%)}}

/* Five-room extension */
.key span{display:block;margin-top:13px}.key small{display:block;margin-top:-20px}.match-preview{margin:20px 0 -19px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;border-left:2px solid #81967a;background:#e3ead89e;color:#667568;font:10px/1.4 system-ui;letter-spacing:.08em}.match-preview[hidden]{display:none}.match-preview b{color:#405544;font:500 13px/1.4 "Songti SC","STSong",serif;letter-spacing:.12em}
.room-title span b{display:block;font-weight:400}.room-title>button{margin-left:8px;padding:5px 0 5px 10px;border:0;border-left:1px solid #566f5a38;background:none;color:#667a68;font:9px/1 system-ui;cursor:pointer}.room-menu{position:absolute;z-index:18;top:194px;left:50%;width:min(820px,calc(100% - 40px));translate:-50% 0;padding:20px 20px 14px;background:#fffdf6eb;border:1px solid #49624b3d;box-shadow:0 28px 78px #303a2b3d;backdrop-filter:blur(18px);color:#516255}.room-menu[hidden]{display:none}.room-menu header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:13px;letter-spacing:.08em}.room-menu header button{border:0;background:none;color:#647467;font:22px/1 Arial;cursor:pointer}.room-menu>div{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.room-menu>div button{position:relative;height:135px;padding:56px 12px 12px;overflow:hidden;border:1px solid transparent;background-position:center;background-size:cover;color:#fff;text-align:left;cursor:pointer;transition:.22s}.room-menu>div button:hover,.room-menu>div button.selected{transform:translateY(-3px);border-color:#48654cbf;box-shadow:0 8px 20px #31403329}.room-menu>div button>span{position:absolute;top:9px;left:10px;width:28px;height:28px;display:grid;place-items:center;border:1px solid #ffffff8c;border-radius:50%;font:12px Georgia}.room-menu b,.room-menu small{position:relative;display:block;text-shadow:0 1px 10px #17241bb3}.room-menu b{font-size:14px;letter-spacing:.08em}.room-menu small{margin-top:5px;font:7px/1 system-ui;letter-spacing:.12em}.room-menu>p{margin:12px 0 0;color:#849085;text-align:center;font:9px/1.5 system-ui}
@media(max-width:850px){.room-menu{top:156px;width:calc(100% - 28px);padding:14px}.room-menu>div{grid-template-columns:repeat(5,minmax(116px,1fr));overflow-x:auto;padding:3px 2px 12px;scroll-snap-type:x mandatory}.room-menu>div button{height:122px;scroll-snap-align:start}.room-title{padding:9px 11px}.room-title em{font-size:30px}.room-title span b{font-size:12px}.match-preview{align-items:flex-start;gap:10px}}

/* 2026 countryside visual refresh */
:root{--cream:#34453a;--amber:#6d876a;--night:#eef0e7}
html,body{background:#e8eadf}
body{color:#34453a}
.inn{background:#eef0e7}
.inn:before{opacity:.1;mix-blend-mode:multiply}
.history-note{display:flex;min-height:280px;flex-direction:column}.history-note>p{flex:1;margin:0}.history-note nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:22px;padding-top:12px;border-top:1px solid #52695229;font:9px system-ui;transform:rotate(2deg)}.history-note nav button{border:0;background:none;color:#607363;cursor:pointer;padding:5px 0;font:10px system-ui}.history-note nav button:last-child{text-align:right}.history-note nav button:disabled{opacity:.28;cursor:default}.history-note nav span{color:#869187;font-variant-numeric:tabular-nums}.history-note>small{display:block;margin-top:16px}
@media(max-width:850px){.note-scene .history-note{display:flex;width:100%;min-height:220px;padding:28px 24px;transform:none}.history-note nav{transform:none}}
.sun-haze{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 18% 12%,rgba(255,255,245,.8),transparent 38%)}
.header{background:linear-gradient(180deg,rgba(250,249,242,.9),rgba(250,249,242,.4),transparent);border-color:rgba(62,82,66,.12);backdrop-filter:blur(5px)}
.brand>span,.seal{border-color:#7c947a;color:#58715d;background:#ffffff73}.brand small{color:#849083}.status{color:#667568}.status time{color:#435347}
.scene{padding-top:105px}.eyebrow{color:#647d63}.primary{border-color:#607a62;background:#4f6952;color:#fffdf6;box-shadow:0 14px 36px #354b3938}.primary i{border-color:#ffffff4d}.privacy{color:#768279}
.door-scene{grid-template-columns:1fr 1fr;background:linear-gradient(90deg,rgba(248,246,236,.88),rgba(248,246,236,.48) 40%,rgba(248,246,236,.04) 68%),url("images/door-countryside.webp") center/cover}.door-copy h1{color:#223229;text-shadow:0 2px 24px #ffffff80}.lead{color:#58665b}.door{display:none}
.checkin-scene{background:linear-gradient(#f8f6ee29,#e6e8da4d),url("images/checkin-countryside.webp") center/cover}.back,.close,.text{color:#5f7263}.card{background:#fffdf6de;border-color:#6e856a4d;box-shadow:0 24px 70px #4043312e;backdrop-filter:blur(14px)}.card h2,.paper h2,.goodbye h2{color:#223229}.muted,.fine{color:#738078}.key{background:#81967a;color:#fffdf6}.card legend{color:#526359}.choices button{border-color:#62776038;background:#f8f7efb8;color:#6f7e73}.choices button.selected{border-color:#6d876a;color:#36503b;background:#e2e8d8}
.room-scene{background:linear-gradient(90deg,#f6f2e81a,transparent 65%),url("images/room-countryside.webp") center/cover}.room-title{padding:12px 16px;background:#fffdf7a8;backdrop-filter:blur(8px);border:1px solid #4a5f4a24}.room-title em{color:#6b846a;border-color:#566f5a59}.room-title small{color:#738078}.window,.lamp,.bed{display:none}.bedside-note{left:12%;bottom:7%;background:#fffdf5e6;color:#3e5043;border:1px solid #52695240;box-shadow:0 8px 22px #3d3d2b2e}.controls button{border-color:#49624b40;background:#fffdf6b8;color:#617267;backdrop-filter:blur(8px)}.controls button.active{border-color:#698366;color:#314837;background:#e7ecdded}.controls small{color:#7c887e}.whisper{left:auto;right:5vw;color:#526258;background:#fffdf69e;padding:10px 14px;backdrop-filter:blur(5px)}.lamp-off .room-scene{filter:brightness(.8) saturate(.82)}
.note-scene{background:linear-gradient(#f3f1e661,#e5e7d98c),url("images/note-countryside.webp") center/cover}.note-scene blockquote{background:#fffafbeb;color:#435047;box-shadow:0 20px 55px #38413133}.paper{background:#fffdf6f5;color:#354238;box-shadow:0 28px 72px #3841313b}.paper header{border-color:#5f745d3b}.paper header .eyebrow{color:#657d65}.paper textarea{color:#354238;background:repeating-linear-gradient(transparent 0 37px,#6376602e 38px)}.note-actions button{border-color:#5369524d;color:#415245}.note-actions button:hover{border-color:#60795f;background:#e9eee1}
.checkout-scene{background:linear-gradient(90deg,#eff1e46b,#eff1e41f),url("images/checkout-countryside.webp") center/cover}.receipt{background:#fffdf6f0;color:#354238;box-shadow:0 24px 70px #4043312e}.receipt .eyebrow{color:#6c806b}.total b{color:#4f6a54}.goodbye{padding:35px;background:#fffdf6a6;backdrop-filter:blur(8px)}.goodbye>p:not(.eyebrow){color:#617064}
.receipt-status{display:flex;justify-content:space-between;margin:12px 0;font:11px system-ui;color:#788377}.receipt-status b{color:#4f6a54;font-weight:600}
footer{color:#657267;border-color:#3e52421a;background:#f8f7f06b;backdrop-filter:blur(4px)}
footer nav{display:flex;gap:9px}footer nav a{color:inherit;text-decoration:none}@media(max-width:850px){footer nav{display:none}}

@media(max-width:850px){.door-scene{grid-template-columns:1fr;background-position:62% center}.door-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f9f7eff0,#f9f7efb8 62%,#f9f7ef14);z-index:-1}.room-scene{background-position:40% center}.bedside-note{left:18px;bottom:18%}.goodbye{padding:28px 24px}}

/* moodinn.space brand refinement and shared balcony */
.brand b>span{margin-left:2px;color:#839185;font-size:.48em;font-weight:520;letter-spacing:.02em}.history-note>.history-kicker{flex:none;margin:0 0 18px;color:#7b887c;font:10px/1.6 system-ui;letter-spacing:.08em}.history-note>#history-content{flex:1}
.balcony-scene{align-items:end;padding:112px 7vw 88px;color:#f8f6ed;background-position:center;background-size:cover;isolation:isolate;overflow:hidden}.balcony-scene:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#121b169e,#121b1626 52%,#121b164d),linear-gradient(0deg,#121b1661,transparent 55%)}.balcony-scene:after{content:"";position:absolute;inset:-8%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 72% 28%,#ffeeb81c,transparent 28%);animation:balconyGlow 9s ease-in-out infinite alternate}@keyframes balconyGlow{from{opacity:.52;transform:translate3d(-1%,0,0)}to{opacity:1;transform:translate3d(1%,1%,0)}}
.balcony-meta{position:absolute;left:5vw;top:112px;display:flex;gap:12px;align-items:center;padding:12px 16px;color:#f7f3e8;background:#1c28204d;border:1px solid #ffffff33;backdrop-filter:blur(10px)}.balcony-meta em{padding-right:12px;border-right:1px solid #ffffff4d;font:38px Georgia;font-style:normal}.balcony-meta span small,.balcony-meta span b{display:block}.balcony-meta span small{margin-bottom:4px;color:#ffffffa6;font:8px system-ui;letter-spacing:.18em}.balcony-meta span b{font-weight:400;font-size:15px;letter-spacing:.16em}.balcony-curtain{display:none}
.balcony-copy{width:min(650px,92vw);padding:30px 34px 28px;background:#19241d47;border-left:1px solid #ffffff47;backdrop-filter:blur(8px);text-shadow:0 2px 20px #00000047}.balcony-copy .eyebrow{margin-bottom:14px;color:#f9f6ebb3}.balcony-copy h2{margin:0 0 14px;font-size:clamp(34px,4vw,54px);font-weight:400;letter-spacing:.03em}.balcony-copy>p:not(.eyebrow){margin:0;color:#f9f6ebd1;font-size:14px;line-height:2}.balcony-actions{display:flex;align-items:center;gap:18px;margin-top:26px;flex-wrap:wrap}.balcony-actions .primary{min-width:180px;background:#efeedee6;border-color:#ffffffb3;color:#314438;box-shadow:none;text-shadow:none}.balcony-actions .primary i{border-color:#31443833}.balcony-sound{min-height:53px;padding:0 22px;border:1px solid #ffffff66;background:#18231c38;color:#fffdf4;cursor:pointer;letter-spacing:.08em;backdrop-filter:blur(6px)}.balcony-sound.active{background:#d6e0c542;border-color:#eff6e2b3}.balcony-actions .text{color:#ffffffd9;text-decoration:underline;text-underline-offset:5px}.balcony-footnote{position:absolute;right:5vw;bottom:48px;margin:0;color:#ffffffb8;font-size:11px;letter-spacing:.12em;text-shadow:0 2px 16px #00000059}
@media(max-width:850px){.controls{grid-template-columns:repeat(3,1fr)}.balcony-scene{padding:96px 24px 74px;background-position:center}.balcony-meta{top:84px;left:18px}.balcony-copy{width:100%;padding:26px 24px 24px}.balcony-copy h2{font-size:38px}.balcony-footnote{right:24px;bottom:42px;font-size:9px}}
@media(max-width:520px){.balcony-copy{padding:22px 18px}.balcony-copy h2{font-size:31px}.balcony-copy>p:not(.eyebrow){font-size:12px}.balcony-actions{gap:10px}.balcony-actions .primary,.balcony-sound{width:100%}.balcony-actions .text{margin:8px auto 0}}

/* Global readability system */
:root{--text-secondary:#4f6254;--text-muted:#5d6f61;--ui-small:13px}
body{font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.brand b{font-size:24px}.brand b>span{color:#66786a;font-size:.52em}.brand small{color:var(--text-muted);font-size:11px;line-height:1.2}.status{color:var(--text-secondary);font-size:13px}.eyebrow{color:#516a54;font-size:13px;line-height:1.35;letter-spacing:.24em}.lead{color:var(--text-secondary);font-size:18px;line-height:1.9}.primary{min-height:58px;font-size:16px}.privacy{color:var(--text-muted);font-size:var(--ui-small);line-height:1.65}.back{color:var(--text-secondary);font-size:14px}
.muted,.fine{color:var(--text-muted);font-size:15px;line-height:1.8}.key small{font-size:10px}.card legend{color:var(--text-secondary);font-size:15px}.choices button{min-height:50px;color:var(--text-secondary);font-size:15px}.fine{font-size:12px}.match-preview{color:var(--text-muted);font-size:13px;line-height:1.55}.match-preview b{font-size:15px}
.room-title small,.balcony-meta span small{color:var(--text-muted);font-size:11px;line-height:1.25}.room-title span b,.balcony-meta span b{font-size:16px}.room-title>button{color:var(--text-secondary);font-size:12px}.room-menu header{color:var(--text-secondary);font-size:15px}.room-menu b{font-size:15px}.room-menu small{font-size:11px;line-height:1.25}.room-menu>p{color:var(--text-muted);font-size:12px}.bedside-note{font-size:13px}.controls button{width:108px;min-height:72px;color:var(--text-secondary);font-size:14px}.controls small{color:var(--text-muted);font-size:11px;line-height:1.25}.whisper{color:var(--text-secondary);font-size:15px;line-height:1.6}
.balcony-meta span small{color:#ffffffe0}.balcony-copy .eyebrow{color:#ffffffe6}.balcony-copy>p:not(.eyebrow){color:#fffffff0;font-size:16px;line-height:1.9}.balcony-actions button{font-size:15px}.balcony-footnote{color:#ffffffe6;font-size:13px;line-height:1.5}
.note-scene blockquote{font-size:19px;line-height:2}.note-scene blockquote>small{color:var(--text-muted);font-size:13px}.history-note>.history-kicker{color:var(--text-muted);font-size:13px;line-height:1.65}.history-note nav,.history-note nav button,.history-note nav span{color:var(--text-secondary);font-size:12px}.history-note nav button{min-height:34px}.paper header>span{color:var(--text-muted);font-size:12px}.paper textarea{font-size:19px}.paper textarea::placeholder{color:#6f7f71}.count{color:var(--text-muted);font-size:12px}.note-actions button{min-height:58px}.note-actions b{font-size:15px}.note-actions small{color:var(--text-muted);font-size:12px;line-height:1.4}
.receipt-brand b{font-size:14px}.receipt-brand small{color:var(--text-muted);font-size:10px}.receipt dl div,.total,.receipt-status{color:var(--text-secondary);font-size:14px}.receipt dt{color:var(--text-muted)}.receipt>p:last-child{color:var(--text-muted);font-size:14px;line-height:1.65}.goodbye>p:not(.eyebrow){color:var(--text-secondary);font-size:17px}.goodbye .text{color:var(--text-secondary);font-size:14px}footer{height:38px;color:var(--text-muted);font-size:11px}.toast{font-size:13px}
@media(max-width:850px){.status{font-size:11px}.lead{font-size:17px}.controls button{min-height:62px;padding:9px 10px;font-size:13px}.controls small{font-size:10px}.balcony-copy>p:not(.eyebrow){font-size:15px}.balcony-footnote{font-size:12px}}
@media(max-width:520px){.brand b{font-size:20px}.brand small{font-size:10px}.brand-eyebrow{font-size:11px}.lead{font-size:16px}.privacy{font-size:12px}.room-title span b{font-size:14px}.room-title>button{font-size:11px}.balcony-copy>p:not(.eyebrow){font-size:15px}}
.header-actions{display:flex;align-items:center;gap:22px}.language-switch{display:flex;align-items:center;gap:6px;color:#859087;font:11px/1 Arial,sans-serif}.language-switch button{min-width:25px;min-height:28px;padding:0 4px;border:0;border-bottom:1px solid transparent;background:transparent;color:#7b887d;cursor:pointer}.language-switch button.active{color:#324a39;border-bottom-color:#6c836d;font-weight:700}.language-switch span{opacity:.45}.status{display:flex;align-items:center;gap:12px}.availability{display:inline-flex;align-items:center;white-space:nowrap}.date-time{min-width:118px;padding-left:14px;border-left:1px solid #4a5f4a33;display:grid;gap:4px;color:#435347;text-align:right;font-style:normal;font-variant-numeric:tabular-nums;white-space:nowrap}.header-date{color:#637267;font-size:11px;line-height:1;letter-spacing:.04em}.clock{color:#314438;font-size:14px;font-weight:650;line-height:1;letter-spacing:.12em}.lang-en{font-family:Georgia,"Times New Roman",serif}.lang-en .brand small,.lang-en .status,.lang-en .eyebrow,.lang-en .privacy,.lang-en .muted,.lang-en .fine,.lang-en .choices button,.lang-en .match-preview,.lang-en .room-title small,.lang-en .room-title>button,.lang-en .room-menu,.lang-en .controls button,.lang-en .controls small,.lang-en .balcony-meta small,.lang-en .history-kicker,.lang-en .history-note nav,.lang-en .paper header>span,.lang-en .count,.lang-en .note-actions small,.lang-en .receipt,.lang-en footer{font-family:Arial,sans-serif}.lang-en .brand small{letter-spacing:.035em}.lang-en .door-copy{max-width:760px}.lang-en .door-copy h1{font-size:clamp(48px,5vw,76px);line-height:1.08;letter-spacing:-.025em}.lang-en .lead{max-width:690px;line-height:1.75}.lang-en .choices button{padding:7px 10px;line-height:1.25}.lang-en .controls button{width:118px}@media(max-width:850px){.header-actions{gap:10px}.availability{display:none}.date-time{min-width:100px;padding-left:10px}.header-date{font-size:10px}.clock{font-size:13px}.lang-en .controls button{width:auto}}@media(max-width:520px){.header{padding-inline:18px}.brand b{min-width:0}.brand small{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{gap:5px}.language-switch{gap:2px}.language-switch button{min-width:23px;padding-inline:2px}.date-time{min-width:86px;padding-left:7px;gap:3px}.header-date{font-size:9px;letter-spacing:0}.clock{font-size:12px}}