:root{--paper:#f7f5ef;--ink:#343b34;--muted:#8d9083;--line:#e6e7dd;--accent:#cf714d;--accent-dark:#ad5738;--cream:#f1ead9;--green:#68765b;--white:#fffefa;--shadow:0 18px 70px #54533c0b;font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ce8963;outline-offset:4px}button:disabled{cursor:default}button:disabled:not(.chosen){opacity:.65}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle;pointer-events:none}button .icon{width:18px;height:18px}h1,h2,h3,h4,p{margin:0}button,a{touch-action:manipulation}
.site-header{height:99px;padding:0 max(40px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:36px;background:#fbfaf5}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:750;letter-spacing:2px;flex-shrink:0}.brand-mark{width:43px;height:43px;border-radius:14px;background:#d37e59;color:#fff4dd;display:grid;place-items:center;transform:rotate(-4deg)}.brand-mark .icon{width:28px;height:28px;stroke-width:1.6}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:2.1px;margin-top:5px;color:#989784}.main-nav{display:flex;height:100%;gap:37px}.main-nav button{position:relative;white-space:nowrap;font-size:14px;color:#909285;letter-spacing:1px;padding:0 3px}.main-nav button.active{font-weight:700;color:#394334}.main-nav button.active:after{content:"";position:absolute;bottom:0;left:calc(50% - 10px);height:3px;width:20px;border-radius:3px;background:#6c7a5d}.new-dot{position:absolute;right:-5px;top:36px;width:5px;height:5px;border-radius:50%;background:#cf8a63}.header-right{display:flex;align-items:center;gap:22px}.demo-badge{font-size:10px;padding:5px 8px;color:#8a907c;background:#efeee4;border-radius:5px;white-space:nowrap}.avatar-button{width:37px;height:37px;border-radius:50%;background:#ebe4cf;display:grid;place-items:center;border:3px solid #fff;color:#7e8769;font-size:13px}
#app{max-width:1280px;margin:auto;padding:45px 0 0;min-height:calc(100vh - 200px)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#9a9b87;display:block}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px}.page-heading h1{font-size:32px;font-weight:650;letter-spacing:1.2px;margin:10px 0 13px}.title-spark{color:#c59157;display:inline-block;vertical-align:top;margin-left:17px;font-size:29px;font-weight:400}.page-heading p{font-size:13px;line-height:1.8;color:#8f9183}.page-actions{display:flex;gap:11px;padding-top:20px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid #dedfd3;border-radius:9px;background:#fffdf7;padding:12px 17px;font-size:12px;font-weight:600;white-space:nowrap;transition:background .2s,transform .2s}.button:hover{background:#f0ede3;transform:translateY(-1px)}.button.primary{background:var(--accent);color:#fff9ed;border-color:var(--accent);box-shadow:0 4px 8px #ce714c12}.button.primary:hover{background:var(--accent-dark)}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#8a785d;padding:8px 0}.text-button:hover{color:var(--accent)}
.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:24px;align-items:stretch}.room-card{background:#efe9dc;border:1px solid #e5ddcb;border-radius:20px;position:relative;overflow:hidden;display:flex;flex-direction:column}.room-top{padding:23px 26px 0;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.room-sign{display:flex;gap:8px;align-items:center;font-size:10px;color:#938873;letter-spacing:.5px}.room-sign .icon{width:15px;height:15px}.tiny-dot{width:3px;height:3px;border-radius:100%;background:#b5a689;margin:0 1px}.room-number{font:9px Georgia,serif;letter-spacing:2px;color:#ab9c7c}.room-stage{position:relative;min-height:415px;flex:1;isolation:isolate}.room-halo{position:absolute;width:75%;height:75%;top:4%;left:14%;border-radius:50%;background:radial-gradient(ellipse,#fff7df90,transparent 70%);z-index:-1}.room-illustration{width:87%;max-width:760px;margin:-13px auto -5px}.room-illustration>svg{width:100%;height:auto;display:block}.room-script{position:absolute;top:60px;left:40px;font:italic 18px/1.4 Georgia,serif;color:#aaa08a;transform:rotate(-7deg);z-index:-1;letter-spacing:.2px}.room-script em{font-size:14px}.room-bottom{margin:0 26px;padding:18px 0;border-top:1px solid #dcd5c4;display:flex;align-items:center;justify-content:space-between;gap:12px}.room-bottom>span{color:#a2957c;display:flex;align-items:center;gap:7px;font-size:10px}.room-bottom>span>.icon{width:14px;height:14px}.room-bottom button{display:flex;align-items:center;gap:7px;font-size:11px;color:#7a785e;background:#fff9ebaa;border:1px solid #ddd3bc;padding:8px 12px;border-radius:7px}.room-bottom button:hover{background:#fffdf5}.room-bottom button .icon{width:14px;height:14px}.room-bottom .explore-count{font-size:11px;color:#738263}
.hotspot{position:absolute;padding:10px;z-index:2;display:flex;align-items:center;gap:7px;white-space:nowrap}.hotspot>i{position:relative;width:13px;height:13px;display:block;border:3px solid #fff9e2;border-radius:50%;background:#db9662;box-shadow:0 0 0 5px #fff1d254,0 2px 8px #9d74493b}.hotspot>i:after{content:"";position:absolute;inset:-9px;border:1px solid #fff4ce90;border-radius:50%;animation:pulse 3s infinite}.hotspot>span{font-size:10px;background:#fffdf1f2;box-shadow:0 4px 12px #7b674219;border:1px solid #fffef5;border-radius:6px;padding:8px 9px;display:flex;gap:6px;align-items:center;color:#776344;transition:transform .2s}.hotspot:hover>span{transform:translateY(-3px);background:white}.hotspot .icon{width:12px;height:12px}.spot-photo{left:20%;top:36%}.spot-book{left:45%;top:43%}.spot-record{left:24%;top:71%}.spot-case{left:64%;top:80%}
.profile-card{background:#fffdf7;border:1px solid #e7e6da;border-radius:20px;padding:23px 25px 0;display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow)}.profile-top{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:10px;letter-spacing:2px;color:#a3a28f}.profile-top .icon{color:#a5ad8d;width:17px;height:17px}.portrait{--shirt:#d48961;position:relative;width:99px;height:99px;background:#ece8d2;border-radius:50%;overflow:hidden;margin:24px auto 14px;flex-shrink:0}.portrait.green{--shirt:#79916c}.portrait.blue{--shirt:#7096a9}.portrait:before{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:#f4edce;top:7px;left:8px}.portrait-body{position:absolute;width:69px;height:51px;border-radius:35px 35px 8px 8px;background:var(--shirt);bottom:-11px;left:15px;transform:rotate(-5deg)}.portrait-neck{position:absolute;left:42px;top:55px;width:16px;height:20px;border-radius:0 0 8px 8px;background:#dfb590}.portrait-head{position:absolute;left:30px;top:22px;width:39px;height:44px;border-radius:18px;background:#edc9a4;transform:rotate(-5deg);z-index:2}.portrait-head:before,.portrait-head:after{content:"";position:absolute;top:24px;width:2px;height:3px;background:#514438;border-radius:50%}.portrait-head:before{left:10px}.portrait-head:after{right:10px}.portrait-head i{position:absolute;bottom:8px;left:18px;width:7px;height:3px;border-bottom:1px solid #b17f60;border-radius:50%}.portrait-head b{position:absolute;background:#f2b493aa;border-radius:50%;width:8px;height:4px;top:31px;left:3px}.portrait-hair{position:absolute;left:27px;top:15px;width:44px;height:30px;background:#5c5141;border-radius:22px 23px 9px 3px;transform:rotate(-11deg);z-index:3;clip-path:polygon(0 0,100% 0,100% 100%,87% 76%,77% 45%,61% 74%,15% 77%,5% 100%,0 100%)}.portrait-leaf{position:absolute;right:8px;top:13px;font-size:16px;color:#9aab7e;z-index:4}.profile-name{font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px;letter-spacing:2px}.online-dot{background:#91a66b;width:6px;height:6px;border-radius:50%}.profile-location{display:flex;align-items:center;gap:4px;font-size:10px;color:#9a9b88;margin-top:11px}.profile-location .icon{width:12px;height:12px}.profile-card h2{text-align:center;font-size:25px;line-height:1.65;letter-spacing:2px;font-weight:500;margin-top:18px;font-family:Georgia,"STSong","SimSun",serif}.profile-intro{text-align:center;font-size:11px;color:#999b8b;line-height:1.95;margin-top:13px}.person-tags{display:flex;gap:6px;margin:17px 0 22px;flex-wrap:wrap;justify-content:center}.person-tags span{background:#f3f2e9;font-size:9px;color:#8b907b;padding:5px 7px;border-radius:4px}.profile-stats{border-top:1px solid #eeeee3;border-bottom:1px solid #eeeee3;display:flex;justify-content:space-between;gap:13px;padding:20px 0;width:100%;margin-top:auto}.profile-stats>div{text-align:center;flex:1}.profile-stats>div+div{border-left:1px solid #eaeade}.profile-stats strong{font:23px Georgia,serif;color:#737d60;letter-spacing:0;display:block}.profile-stats strong>span{font:9px system-ui;margin-left:4px;color:#b3b2a2}.profile-stats small{font-size:9px;display:block;color:#a3a38f;margin-top:7px}.profile-note{display:flex;gap:6px;align-items:center;font-size:10px;color:#b6a78a;padding:16px 0}.profile-note .icon{width:13px;height:13px}
.stories-section{margin-top:38px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:21px;gap:20px}.section-kicker{font-size:8px;letter-spacing:2px;color:#adae98}.section-heading h2{font-size:21px;font-weight:600;margin-top:7px;letter-spacing:.5px}.section-heading h2 span{font-size:11px;color:#a3a594;font-weight:400;margin-left:16px;letter-spacing:0}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.story-card{padding:0;border:1px solid #e6e5d9;border-radius:13px;overflow:hidden;text-align:left;background:var(--white);transition:transform .22s,box-shadow .22s;display:flex;flex-direction:column}.story-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #756b4810}.story-art{position:relative;height:135px;overflow:hidden;background:var(--art-bg,#e7ebdf);isolation:isolate}.sage{--art-bg:#e5e9db;--art-ink:#879675}.peach{--art-bg:#f0e0d6;--art-ink:#c58e76}.blue{--art-bg:#dfe8e6;--art-ink:#83a4a3}.sand{--art-bg:#ede7d6;--art-ink:#b6a270}.story-illustration{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-9deg);display:grid;place-items:center;width:67px;height:67px;background:#fffcf1a1;color:var(--art-ink);border-radius:20px 20px 23px 10px;box-shadow:8px 8px 0 #fefbf144}.story-illustration>.icon{width:37px;height:37px;stroke-width:1.1}.art-orbit{position:absolute;border:1px solid #fff7e360;border-radius:50%;width:180px;height:180px;top:-71px;right:-29px}.art-orbit.orbit-two{width:130px;height:130px;top:57px;right:auto;left:-33px;border-width:16px;border-color:#fff8e52e}.story-year{position:absolute;left:16px;top:14px;font:italic 15px Georgia,serif;color:var(--art-ink)}.story-sequence{position:absolute;bottom:10px;right:12px;font-size:7px;letter-spacing:1.8px;color:var(--art-ink)}.read-badge{position:absolute;right:10px;top:10px;color:#6d7d62;background:#fffcf0bd;border-radius:9px;font-size:8px;padding:3px 5px}.read-badge .icon{width:10px;height:10px}.story-copy{padding:19px 18px 17px;flex:1;display:flex;flex-direction:column}.category-label{font-size:9px;color:#a0a28a;letter-spacing:1px}.category-label .icon{width:10px;height:10px}.story-copy h3{font-size:13px;font-weight:550;line-height:1.8;margin:8px 0;min-height:46px;letter-spacing:.2px}.story-copy p{font-size:10px;color:#adb09d;line-height:1.6}.read-link{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#949781;border-top:1px solid #efeee4;margin-top:17px;padding-top:12px}.read-link .icon{width:13px;height:13px}.closing-note{display:flex;align-items:center;justify-content:center;gap:12px;margin:43px 0 32px;color:#a9ab97}.closing-note>.icon{width:19px;height:19px;color:#9eac87}.closing-note p{font-size:11px}.closing-note p span{color:#b2b4a3;margin-left:4px}.note-line{height:1px;background:#ddded0;width:42px;margin:0 8px}.closing-note small{font-size:8px;letter-spacing:1.5px;color:#b3b5a3}.site-footer{max-width:1280px;margin:0 auto;padding:22px 0 27px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#b1b4a4;font-size:9px;letter-spacing:.5px}
.visitor-banner{display:flex;align-items:center;gap:8px;font-size:12px;background:#e9eedd;padding:12px 18px;border:1px solid #dce3ca;border-radius:9px;margin-bottom:25px;color:#6e7e59}.visitor-banner>button{margin-left:auto;font-size:11px;display:flex;align-items:center;gap:7px}.visitor-banner .icon{width:16px;height:16px}.timeline-layout{display:grid;grid-template-columns:260px 1fr;gap:60px;max-width:1050px;margin:48px auto 70px}.timeline-aside{padding-top:15px}.timeline-aside h2{font-family:Georgia,"SimSun",serif;font-size:39px;line-height:1.7;font-weight:400;letter-spacing:4px;margin:23px 0}.timeline-aside p{font-size:12px;line-height:2.2;color:#a1a28e}.mini-house{height:135px;display:flex;align-items:center;color:#baa985}.mini-house .icon{width:73px;height:73px;stroke-width:.8}.timeline-aside>span{color:#a9aa92;font:italic 13px Georgia}.filter-row{display:flex;gap:10px;margin-bottom:37px;flex-wrap:wrap}.filter-row button{padding:8px 19px;font-size:12px;border-radius:20px;color:#979c87;border:1px solid #e2e4d6}.filter-row button.selected{background:#718065;border-color:#718065;color:white}.timeline-list{border-left:1px solid #dadfcc;margin-left:60px;padding:0 0 0 30px}.timeline-item{position:relative;margin-bottom:26px}.time-year{position:absolute;left:-98px;top:37px;font:italic 17px Georgia,serif;color:#9ca58b}.timeline-dot{position:absolute;left:-35px;top:42px;width:9px;height:9px;border-radius:50%;background:#c3c9ae;border:2px solid var(--paper)}.timeline-story{display:flex;gap:22px;align-items:center;width:100%;border:1px solid #e0e3d4;background:#fffdf5;border-radius:14px;padding:24px;text-align:left}.timeline-story:hover{border-color:#b8bea4}.timeline-symbol{width:66px;height:66px;border-radius:18px;background:var(--art-bg);color:var(--art-ink);display:grid;place-items:center;flex-shrink:0}.timeline-symbol>.icon{width:31px;height:31px}.timeline-story>div{flex:1}.timeline-story h3{font-size:15px;font-weight:550;margin:8px 0;line-height:1.8}.timeline-story p{color:#9fa48d;font-size:11px}.timeline-story>.icon{color:#9aab8b;width:16px}.empty-state{font-size:12px;padding:35px 0;color:#9ca58b;line-height:1.8}
.explore-intro{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:22px;background:#edeedf;border:1px solid #e0e1cf;border-radius:12px;margin-bottom:25px;color:#82916e}.explore-intro>span{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.explore-intro p{font-size:11px;line-height:1.8}.neighborhood{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-bottom:30px}.neighbor-card{border:1px solid #e2dece;border-radius:17px;overflow:hidden;background:#fffdf6}.neighbor-room{background:#efe9dc;padding:30px 0 8px}.neighbor-room>svg{width:100%;height:auto;display:block}.forest .neighbor-room,.decoration-preview.forest{background:#e1e7d7}.rose .neighbor-room,.decoration-preview.rose{background:#f0e1da}.neighbor-copy{padding:25px}.neighbor-copy h2{margin:10px 0;font-size:22px;font-weight:500}.neighbor-copy p{font-size:11px;color:#9c9d89;line-height:1.9}.neighbor-copy .button{margin-top:22px;font-size:11px}.demo-note{font-size:11px;color:#a2a28d;line-height:1.9;margin:20px 0 40px}.profile-dialog{text-align:center;padding:5px 20px 35px}.profile-dialog h3{margin:22px 0;font-family:"SimSun",serif;font-size:22px;font-weight:400}.profile-dialog p{font-size:12px;color:#92977c;line-height:2}
dialog{border:1px solid #e2dfd0;background:#fffdf7;color:var(--ink);border-radius:22px;width:min(650px,calc(100vw - 36px));max-height:88dvh;padding:0;box-shadow:0 24px 100px #373d3030;overscroll-behavior:contain}dialog::backdrop{background:#333b305c;backdrop-filter:blur(5px)}#modal-body{padding:30px}.modal-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:25px}.modal-heading h2{font-size:23px;line-height:1.65;letter-spacing:.5px;font-weight:550;margin-top:9px}.icon-button{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#f0eee2;color:#8c917c;flex-shrink:0}.icon-button .icon{width:15px;height:15px}.modal-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e9e9da;padding-top:20px;margin-top:25px;gap:16px}.modal-footer>span{font-size:10px;color:#a3a48e;line-height:1.8}.story-modal-cover{background:var(--art-bg);padding:22px;border-radius:12px;display:flex;align-items:center;gap:16px;color:var(--art-ink);margin-bottom:24px}.story-modal-cover>.icon{width:35px;height:35px;stroke-width:1.2}.story-modal-cover span{font-family:"SimSun",serif;font-size:16px;letter-spacing:1px}.story-prose{font-size:14px;line-height:2.15;color:#727a66}.story-choice{margin-top:30px;padding-top:25px;border-top:1px dashed #dcddcc}.story-choice h3{font-size:16px;font-weight:550;margin:12px 0 17px}.choice-options{display:grid;gap:9px}.choice-options button{padding:14px;background:#f5f4e9;border:1px solid #e4e5d7;display:flex;gap:12px;align-items:center;border-radius:9px;font-size:12px;text-align:left;line-height:1.6}.choice-options button>span{font:italic 16px Georgia;color:#9da488}.choice-options button>.icon{margin-left:auto;width:14px;height:14px}.choice-options button.chosen{border-color:#90a27c;background:#e9efdd}.choice-hint{font-size:10px;color:#a3a88e;margin-top:12px}.story-reveal{background:#eef0e2;border-radius:11px;padding:22px;margin-top:22px;animation:rise .3s ease-out}.story-reveal>span{font-size:10px;color:#92a07b;display:flex;gap:5px;align-items:center}.story-reveal>span .icon{width:14px;height:14px}.story-reveal h4{font-size:15px;font-weight:550;margin-top:14px;color:#657955}.story-reveal p{font-size:13px;line-height:2;color:#788569;margin-top:13px}.story-reveal small{display:block;font-size:10px;color:#a1ab8b;margin-top:17px;padding-top:12px;border-top:1px solid #dce2cd}
.decoration-modal{width:min(880px,calc(100vw - 36px))}.decoration-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.decoration-preview{background:#efe9dc;border-radius:15px;display:flex;flex-direction:column;justify-content:center;padding:20px 0 22px}.decoration-preview>svg{width:100%;height:auto}.decoration-preview>span{display:block;text-align:center;font-size:10px;letter-spacing:1px;color:#948c73;margin-top:14px}.decoration-options h3{font-size:12px;display:flex;align-items:center;gap:8px;font-weight:500;margin:10px 0 14px}.decoration-options h3>.icon{width:16px;height:16px;color:#94a281}.theme-options{display:flex;gap:7px;margin-bottom:25px}.theme-option{flex:1;font-size:10px;padding:9px 4px;border-radius:9px;border:1px solid #e8e8d9;display:flex;align-items:center;flex-direction:column;gap:9px;white-space:nowrap}.theme-option.selected{border-color:#8d9b75;background:#f2f4e7}.theme-swatch{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#e5d3ad;color:#fff}.theme-swatch.forest{background:#a6b48c}.theme-swatch.rose{background:#d2aaa0}.theme-swatch .icon{width:17px;height:17px}.theme-option small{font-size:7px;color:#9ca389;white-space:nowrap}.outfit-options{display:grid;gap:8px}.outfit-option{display:flex;align-items:center;gap:12px;text-align:left;padding:7px 10px;border:1px solid #e6e6d7;border-radius:9px;font-size:11px}.outfit-option.selected{border-color:#9ba786;background:#f4f5eb}.portrait.small{width:40px;height:40px;margin:0;overflow:hidden}.small .portrait-head{transform:scale(.46) rotate(-5deg);transform-origin:top left;left:11px;top:9px}.small .portrait-hair{transform:scale(.46) rotate(-11deg);transform-origin:top left;left:10px;top:6px}.small .portrait-body{transform:scale(.46);transform-origin:bottom left;bottom:-2px;left:4px}.small .portrait-neck{transform:scale(.46);transform-origin:top left;left:17px;top:24px}.small .portrait-leaf{font-size:8px;top:3px;right:3px}.outfit-option>.icon{width:13px;height:13px;color:#83956b;margin-left:auto}.upgrade-strip{margin-top:25px;padding:15px 18px;background:#f1eee1;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e6e0ce;border-radius:11px}.upgrade-strip>div{display:flex;align-items:center;gap:10px}.upgrade-strip>div>.icon{color:#c09858}.upgrade-strip strong{font-size:11px;font-weight:500;display:block}.upgrade-strip small{font-size:9px;color:#a4a087;display:block;margin-top:5px}.upgrade-strip .text-button{font-size:10px;white-space:nowrap}
.modal-description{font-size:12px;color:#9a9e85;line-height:1.8;margin:-10px 0 23px}label{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#828c72;margin-bottom:18px;line-height:1.6}input,textarea,select{border:1px solid #e1e3d3;border-radius:8px;background:#fafaf2;padding:12px;color:#59664d;font-size:12px;min-width:0;width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #bdc7a5;outline-offset:0}textarea{line-height:1.9;resize:vertical}input::placeholder,textarea::placeholder{color:#b5b8a3}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.input-meta{display:flex;justify-content:space-between;gap:8px;margin-top:-9px;color:#a3a98f;font-size:9px}.input-meta .icon{width:12px;height:12px}.organize-button{display:flex;width:100%;justify-content:center;align-items:center;gap:8px;margin-top:20px;border:1px dashed #b9c3a4;background:#f2f5e8;padding:14px 9px;border-radius:8px;font-size:12px;color:#7c9068}.organize-button>span{font-size:8px;color:#a5b18f}.organize-button>.icon{width:15px;height:15px}.form-error{color:#c76f50;font-size:11px;margin-top:10px}.draft-preview{border:1px solid #e5e2d2;border-radius:10px;padding:20px;margin-top:18px;background:#f7f5e9}.draft-preview h3{font-size:15px;margin:9px 0 15px;font-weight:550}.draft-preview p{font-size:12px;color:#8b917b;line-height:2;overflow-wrap:anywhere}.draft-preview small{font-size:9px;display:block;margin-top:17px;color:#a5aa91}.share-card{max-width:330px;margin:10px auto 25px;border:1px solid #e1dcc5;border-radius:14px;padding:22px;background:radial-gradient(circle at 50% 40%,#faf1d6 0,#eeeadb 75%);text-align:center;position:relative;overflow:hidden}.share-card-brand{display:flex;align-items:center;gap:5px;font-size:10px;color:#9c9a80;letter-spacing:1px}.share-card-brand .icon{width:15px;height:15px}.share-card .portrait{margin:23px auto 20px}.share-card h3{font-size:23px;font-family:"SimSun",serif;font-weight:500;letter-spacing:1px}.share-card p{font-size:11px;color:#9a9c83;margin-top:14px}.share-card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dcdac5;margin-top:28px;padding-top:16px;font-size:9px;color:#9a9d81}.share-card-bottom .icon{width:15px;height:15px}.share-label textarea{font-size:10px;line-height:1.6;overflow-wrap:anywhere;word-break:break-all}.share-help{font-size:10px;line-height:1.9;color:#a2a48c;display:flex;gap:6px}.share-help>.icon{width:15px;height:15px;margin-top:2px}.price-card{background:#f0eddd;border:1px solid #e0dbc5;border-radius:12px;padding:27px}.price-card>span{font-size:11px;color:#a1906d}.price-card h3{font:38px Georgia;margin:18px 0;color:#b98154}.price-card h3>small{font:10px system-ui;color:#a49e81}.price-card p{font-size:11px;color:#8c9276;line-height:1.9}.price-card ul{list-style:none;padding:15px 0 0;border-top:1px solid #dedbc5;margin:20px 0 0}.price-card li{font-size:11px;color:#8b9276;margin:10px 0;display:flex;gap:7px;line-height:1.9}.price-card li>.icon{width:14px;height:14px;margin-top:3px}.story-prose,.story-copy h3,.timeline-story h3,.modal-heading h2{overflow-wrap:anywhere}
#toast{position:fixed;left:50%;bottom:35px;transform:translate(-50%,12px);opacity:0;pointer-events:none;z-index:10;background:#48543feF;color:#fff9e9;padding:13px 22px;border-radius:10px;font-size:12px;box-shadow:0 7px 30px #39412d25;transition:opacity .2s,transform .2s;max-width:calc(100vw - 30px);width:max-content;line-height:1.9}#toast.visible{opacity:1;transform:translate(-50%,0)}body:has(dialog[open]){overflow:hidden}body[data-theme="forest"] .room-card{background:#e2e7d7;border-color:#d4dcc6}body[data-theme="rose"] .room-card{background:#f0e2d9;border-color:#e3cfc3}
.modal-heading{position:sticky;top:0;z-index:5;background:#fffdf7;box-shadow:0 -30px 0 #fffdf7,0 8px 14px #fffdf775}
@keyframes pulse{0%,100%{transform:scale(.8);opacity:.2}50%{transform:scale(1.3);opacity:1}}@keyframes rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.room-stage{min-height:458px}.room-illustration{width:90%;max-width:760px;margin:-15px auto -10px}.spot-book{top:43%}.spot-case{top:80%}}
@media(max-width:1380px){#app{margin:0 40px}.site-footer{margin:0 40px}.site-header{padding:0 40px}.home-grid{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.room-stage{min-height:390px}.profile-card{padding-left:22px;padding-right:22px}.portrait{width:90px;height:90px;margin-top:20px}.profile-card h2{font-size:22px;margin-top:15px}.person-tags{margin-bottom:16px}.profile-stats{padding:17px 0}.room-script{font-size:16px;left:30px}.story-grid{gap:17px}.story-copy{padding-left:15px;padding-right:15px}.story-copy h3{font-size:12px}}
@media(max-width:1100px){.site-header{padding:0 28px;gap:25px}.main-nav{gap:23px}#app{margin:0 28px;padding-top:32px}.site-footer{margin:0 28px}.home-grid{grid-template-columns:minmax(0,1fr) 246px;gap:16px}.page-heading h1{font-size:28px}.page-heading p{font-size:11px}.button{font-size:11px;padding:11px 13px}.page-actions{gap:8px}.room-stage{min-height:365px}.room-illustration{width:98%;margin:12px auto 0}.room-top{padding-left:20px;padding-right:20px}.room-number{font-size:7px}.room-script{font-size:13px;top:50px;left:23px}.room-script em{font-size:11px}.room-sign{font-size:8px}.room-bottom{margin:0 16px;padding:14px 0}.room-bottom>span{font-size:8px}.room-bottom button{font-size:10px;padding:7px}.profile-card{padding:20px 17px 0}.profile-name{font-size:18px}.profile-intro{font-size:10px}.profile-card h2{font-size:21px;margin-top:12px}.profile-location{font-size:9px}.profile-stats{gap:7px;padding:15px 0}.profile-stats small{font-size:8px}.profile-note{font-size:9px;padding:13px 0}.portrait{margin-top:15px;margin-bottom:12px}.person-tags{gap:4px;margin-top:14px}.person-tags span{font-size:8px;padding:5px}.story-art{height:115px}.story-copy{padding:15px 12px}.story-copy h3{font-size:11px}.section-heading h2 span{font-size:10px;margin-left:11px}.story-grid{gap:13px}.closing-note small,.note-line{display:none}.neighborhood{gap:16px}.neighbor-copy{padding:21px}.neighbor-copy h2{font-size:19px}.timeline-layout{grid-template-columns:190px 1fr;gap:30px}.spot-photo{left:17%;top:37%}.spot-book{left:43%;top:43%}.spot-record{left:20%;top:67%}.spot-case{left:62%;top:77%}}
@media(max-width:800px){.site-header{height:78px;padding:0 22px}.brand{font-size:17px;gap:9px;letter-spacing:1px}.brand-mark{width:36px;height:36px;border-radius:11px}.brand-mark .icon{width:24px;height:24px}.brand small{font-size:6px;letter-spacing:1.5px}.header-right{gap:10px}.demo-badge{font-size:8px}.main-nav{gap:19px}.main-nav button{font-size:11px;letter-spacing:0}.new-dot{top:24px;right:-4px}.avatar-button{width:32px;height:32px;font-size:11px}#app{margin:0 22px;padding-top:27px}.page-heading{align-items:start;gap:16px;margin-bottom:24px}.page-heading h1{font-size:26px;margin-top:9px}.page-heading p{font-size:11px}.page-actions{padding-top:19px;flex-direction:column;gap:7px}.button{font-size:10px;padding:10px 11px}.home-grid{grid-template-columns:1fr}.room-stage{min-height:unset;height:auto;aspect-ratio:1.64}.room-illustration{width:88%;margin:-22px auto 0}.room-script{font-size:17px;top:45px;left:30px}.room-sign{font-size:10px}.room-number{font-size:9px}.room-top{padding-top:22px}.room-bottom{margin:0 23px;padding:16px 0}.room-bottom>span{font-size:10px}.room-bottom button{padding:9px 12px;font-size:11px}.spot-photo{left:20%;top:33%}.spot-book{left:45%;top:39%}.spot-record{left:24%;top:71%}.spot-case{left:64%;top:82%}.profile-card{display:grid;grid-template-columns:84px 1fr 1fr;grid-template-rows:auto auto auto;padding:20px 22px;gap:0 20px;text-align:left;position:relative}.profile-top,.profile-card h2,.person-tags,.profile-note{display:none}.profile-card>.portrait{grid-column:1;grid-row:1/4;width:76px;height:76px;margin:0;align-self:center}.profile-name{grid-column:2;grid-row:1;font-size:18px;margin-bottom:5px}.profile-location{grid-column:2;grid-row:2;margin:0;font-size:9px}.profile-intro{grid-column:2;grid-row:3;text-align:left;font-size:9px;margin:7px 0 0;white-space:nowrap}.profile-stats{grid-column:3;grid-row:1/4;border:0;border-left:1px solid #eeeee3;margin:0;padding:10px 0 10px 15px;gap:5px}.profile-stats strong{font-size:21px}.profile-stats small{font-size:8px;white-space:nowrap}.profile-stats>div+div{border:0}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.story-art{height:140px}.story-copy{padding:18px}.story-copy h3{font-size:13px;min-height:unset}.story-copy p{font-size:10px}.stories-section{margin-top:31px}.section-heading h2 span{display:none}.section-heading h2{font-size:20px}.section-heading .text-button{font-size:11px}.closing-note{margin:32px 0;gap:8px}.closing-note p{font-size:10px}.site-footer{margin:0 22px;padding:20px 0;font-size:8px}.timeline-layout{grid-template-columns:1fr;margin-top:25px;gap:28px}.timeline-aside{display:none}.timeline-list{margin-left:55px}.timeline-story{padding:20px;gap:17px}.timeline-story h3{font-size:13px}.neighborhood{grid-template-columns:1fr}.neighbor-card{display:grid;grid-template-columns:1fr 1fr}.neighbor-room{padding-top:20px}.neighbor-copy{padding:24px;display:flex;flex-direction:column;justify-content:center}.neighbor-copy .button{align-self:start}.explore-intro{align-items:start;flex-direction:column;gap:8px}.decoration-layout{grid-template-columns:1fr 1fr;gap:17px}.decoration-preview>span{font-size:8px}.theme-option{font-size:8px}.theme-option small{font-size:6px}}
@media(max-width:560px){.site-header{height:112px;padding:0 19px 38px;gap:10px;position:relative}.header-right{gap:10px}.main-nav{position:absolute;bottom:0;left:19px;right:19px;height:38px;justify-content:space-between;gap:12px;border-top:1px solid #e9eadd}.main-nav button{font-size:11px;padding:0 12px}.main-nav button.active:after{height:2px}.new-dot{top:10px;right:5px}.brand{font-size:16px}.brand small{font-size:6px}.brand-mark{width:33px;height:33px}.brand-mark .icon{width:23px;height:23px}.demo-badge{font-size:8px;padding:4px 6px}.avatar-button{width:29px;height:29px;border-width:2px}#app{margin:0 17px;padding-top:26px}.eyebrow{font-size:8px;letter-spacing:1.6px}.page-heading{display:block;margin-bottom:21px}.page-heading h1{font-size:26px;margin-bottom:10px}.title-spark{font-size:23px;margin-left:10px}.page-heading p{font-size:10px;line-height:1.9}.page-actions{padding-top:16px;flex-direction:row;gap:8px}.page-actions .button{font-size:10px;padding:10px 13px}.home-grid{gap:13px}.room-card{border-radius:15px}.room-top{padding:17px 15px 0}.room-number{font-size:6px;letter-spacing:1px}.room-sign{font-size:8px;gap:5px;letter-spacing:0}.room-sign .icon{width:12px;height:12px}.room-stage{aspect-ratio:1.22}.room-illustration{width:112%;position:absolute;left:-6%;top:9px;margin:0}.room-script{top:18px;left:18px;font-size:11px;line-height:1.5}.room-script em{font-size:9px}.room-bottom{margin:0 15px;padding:12px 0;gap:6px}.room-bottom>span{font-size:7px;gap:4px}.room-bottom>span>.icon{width:11px;height:11px}.room-bottom button{font-size:9px;padding:7px 8px;gap:4px;white-space:nowrap}.room-bottom button .icon{width:12px;height:12px}.hotspot{padding:10px 5px;gap:4px}.hotspot>span{font-size:8px;padding:6px 6px;gap:3px}.hotspot>i{width:11px;height:11px;border-width:2px;box-shadow:0 0 0 3px #fff1d254}.hotspot .icon{width:9px;height:9px}.spot-photo{left:8%;top:33%}.spot-book{left:39%;top:45%}.spot-record{left:13%;top:71%}.spot-case{left:66%;top:80%}.profile-card{padding:17px 14px;grid-template-columns:56px 1fr;gap:0 13px;border-radius:14px}.profile-card>.portrait{width:56px;height:56px;margin:0;grid-row:1/4}.profile-card>.portrait .portrait-head{transform:scale(.65) rotate(-5deg);transform-origin:top left;left:15px;top:12px}.profile-card>.portrait .portrait-hair{transform:scale(.65) rotate(-11deg);transform-origin:top left;left:13px;top:8px}.profile-card>.portrait .portrait-neck{transform:scale(.65);transform-origin:top left;left:23px;top:35px}.profile-card>.portrait .portrait-body{transform:scale(.65);transform-origin:bottom left;left:5px;bottom:-4px}.profile-card>.portrait .portrait-leaf{font-size:10px;top:5px;right:7px}.profile-name{font-size:15px;gap:6px}.online-dot{width:5px;height:5px}.profile-location{font-size:8px}.profile-intro{font-size:8px;line-height:1.6;white-space:normal}.profile-intro br{display:none}.profile-stats{grid-column:1/3;grid-row:4;border-left:0;border-top:1px solid #eeeee3;gap:10px;margin-top:15px;padding:14px 0 0}.profile-stats strong{font-size:20px}.profile-stats small{font-size:8px}.profile-stats>div{display:flex;gap:8px;align-items:center;justify-content:center}.profile-stats>div+div{border-left:1px solid #eaeade}.profile-stats strong>span{font-size:8px;margin-left:2px}.profile-stats small{margin:0;line-height:1.6;max-width:30px;white-space:normal;text-align:left}.stories-section{margin-top:28px}.section-heading{margin-bottom:17px;gap:5px}.section-kicker{font-size:6px;letter-spacing:1.5px}.section-heading h2{font-size:18px;margin-top:6px}.section-heading .text-button{font-size:9px;gap:3px;padding-bottom:2px}.section-heading .text-button .icon{width:13px;height:13px}.story-grid{gap:12px}.story-art{height:111px}.story-illustration{width:49px;height:49px;border-radius:14px;box-shadow:6px 6px 0 #fefbf144}.story-illustration>.icon{width:29px;height:29px}.story-year{font-size:12px;top:11px;left:12px}.story-sequence{font-size:5px;letter-spacing:1px}.story-copy{padding:13px 12px 12px}.category-label{font-size:8px}.story-copy h3{font-size:11px;min-height:40px;margin:7px 0;line-height:1.9}.story-copy p{font-size:8px;min-height:26px;line-height:1.7}.read-link{margin-top:10px;padding-top:9px;font-size:8px}.read-link .icon{width:12px;height:12px}.closing-note{gap:7px;margin:30px 0 25px}.closing-note>.icon{width:15px;height:15px}.closing-note p{font-size:8px;line-height:1.8}.closing-note p span{display:block;margin:0}.site-footer{margin:0 17px;gap:10px;font-size:7px;line-height:1.8}.site-footer>span:last-child{text-align:right}.visitor-banner{font-size:9px;gap:6px;padding:10px;align-items:start;flex-wrap:wrap}.visitor-banner .icon{width:13px;height:13px}.visitor-banner>button{font-size:9px}.filter-row{gap:7px;margin-bottom:25px}.filter-row button{padding:7px 14px;font-size:10px}.timeline-list{margin-left:40px;padding-left:18px}.time-year{left:-65px;font-size:13px;top:28px}.timeline-dot{left:-23px;top:32px}.timeline-story{padding:15px 13px;gap:11px;border-radius:10px}.timeline-symbol{width:40px;height:45px;border-radius:11px}.timeline-symbol>.icon{width:23px;height:23px}.timeline-story h3{font-size:11px;margin:6px 0;line-height:1.8}.timeline-story p{font-size:8px;line-height:1.8}.timeline-story>.icon{display:none}.neighbor-card{display:block}.neighbor-room{padding:28px 10px 0}.neighbor-room>svg{max-height:230px}.neighbor-copy{padding:22px}.neighbor-copy h2{font-size:22px}.neighbor-copy p{font-size:11px}.neighbor-copy .button{font-size:10px;margin-top:16px}.explore-intro{padding:17px}.explore-intro p{font-size:10px}.demo-note{font-size:10px}.modal-heading{gap:10px;margin-bottom:20px}.modal-heading h2{font-size:20px;margin-top:8px;line-height:1.7}dialog,.decoration-modal{width:calc(100vw - 22px);max-height:92dvh;border-radius:17px}#modal-body{padding:22px 19px}.icon-button{width:27px;height:27px}.story-modal-cover{padding:16px;gap:12px}.story-modal-cover span{font-size:13px;line-height:1.8}.story-prose{font-size:12px;line-height:2.2}.story-choice{margin-top:22px}.story-choice h3{font-size:14px;line-height:1.8}.choice-options button{font-size:11px;padding:13px 11px;gap:9px}.story-reveal{padding:18px}.story-reveal h4{font-size:14px;line-height:1.8}.story-reveal p{font-size:12px}.modal-footer{align-items:stretch;flex-wrap:wrap;gap:13px;padding-top:18px;margin-top:22px}.modal-footer>span{width:100%;font-size:9px}.modal-footer .button{flex:1;font-size:10px}.decoration-layout{grid-template-columns:1fr;gap:18px}.decoration-preview{padding:15px 0 15px}.decoration-preview>svg{height:215px;width:100%}.decoration-preview>span{font-size:9px;margin-top:4px}.theme-options{gap:9px;margin-bottom:19px}.theme-option{font-size:10px;padding:10px 4px}.theme-option small{font-size:7px}.outfit-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.outfit-option{flex-direction:column;padding:10px 4px;gap:7px;text-align:center;font-size:9px;position:relative}.outfit-option>.icon{position:absolute;top:6px;right:6px;width:11px;height:11px}.upgrade-strip{padding:13px 10px;gap:5px}.upgrade-strip>div{gap:7px}.upgrade-strip strong{font-size:9px}.upgrade-strip small{font-size:7px;line-height:1.7}.upgrade-strip .text-button{font-size:9px}.upgrade-strip>div>.icon{width:18px}.modal-description{font-size:11px}.organize-button{font-size:10px;gap:5px}.organize-button>span{font-size:7px}.form-row{gap:12px}.share-card{max-width:280px;padding:20px}.share-card h3{font-size:21px}.share-help{font-size:9px}.price-card{padding:22px}.price-card li{font-size:10px}.price-card h3{font-size:34px}#toast{font-size:11px;padding:11px 15px;bottom:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}