:root{--ink:#294139;--muted:#8c9b94;--line:#e0e7e1;--red:#ef5155;--font:'Nunito Sans',sans-serif;--pixel:'Pixelify Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:#f3f6f3;color:var(--ink);font:13px var(--font);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{transition:background .18s,transform .18s}button:focus-visible,a:focus-visible{outline:3px solid #80bb9c;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #a8ccb4;outline-offset:2px}button:disabled{opacity:.55;cursor:wait}svg{display:block;width:19px;height:19px}[data-icon]{display:inline-flex;flex:none}[hidden]{display:none!important}.sidebar{width:248px;position:fixed;left:max(0px,calc((100vw - 1510px)/2));top:0;bottom:0;padding:37px 23px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;font:600 33px var(--pixel);letter-spacing:-1px;white-space:nowrap}.brand img{width:35px;height:38px;image-rendering:pixelated}.brand>span>span{color:#ef5656}.brand i{font-style:normal;color:#edae54}.alpha{display:flex;gap:6px;align-items:center;font-size:9px;color:#99a79f;margin:17px 0 36px 8px}.alpha i,.status-strip i{height:5px;width:5px;background:#85bc98;display:inline-block}nav{display:grid;gap:9px}nav button{display:flex;align-items:center;gap:13px;padding:14px 14px;text-align:left;background:none;border-radius:7px;font:500 19px var(--pixel);position:relative}nav button:hover{background:#e9efe9}nav button.active{background:#fbe4e3;color:#e94f55}nav button.active:before{content:'';position:absolute;left:-14px;top:12px;bottom:12px;width:3px;background:var(--red)}nav svg{width:21px;height:21px;stroke-width:1.6}.nav-badge{margin-left:auto;font:10px var(--font);color:#a2ada3}.music-dot{height:5px;width:5px;background:#86bda1;display:none;margin-left:auto}.music-playing .music-dot{display:block;animation:pulse 1.2s infinite}.red-button,.outline-button,.soft-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:5px;min-height:42px;padding:0 16px;font-size:11px;font-weight:800;white-space:nowrap}.red-button{background:var(--red);color:#fff;box-shadow:0 3px 0 #bd3e44}.red-button:hover{background:#e5484d;transform:translateY(-1px)}.red-button svg{width:16px;height:16px}.outline-button{border:1px solid #dce5dc;background:#fff;color:#658272;font-weight:700}.outline-button:hover{background:#f2f7ef}.sidebar-create{margin-top:33px;width:100%;font-size:12px}.sidebar-foot{margin-top:auto;padding-top:40px}.sidebar-foot>button:first-child{display:flex;align-items:center;gap:11px;font-size:10px;background:none;color:#97a49d;margin:0 0 19px;padding:0 5px}.sidebar-foot>button:first-child svg{width:16px}.trainer-button{width:100%;padding:18px 0 0;border-top:1px solid var(--line);background:none;display:flex;align-items:center;text-align:left;gap:10px}.trainer-avatar{display:grid;place-items:center;width:34px;height:34px;background:#dcefe2;color:#6b997b;font:22px var(--pixel)}.trainer-button b{display:block;font-size:11px;font-weight:800}.trainer-button small{display:block;color:#9aaa9f;font-size:9px;margin-top:3px}.trainer-button>[data-icon]{margin-left:auto;color:#a1afa4}main{margin-left:max(248px,calc((100vw - 1510px)/2 + 248px));width:calc(100% - 570px);max-width:940px;min-height:100vh;border-inline:1px solid var(--line);background:#fff}.page-header{height:121px;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;gap:15px}.eyebrow{font-size:8px;font-weight:700;color:#92a497;letter-spacing:.12em}.page-header h1{font:600 37px/1.1 var(--pixel);letter-spacing:-.7px;margin:8px 0 0}.page-header h1>span,.section-title h2>span,.dialog-header h2>span{color:var(--red)}.header-actions{display:flex;gap:10px}.icon-button{height:32px;width:32px;display:grid;place-items:center;background:none;color:#7d9584;border-radius:5px}.icon-button:hover{background:#edf3eb}.header-actions .outline-button{min-height:34px;padding:0 11px;font-size:10px}.header-actions svg{width:15px;height:15px}.status-strip{padding:12px 30px;background:#f0f8f0;border-block:1px solid #e0ecdf;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#8fa38e}.status-strip>span:first-child{display:flex;align-items:center;gap:7px}.status-strip b{font-weight:700;color:#6b8a6c}.room-heading{display:flex;justify-content:space-between;align-items:center;padding:29px 30px 20px;gap:15px}.room-number{font:9px var(--pixel);letter-spacing:1px;color:#9db095}.room-heading h2{font:500 25px var(--pixel);margin:7px 0 6px}.room-heading p{font-size:10px;color:#9aa99c;line-height:1.7;margin:0;max-width:390px}.room-weather{display:flex;align-items:center;gap:7px;flex:none;color:#d7b268}.room-weather>span{font-size:23px}.room-weather b{font-size:8px;font-weight:600;color:#a6b09a;max-width:65px;line-height:1.6}.room-wrap{margin:0 24px;border:1px solid #cbdacb;border-radius:5px;overflow:hidden;background:#edf5e9;box-shadow:0 4px 0 #e6ebe2}.room-scene{position:relative;aspect-ratio:800/460;overflow:hidden;background:#dfead5;isolation:isolate}.room-scene>svg{width:100%;height:100%;shape-rendering:crispEdges}.room-scene svg [data-object]{cursor:pointer}.room-scene svg [data-object]:hover{filter:brightness(1.08)}.room-pet{position:absolute;left:49%;top:69%;width:18%;height:27%;transform:translate(-50%,-50%);background:none;transition:left 1s ease,top 1s ease;z-index:5;padding:0;filter:drop-shadow(0 4px 0 #334d3e22)}.room-pet img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;animation:pet-bob 2.5s steps(2,end) infinite}.pet-heart{position:absolute;top:0;left:50%;color:#ef6266;font:20px var(--pixel);opacity:0}.room-pet.petted .pet-heart{animation:heart-pop 1s ease-out}.scene-label{position:absolute;left:16px;top:15px;display:flex;align-items:center;gap:6px;font:7px var(--pixel);letter-spacing:1px;color:#69846a;background:#faffebaa;padding:7px 9px;z-index:2}.scene-label i{display:block;width:4px;height:4px;background:#98b27b}.room-speech{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);font:9px var(--pixel);color:#758e69;background:#fffdf0df;padding:7px 12px;white-space:nowrap;border:1px solid #dbe2cd;z-index:8}.room-toolbar{padding:10px 13px;background:#fafff4;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #cfddc7}.room-toolbar>span{display:flex;align-items:center;gap:7px;font-size:8px;color:#9eaf95}.room-toolbar>span svg{width:12px;height:12px}.room-toolbar>div{display:flex;gap:8px}.tool-button{display:grid;place-items:center;width:26px;height:25px;background:#edf4e5;border:1px solid #dce7d2;border-radius:4px;color:#91a57f}.tool-button svg{width:13px;height:13px}.tool-button:hover{background:#e1edd8}.room-actions{padding:22px 25px;display:flex;gap:11px;align-items:center;flex-wrap:wrap}.room-actions .red-button,.room-actions .outline-button{font-size:10px;min-height:36px;padding:0 12px}.room-actions svg{width:14px;height:14px}.small-note{font-size:8px;color:#a6b19f;margin-left:auto}.welcome-note{margin:6px 25px 29px;background:#fbf8ee;border:1px solid #ece8d8;padding:21px 18px;display:flex;align-items:center;gap:14px;position:relative}.note-stamp{width:74px;height:78px;flex:none;border:1px dashed #dfd7b4;background:#f6f0da;display:grid;place-items:center;transform:rotate(-5deg)}.note-stamp img{image-rendering:pixelated;width:90px;max-width:none}.welcome-note .eyebrow{font-size:7px;color:#b2a57e}.welcome-note h3{font:500 22px var(--pixel);margin:6px 0;color:#8d8667}.welcome-note p{font-size:10px;color:#aa9f83;line-height:1.8;margin:0;max-width:350px}.note-spark{position:absolute;right:13px;top:12px;color:#d5c897}.guestbook-section{border-top:5px solid #f0f3ed;padding:26px 28px 12px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2{font:500 27px var(--pixel);margin:6px 0 21px}.counter{font-size:9px;color:#a4b09e}#note-form{display:flex;gap:11px;margin-bottom:24px}.note-avatar{height:34px;width:34px;flex:none;background:#e7f1df;display:grid;place-items:center;color:#8ca976;border-radius:4px}.note-avatar svg{width:17px;height:17px}.note-inputs{flex:1;min-width:0}.note-inputs input{width:100%;border:0;background:none;padding:4px 0 9px;font-size:11px;font-weight:800;color:#5c785b}.note-inputs textarea{display:block;resize:vertical;min-height:64px;border:1px solid #e2e9dc;border-radius:4px;background:#fcfdf9;width:100%;padding:12px;font-size:11px;line-height:1.7;color:#627b5b}.note-inputs>div{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:10px}.note-inputs small{font-size:8px;color:#a4b199;max-width:220px;line-height:1.7}.red-button.small{min-height:32px;padding:0 12px;font-size:9px}.red-button.small svg{width:12px;height:12px}.guest-note{padding:18px 0;border-top:1px solid #e8ede3;display:flex;gap:12px}.guest-note>span{font:20px var(--pixel);width:32px;height:32px;background:#f3edd9;color:#a49671;display:grid;place-items:center;flex:none}.guest-note>div{min-width:0;flex:1}.guest-note h4{font-size:11px;margin:0;display:flex;justify-content:space-between;gap:12px}.guest-note time{font-size:8px;color:#b0b9a8;font-weight:400}.guest-note p{font-size:11px;color:#8d9e82;line-height:1.7;margin:7px 0 0;overflow-wrap:anywhere}.empty-notes{padding:24px;text-align:center;font:12px var(--pixel);color:#b1bc9e;border-top:1px dashed #e4e9d9;line-height:1.8}.empty-notes img{width:65px;height:65px;image-rendering:pixelated;margin:auto;opacity:.7}footer{padding:30px 27px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:8px;color:#aab7a2}footer>span{display:flex;align-items:center;gap:7px}footer img{width:17px;height:17px;opacity:.6}footer button{background:none;font-size:8px;color:#a2b095}.rightbar{position:fixed;left:calc(100% - 322px);width:322px;top:0;bottom:0;padding:34px 25px;overflow-y:auto}.rightbar>section{margin-bottom:28px}.widget-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.widget-title h2{font:500 22px var(--pixel);margin:0}.widget-title>[data-icon]{color:#99af9a}.widget-title svg{width:15px;height:15px}.green-badge{font-size:8px;background:#dfefe0;color:#6a9777;padding:5px 8px;border-radius:3px}.partner-card{padding:10px;background:#fff;border:1px solid var(--line);border-radius:5px}.partner-preview{height:147px;position:relative;background:linear-gradient(#e8f1df 0 72%,#d6e6c9 72%);border:1px solid #c4d9bc;overflow:hidden;border-bottom:5px solid #b1cda8}.partner-preview:after{content:'';position:absolute;inset:72% -10px -20px;transform:skewX(-20deg);background-image:linear-gradient(#b5d2ac55 1px,transparent 1px),linear-gradient(90deg,#b5d2ac55 1px,transparent 1px);background-size:18px 13px;z-index:0}.partner-preview>img{width:120px;height:120px;image-rendering:pixelated;position:absolute;left:calc(50% - 60px);bottom:0;z-index:2;animation:pet-bob 3s steps(2,end) infinite}.partner-window{position:absolute;left:17px;top:24px;width:32px;height:38px;background:#c1e5da;border:4px solid #a3c69f}.partner-window:after{content:'';position:absolute;left:11px;top:0;width:3px;height:30px;background:#a3c69f}.partner-shelf{position:absolute;right:18px;top:30px;width:30px;border-bottom:5px solid #a9bd8d;text-align:center;font-size:21px;line-height:20px}.preview-caption{position:absolute;top:10px;left:calc(50% - 51px);font:7px var(--pixel);padding:5px;background:#fcffef;color:#96aa85}.partner-title{display:flex;justify-content:space-between;align-items:center;margin:17px 1px 0}.partner-title .eyebrow{font-size:6px}.partner-title h3{font:500 25px var(--pixel);margin:5px 0}.type-badge{font-size:8px;color:#a69b72;background:#f5f0df;padding:5px 8px}.partner-card>p{font-size:9px;color:#a0af97;line-height:1.8;margin:4px 0 17px}.affection{font-size:8px;color:#a3b099;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.affection>div{flex-basis:100%;height:5px;background:#f0f4e9}.affection i{display:block;height:5px;background:#a0c18c;width:2%;transition:width .3s}.partner-buttons{display:flex;gap:7px;margin-top:16px}.soft-button{min-height:31px;background:#e8f2e2;color:#79986a;font-size:9px;flex:1;padding:0 8px;border:1px solid #d4e3cb}.soft-button svg{width:12px;height:12px}.rituals{border:1px solid var(--line);border-radius:5px;background:#fff}.rituals button{display:flex;align-items:center;padding:14px 12px;gap:10px;width:100%;text-align:left;background:none;border-bottom:1px solid var(--line)}.rituals button:last-child{border:0}.rituals button:hover{background:#f6f9f1}.ritual-icon{background:#f5f3e7;padding:6px;color:#b2ae86;border-radius:3px}.ritual-icon svg{width:13px;height:13px}.rituals b{font-size:9px;display:block;font-weight:800}.rituals small{font-size:8px;display:block;color:#9fae98;margin-top:4px}.rituals i{font-size:14px;font-style:normal;color:#9cb48c;margin-left:auto}.ritual-caption{display:block;color:#a6b39d;font-size:8px;margin:10px 2px}.room-tip{padding:20px 17px;background:#e9f1e3;border:1px dashed #c6d7ba}.room-tip .eyebrow{font-size:6px}.room-tip h3{font:500 25px/1.1 var(--pixel);margin:13px 0}.room-tip p{font-size:9px;line-height:1.9;color:#8fa17f}.room-tip button{display:flex;align-items:center;justify-content:space-between;background:none;width:100%;padding:10px 0 0;font-size:9px;color:#749362;font-weight:800}.room-tip svg{width:13px}.right-footer{font-size:8px;color:#a5b19d;line-height:2}.right-footer button{font-size:8px;background:none;padding:8px 0;color:#91a583}.explore-intro{padding:35px 30px;background:#f5f8ef;position:relative;min-height:185px}.explore-intro img{float:right;width:120px;height:120px;image-rendering:pixelated}.explore-intro h2{font:500 30px var(--pixel);margin:12px 0}.explore-intro p{font-size:11px;line-height:1.8;color:#98a78a;max-width:360px}.neighborhood-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:25px}.neighbor-card{background:#fff;border:1px solid #dbe5d5;text-align:left;padding:0;overflow:hidden;border-radius:5px}.neighbor-art{height:125px;background:var(--tint);position:relative;display:grid;place-items:center}.neighbor-art:after{content:'';position:absolute;inset:70% 0 0;background:#00000008}.neighbor-art img{width:110px;height:110px;image-rendering:pixelated;z-index:2}.neighbor-body{padding:15px}.neighbor-body b{font:500 21px var(--pixel);display:block}.neighbor-body span{display:block;font-size:9px;color:#9bac90;margin:8px 0}.neighbor-body small{font-size:9px;color:#7f9970}.neighbor-card:hover{box-shadow:0 4px 0 #dce8d2;transform:translateY(-2px)}#refresh-neighborhood{margin:0 25px 25px}dialog{padding:0;border:1px solid #d5e1cd;border-radius:6px;color:var(--ink);background:#fffef9;box-shadow:6px 6px 0 #20382a30;width:min(760px,calc(100% - 26px));max-height:90dvh;overflow:auto}dialog::backdrop{background:#20372d55;backdrop-filter:blur(4px)}.dialog-header{padding:25px 27px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line)}.dialog-header h2{font:500 31px var(--pixel);margin:7px 0 0}.editor-columns{display:grid;grid-template-columns:1fr 1fr;gap:29px;padding:24px 27px}.editor-columns label,.field-label{display:block;font-size:10px;color:#859a79;font-weight:700;margin:0 0 17px}input,textarea,select{color:#58734e}input::placeholder,textarea::placeholder{color:#adba9f}.editor-columns input:not([type=checkbox]),.editor-columns textarea,.editor-columns select{display:block;margin-top:8px;width:100%;border:1px solid #dbe3d2;border-radius:4px;background:#fff;padding:10px;font-size:11px;resize:vertical}.theme-picker{display:flex;gap:8px}.theme-choice{height:36px;flex:1;border:2px solid transparent;border-radius:4px;font-size:8px;color:#667c5c;box-shadow:inset 0 0 0 3px #ffffff66}.theme-choice.selected{border-color:#5d855a}.decor-options{border:1px solid #e0e6d6;border-radius:4px;margin-bottom:21px}.decor-options label{margin:0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px;border-bottom:1px solid #e7ecdf;font-size:10px;color:#90a27f;font-weight:500}.decor-options label:last-child{border-bottom:0}.decor-options input{accent-color:#84ab6d}.partner-edit{display:flex;align-items:center;gap:8px;border:1px dashed #d5dfc7;background:#f2f6e9;padding:3px 10px;width:100%;text-align:left;color:#93a37e;font-size:9px}.partner-edit img{width:60px;height:65px;image-rendering:pixelated}.partner-edit b{display:block;font-size:10px;color:#6a8b55;margin-top:5px}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 27px;border-top:1px solid var(--line)}.dialog-footer>span{font-size:9px;color:#a1af94}.small-dialog{width:min(510px,calc(100% - 26px))}.dialog-description{font-size:11px;line-height:1.8;color:#93a382;margin:22px 25px}.small-dialog #partner-picker{padding:0 25px 25px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.partner-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f6f8ef;border:1px solid #e0e6d4;padding:7px;border-radius:4px;min-width:0}.partner-choice img{width:85px;height:85px;image-rendering:pixelated}.partner-choice b{font:14px var(--pixel);color:#90a078}.partner-choice.selected{background:#e6f1df;border:2px solid #8caf77;padding:6px}.share-link{display:flex;gap:8px;margin:0 25px 20px}.share-link input{min-width:0;flex:1;border:1px solid #dce5d2;background:#fff;padding:10px;font-size:10px;border-radius:4px}.sharing-info{padding:17px 20px;font-size:10px;color:#9ca986;background:#f5f5e9;line-height:1.8;margin:20px 25px 26px}.help-content{padding:20px 27px 27px}.help-content img{width:100px;height:100px;image-rendering:pixelated;float:right}.help-content p{font-size:11px;line-height:1.9;color:#93a481}.help-content b{color:#6f8d5d}.help-content .credits{font-size:9px;background:#f3f6ea;padding:15px;clear:both}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);z-index:1000;background:#2f5140;color:#f8ffef;border:1px solid #66826a;box-shadow:3px 3px 0 #2a433e22;padding:13px 19px;font-size:11px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes pulse{50%{opacity:.4}}@keyframes pet-bob{50%{transform:translateY(-3px)}}@keyframes heart-pop{0%{opacity:0;transform:translateY(0)}20%{opacity:1}100%{opacity:0;transform:translateY(-30px)}}
@media(min-width:1510px){.rightbar{left:calc((100vw - 1510px)/2 + 1188px)}main{width:940px}}@media(max-width:1250px){.sidebar{width:212px;padding-inline:18px}.brand{font-size:28px;gap:6px}.brand img{width:31px}nav button{font-size:17px;padding-inline:9px}.alpha{font-size:8px}.rightbar{width:285px;left:calc(100% - 285px);padding:30px 20px}main{margin-left:212px;width:calc(100% - 497px)}.page-header{padding:24px}.page-header h1{font-size:31px}.header-actions .icon-button{display:none}.room-weather{display:none}.room-actions{gap:8px}.small-note{display:none}.room-heading{padding-inline:25px}.room-heading h2{font-size:23px}.welcome-note{padding:17px 13px;gap:11px}.note-stamp{width:55px;height:65px}.welcome-note h3{font-size:20px}.welcome-note p{font-size:9px}.status-strip{padding-inline:24px;font-size:8px}.room-toolbar>span{font-size:7px}.room-speech{font-size:8px}.partner-buttons{gap:5px}.soft-button{font-size:8px}.room-actions .red-button,.room-actions .outline-button{font-size:9px}.room-actions{padding-inline:24px}.red-button.sidebar-create{font-size:11px}}
@media(max-width:1050px){.sidebar{width:84px;padding:30px 16px}.brand>span,.alpha,nav button>span:not([data-icon]),.sidebar-create,.sidebar-foot>button:first-child,.trainer-button>span:not(.trainer-avatar){display:none}.brand{justify-content:center}.brand img{width:37px;height:42px}nav{margin-top:42px}nav button{font-size:0;justify-content:center;padding:13px 0}.trainer-button{justify-content:center;padding-top:19px}.sidebar-foot{margin-top:auto}main{margin-left:84px;width:calc(100% - 369px)}.page-header h1{font-size:33px}.welcome-note .eyebrow{font-size:6px}}
@media(max-width:800px){.rightbar{position:static;margin-left:84px;width:calc(100% - 84px);padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid var(--line)}.rightbar>section{margin:0}.rightbar>.room-tip{display:none}.right-footer{grid-column:1/-1}main{width:calc(100% - 84px)}.partner-preview{height:132px}.widget-title h2{font-size:21px}.room-heading h2{font-size:26px}.room-heading p{font-size:11px}.room-weather{display:flex}.room-toolbar>span{font-size:8px}.welcome-note p{font-size:10px}.room-actions .red-button,.room-actions .outline-button{font-size:10px}.small-note{display:block;font-size:7px}}
@media(max-width:540px){.sidebar{position:sticky;top:0;left:0;width:100%;height:65px;flex-direction:row;align-items:center;justify-content:space-between;padding:0 16px;background:#f3f6f3f5;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:20}.brand{font-size:25px;gap:5px}.brand>span{display:block}.brand img{width:27px;height:30px}.sidebar nav{display:flex;margin:0;gap:7px}.sidebar nav button{width:32px;height:34px;padding:0;font-size:0;border-radius:4px}.sidebar nav button:nth-child(n+3){display:none}nav button.active:before{display:none}nav button svg{width:18px;height:18px}.sidebar-foot{display:none}main{margin:0;width:100%;border:0}.page-header{height:104px;padding:22px 19px}.page-header h1{font-size:30px;margin-top:8px}.eyebrow{font-size:7px}.header-actions .outline-button{font-size:8px;padding:0 9px;min-height:31px}.header-actions svg{width:12px}.status-strip{padding:11px 19px;font-size:7px}.room-heading{padding:23px 19px 17px}.room-heading h2{font-size:24px}.room-heading p{font-size:9px;max-width:280px}.room-weather{display:none}.room-wrap{margin-inline:14px}.scene-label{font-size:6px;top:9px;left:9px;padding:5px 6px}.room-speech{font-size:7px;bottom:8px;padding:5px 8px}.room-toolbar{padding:8px}.room-toolbar>span{font-size:6px;gap:4px}.room-toolbar>span svg{width:10px;height:10px}.room-toolbar>div{gap:5px}.tool-button{height:23px;width:24px}.tool-button svg{width:12px}.room-actions{padding:19px 15px;gap:10px}.room-actions .red-button,.room-actions .outline-button{font-size:9px;padding:0 10px;min-height:34px}.small-note{display:none}.welcome-note{margin:5px 15px 23px;padding:16px 13px;gap:12px}.note-stamp{height:65px;width:54px}.welcome-note .eyebrow{font-size:6px}.welcome-note h3{font-size:21px}.welcome-note p{font-size:9px;line-height:1.8}.guestbook-section{padding:23px 19px 12px}.section-title h2{font-size:27px}.counter{font-size:8px}#note-form{gap:8px}.note-avatar{width:28px;height:28px}.note-inputs input{font-size:10px}.note-inputs textarea{font-size:10px}.note-inputs small{font-size:7px;max-width:145px}.red-button.small{font-size:8px;min-height:31px;padding-inline:9px}footer{padding:25px 19px;font-size:7px}footer button{font-size:7px}.rightbar{margin:0;width:100%;padding:24px 17px;gap:17px;grid-template-columns:1fr}.rightbar>section:nth-child(2){grid-row:2}.rightbar>section:first-child{display:grid;grid-template-columns:1fr;max-width:none}.partner-card{padding:12px;display:grid;grid-template-columns:125px 1fr;column-gap:14px}.partner-preview{grid-column:1;grid-row:1/5;height:156px}.partner-preview>img{width:116px;left:calc(50% - 58px);bottom:10px}.partner-window{width:23px;left:9px;top:17px}.partner-shelf{right:7px;font-size:17px;width:21px}.preview-caption{display:none}.partner-title{margin:4px 0 0;gap:4px}.partner-title h3{font-size:23px}.partner-title .eyebrow{font-size:5px}.partner-card>p{font-size:8px;margin:4px 0 10px}.partner-buttons{margin-top:11px;gap:5px}.soft-button{font-size:7px;min-height:29px}.affection{font-size:7px}.right-footer{font-size:7px}.rituals button{padding:13px}.rituals b{font-size:10px}.rituals small{font-size:9px}.ritual-caption{font-size:8px}.editor-columns{grid-template-columns:1fr;padding:20px;gap:20px}.dialog-header{padding:21px 20px}.dialog-header h2{font-size:26px}.dialog-header .eyebrow{font-size:6px}.dialog-footer{padding:18px 20px;flex-wrap:wrap}.dialog-footer>span{font-size:8px}.dialog-footer .red-button{width:100%;font-size:10px}.small-dialog #partner-picker{padding-inline:18px;gap:7px}.partner-choice img{width:66px;height:66px}.partner-choice b{font-size:11px}.small-dialog{max-height:90dvh}.dialog-description{font-size:10px;margin:20px}.share-link{margin-inline:20px}.sharing-info{margin-inline:20px;font-size:9px}.explore-intro{padding:25px 20px}.explore-intro h2{font-size:27px}.explore-intro img{width:90px;height:95px}.explore-intro p{font-size:10px}.neighborhood-grid{gap:12px;padding:18px}.neighbor-body{padding:11px}.neighbor-body b{font-size:19px}.neighbor-body span{font-size:8px}.neighbor-art{height:120px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.note-stamp{overflow:hidden}.room-pet{width:22%;height:31%}@media(max-width:540px){.room-pet{width:25%;height:34%}.welcome-note>div{min-width:0}}
/* A warmer, more lived-in room. */
body{background:#f0f4ef}.sidebar{background:linear-gradient(140deg,#f4f7f2,#edf3ee)}.page-header{background:linear-gradient(115deg,#fff,#fcfdf7)}.page-header h1{font-size:39px;letter-spacing:-1px}.room-heading{padding-top:30px;padding-bottom:24px}.room-heading h2{font-size:29px;letter-spacing:-.5px}.room-heading p{font-size:11px;line-height:1.8;max-width:480px}.room-number{font-size:10px}.room-wrap{border:1px solid #c7d7bc;box-shadow:0 5px 0 #e2ead9,0 12px 30px #49633a0a;border-radius:7px}.room-scene{background:#e1ead6}.room-scene:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:7;background:radial-gradient(ellipse at 50% 40%,transparent 35%,#5e6b4420);mix-blend-mode:multiply}.room-scene.is-night:after{background:radial-gradient(ellipse at 35% 45%,#ffd99816,transparent 50%),linear-gradient(#17335117,#1b2b4926)}.room-scene.is-raining:before{content:'';position:absolute;left:39%;top:10%;width:21%;height:29%;background:repeating-linear-gradient(115deg,transparent 0 21px,#e1f5fa66 22px 23px,transparent 24px 44px);background-size:44px 65px;animation:window-rain 1.2s linear infinite;pointer-events:none;z-index:2;opacity:.55}.room-speech{box-shadow:2px 2px 0 #6b805211;font-size:10px;padding:9px 14px}.scene-label{letter-spacing:1.5px;font-size:8px;border:1px solid #d7e1c8}.room-toolbar{padding:11px 14px}.room-toolbar>span{font-size:9px}.tool-button{height:29px;width:30px}.tool-button svg{width:14px;height:14px}.room-actions{padding-bottom:12px}.room-actions .red-button,.room-actions .outline-button{min-height:39px;font-size:11px}.room-extras{display:flex;align-items:center;gap:9px;padding:0 25px 25px}.room-extras .outline-button{font-size:9px;min-height:29px;padding:0 10px;background:#f9fbf5;color:#8ba079;border-color:#e2e9d8}.room-extras svg{width:12px;height:12px}.room-extras>span{font:10px var(--pixel);margin-left:auto;color:#adba9e}.welcome-note{margin-bottom:26px;padding:25px 21px;background:linear-gradient(120deg,#faf5e5,#fffdf6);border-color:#e8dfc5;border-left:3px solid #e4d4a8;gap:19px}.welcome-note .eyebrow{font-size:8px}.welcome-note h3{font-size:27px;color:#877c5a;margin:8px 0}.welcome-note p{font-size:11px;max-width:480px}.note-stamp{width:81px;height:88px;border:2px dashed #dfd3ae;background:#f4edd7}.note-stamp img{width:100px;height:100px;image-rendering:pixelated}.note-spark{font-size:20px}.room-details{padding:0 25px 30px}.details-header{display:flex;align-items:center;gap:14px;margin-bottom:15px}.details-header .eyebrow{font-size:7px;white-space:nowrap}.detail-dash{height:1px;background:#e5ebdc;flex:1}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-grid>button{padding:17px 13px;background:#f0f5e9;border:1px solid #dfe8d4;border-radius:5px;text-align:left;position:relative;overflow:hidden}.detail-grid>button:nth-child(2){background:#faf2e9;border-color:#eee1d2}.detail-grid>button:nth-child(3){background:#edf3f2;border-color:#dce6e3}.detail-icon{width:27px;height:27px;border:1px solid #d3dfc5;background:#ffffff77;color:#8aa475;display:grid;place-items:center;border-radius:4px;margin-bottom:13px}.detail-icon svg{width:14px;height:14px}.detail-grid>button:nth-child(2) .detail-icon{border-color:#e7d5c0;color:#b49b79}.detail-grid>button:nth-child(3) .detail-icon{border-color:#cfded8;color:#8da79b}.detail-label{display:block;font-size:6px;color:#a1af93;letter-spacing:.09em;font-weight:800}.detail-grid b{display:block;font:500 18px var(--pixel);color:#6f865e;margin:9px 0 10px;line-height:1.2}.detail-grid small{font-size:7px;color:#9baa8e;display:flex;align-items:center;justify-content:space-between;gap:5px}.detail-grid>button:hover{transform:translateY(-3px);box-shadow:0 4px 0 #e6eddd}.partner-card{box-shadow:0 4px 0 #e5ece1;border-color:#d8e2d4}.partner-preview{height:165px;background:linear-gradient(#e8f1df 0 72%,#d6e6c9 72%)}.partner-preview:before{content:'';position:absolute;width:80px;height:80px;border:1px solid #d1dfc4;border-radius:50%;left:calc(50% - 40px);top:49px}.partner-preview>img{height:135px;width:135px;left:calc(50% - 67px)}.partner-title h3{font-size:28px}.partner-card>p{font-size:10px}.partner-buttons .soft-button{min-height:34px}.room-tip{position:relative;background:linear-gradient(140deg,#e8f0e0,#f1f5e9);padding:23px 18px}.room-tip:after{content:'✦';position:absolute;right:15px;top:17px;color:#b6c799;font:24px var(--pixel)}.room-tip h3{font-size:28px}.room-tip p{font-size:10px}.widget-title h2{font-size:24px}.rituals button{padding-block:17px}.rituals b{font-size:10px}.rituals small{font-size:9px}.guestbook-section{background:linear-gradient(#fff,#fefef9)}.section-title h2{font-size:30px}.note-inputs textarea{padding:15px;font-size:12px;min-height:82px}.note-inputs input{font-size:12px}.empty-notes{font-size:14px;padding:30px}.empty-notes img{width:82px;height:82px}.fairy-bulb{animation:fairy-glow 4s ease-in-out infinite}.is-night .fairy-bulb{animation-duration:2.5s}.lamp-aura{animation:fairy-glow 4s infinite}.window-rain{animation:rain-shimmer 2s ease-in-out infinite}footer{flex-wrap:wrap}footer>span{margin-right:auto}footer button{font-size:9px}@keyframes window-rain{to{background-position:-22px 65px}}@keyframes fairy-glow{50%{opacity:.55}}@keyframes rain-shimmer{50%{opacity:.25}}
/* A front door, not a loading screen. */
body.intro-active{overflow:hidden}.room-intro{position:fixed;inset:0;z-index:1000;overflow:hidden;background:linear-gradient(#c5e3dc 0%,#e8edcf 67%,#c9d9a8 67%);display:flex;align-items:center;justify-content:center;isolation:isolate}.room-intro:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Cpath fill='%23ffffff' opacity='.07' d='M0 0h3v3H0zM3 3h3v3H3z'/%3E%3C/svg%3E");z-index:6}.intro-top,.intro-bottom{position:absolute;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;z-index:10;font:10px var(--pixel);letter-spacing:1.8px;color:#6e8f7c}.intro-top{top:30px}.intro-top button{display:flex;gap:22px;align-items:center;border:1px solid #9cb29b;background:#fffef0b0;padding:11px 16px;font:14px var(--pixel);color:#5f7c64;box-shadow:2px 2px 0 #a4bd9c33}.intro-bottom{bottom:24px;font-size:9px;color:#6b8a60}.intro-cloud{position:absolute;z-index:0;width:145px;height:30px;background:#f9fff1;box-shadow:20px -16px 0 -1px #f9fff1,42px -29px 0 -1px #f9fff1,70px -10px 0 0 #f9fff1;opacity:.7;animation:cloud-drift 24s ease-in-out infinite alternate}.cloud-a{top:18%;left:8%;transform:scale(1.2)}.cloud-b{top:11%;right:16%;width:90px;animation-delay:-9s;opacity:.6}.cloud-c{top:38%;right:3%;transform:scale(.65);animation-delay:-15s;opacity:.4}.intro-landscape{position:absolute;width:100%;max-width:1450px;aspect-ratio:2/1;top:36%;left:50%;transform:translate(-50%,-50%);z-index:1;transform-origin:50% 55%;transition:transform 1.15s cubic-bezier(.6,0,.4,1),opacity .7s}.intro-landscape>svg{width:100%;height:100%;shape-rendering:crispEdges;overflow:visible}.intro-house{filter:drop-shadow(0 7px 0 #75865b18)}.intro-door{transform-box:fill-box;transform-origin:left center;transition:transform .6s ease}.intro-sprite{position:absolute;width:15%;height:28%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 0 #667e4422);animation:intro-sprite-hop 3s steps(2,end) infinite}.intro-eevee{left:30%;top:56%;animation-delay:-.8s}.intro-pikachu{left:57%;top:59%;animation-delay:-1.6s}.door-light{position:absolute;left:46.5%;top:49%;width:7.1%;height:20%;background:#fff3c3;opacity:0;box-shadow:0 0 60px 15px #ffefbb66;transition:opacity .3s .2s}.intro-copy{position:absolute;z-index:4;top:62%;left:0;right:0;text-align:center;transition:opacity .3s,transform .4s}.intro-overline{display:block;font:10px var(--pixel);letter-spacing:3px;color:#77915e}.intro-copy h1{font:700 clamp(54px,6.4vw,88px)/1 var(--pixel);letter-spacing:-2px;color:#314f3b;margin:13px 0 15px;text-shadow:0 3px 0 #ffffdb77}.intro-copy h1 span{color:#e2645e}.intro-copy h1 i{font-style:normal;color:#d2a05e}.intro-copy p{font-size:14px;font-weight:600;line-height:1.65;color:#799060;margin:0 0 20px}.intro-enter{display:flex;align-items:center;justify-content:space-between;gap:52px;margin:0 auto;background:#ec5a5c;color:#fff7e9;border:3px solid #f9e6c5;outline:1px solid #b67360;box-shadow:4px 5px 0 #ae5c52;padding:15px 27px;font:500 22px var(--pixel);min-width:230px}.intro-enter:hover{background:#df4b50;transform:translateY(-2px)}.intro-enter>span{font-size:27px}.intro-hint{display:block;font:10px var(--pixel);letter-spacing:1px;color:#8fa271;margin-top:20px}.intro-entering .intro-door{transform:perspective(200px) rotateY(-85deg)}.intro-entering .door-light{opacity:1}.intro-entering .intro-landscape{transform:translate(-50%,-50%) scale(4);opacity:0;transition-delay:.3s}.intro-entering .intro-copy,.intro-entering .intro-top,.intro-entering .intro-bottom{opacity:0;transform:translateY(15px)}.intro-entering{animation:intro-exit .6s .65s forwards}.intro-skipped{opacity:0;transition:opacity .15s;pointer-events:none}@keyframes cloud-drift{to{translate:55px 0}}@keyframes intro-sprite-hop{50%{translate:0 -5px}}@keyframes intro-exit{to{opacity:0;visibility:hidden}}
@media(min-width:1700px){.intro-landscape{top:38%;max-width:1550px}.intro-copy{top:64%}}@media(max-height:740px) and (min-width:700px){.intro-landscape{width:850px;top:34%}.intro-copy{top:58%}.intro-copy h1{font-size:58px;margin:9px 0}.intro-copy p{font-size:11px;margin-bottom:13px}.intro-enter{padding:9px 22px;font-size:18px;min-width:200px}.intro-hint{margin-top:13px}.intro-overline{font-size:8px}}
@media(max-width:1250px){.page-header h1{font-size:33px}.room-heading h2{font-size:25px}.room-heading p{font-size:10px}.room-extras>span{display:none}.room-toolbar>span{font-size:8px}.detail-grid{gap:8px}.detail-grid>button{padding:14px 10px}.detail-grid b{font-size:16px}.detail-label{font-size:5px}.detail-grid small{font-size:6px}.welcome-note{padding:20px 16px;gap:14px}.welcome-note h3{font-size:23px}.welcome-note p{font-size:10px}.welcome-note .eyebrow{font-size:6px}.note-stamp{width:65px;height:77px}.note-stamp img{width:85px;height:85px}.room-actions .red-button,.room-actions .outline-button{font-size:9px}.intro-copy{top:59%}.intro-landscape{top:36%;width:1100px;max-width:none}.intro-copy h1{font-size:74px}}
@media(max-width:800px){.detail-label{font-size:6px}.detail-grid b{font-size:18px}.detail-grid small{font-size:7px}.room-extras>span{display:block;font-size:8px}.room-actions .red-button,.room-actions .outline-button{font-size:10px}.intro-landscape{width:920px;top:35%}.intro-copy{top:58%}.intro-copy h1{font-size:72px}.intro-top{font-size:8px}.intro-bottom{font-size:7px}.intro-overline{font-size:8px;letter-spacing:2px}}
@media(max-width:540px){.page-header h1{font-size:31px}.room-heading{padding-top:25px;padding-bottom:21px}.room-heading h2{font-size:25px}.room-heading p{font-size:10px;line-height:1.8}.room-speech{font-size:7px;padding:6px 9px;bottom:8px}.scene-label{font-size:6px;letter-spacing:.7px}.room-toolbar>span{font-size:6px}.room-toolbar{padding:9px 8px}.tool-button{width:25px;height:25px}.room-actions .red-button,.room-actions .outline-button{min-height:36px;font-size:9px}.room-extras{padding:0 15px 20px;gap:8px}.room-extras .outline-button{font-size:8px;min-height:28px;padding:0 9px}.room-extras>span{display:none}.welcome-note{padding:19px 13px;gap:13px;margin-bottom:23px}.welcome-note h3{font-size:24px}.welcome-note p{font-size:9px}.welcome-note .eyebrow{font-size:6px}.note-stamp{width:59px;height:73px}.note-stamp img{width:80px;height:80px}.room-details{padding:0 15px 25px}.details-header{gap:8px}.details-header .eyebrow{font-size:6px}.detail-grid{gap:7px}.detail-grid>button{padding:13px 9px}.detail-label{font-size:5px;letter-spacing:.02em}.detail-icon{width:24px;height:24px;margin-bottom:12px}.detail-grid b{font-size:16px;min-height:38px;line-height:1.1}.detail-grid small{font-size:6px;line-height:1.6}.room-details-art .fairy-bulb{opacity:.8}.note-inputs textarea{font-size:11px}.empty-notes{font-size:12px}.widget-title h2{font-size:25px}.partner-preview{height:169px}.partner-card>p{font-size:9px}.partner-title h3{font-size:25px}.partner-buttons .soft-button{min-height:29px}.intro-top{top:23px;left:20px;right:20px;gap:20px;font-size:6px;letter-spacing:1px}.intro-top>span{max-width:120px;line-height:1.8}.intro-top button{font-size:12px;padding:9px 12px;gap:15px}.intro-landscape{width:780px;top:34%}.intro-eevee{width:13%;height:25%;left:33%;top:59%}.intro-pikachu{width:13%;height:25%;left:55%;top:61%}.intro-copy{top:57%}.intro-copy h1{font-size:63px;letter-spacing:-1.7px;margin:13px 0 15px}.intro-overline{font-size:7px;letter-spacing:1.7px}.intro-copy p{font-size:12px;line-height:1.7;margin-bottom:21px}.intro-enter{font-size:20px;min-width:215px;padding:13px 23px;gap:45px}.intro-hint{font-size:8px;margin-top:20px}.intro-bottom{left:20px;right:20px;bottom:23px;font-size:6px;gap:20px;line-height:1.8;letter-spacing:.7px}.cloud-a{top:16%;left:-15%;transform:scale(.65)}.cloud-b{top:13%;right:12%;transform:scale(.65)}.cloud-c{top:36%;right:-23%;transform:scale(.5)}}
@media(prefers-reduced-motion:reduce){.room-intro *{animation:none!important;transition:none!important}.intro-entering{animation:none!important}.room-scene:before{animation:none!important}}
@media(max-width:540px){.room-intro{background:linear-gradient(#c5e3dc 0%,#dce8cf 38%,#c8dca9 50%,#c8dca9 100%)}}