:root{color-scheme:light;--paper:#f8f4ee;--ink:#3b3438;--muted:#6e6670;--accent:#9f2f3d;--line:#e6ddd5;font-family:"Segoe UI","Microsoft YaHei",sans-serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0%,#f7e1ec,transparent 48%),var(--paper);min-height:100vh}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{outline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bc6e91}a{color:inherit;text-decoration:none}.house{max-width:1400px;padding:0 42px;margin:auto}header{display:flex;align-items:center;gap:32px;min-height:135px}header>a{font-size:12px;color:var(--muted);white-space:nowrap}header>div{margin:auto}header>div>span{font-size:10px;letter-spacing:3px;color:var(--accent)}h1{font-size:28px;margin:6px 0 0;font-weight:600;letter-spacing:2px}h1 span{font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:20px}.photo{border:1px solid #d8adbf;background:#fff9fc;border-radius:8px;padding:13px 19px;font-size:12px;white-space:nowrap;box-shadow:0 3px 0 #ecd1de}.photo:hover{background:#f7e5ee}.room-wrap{position:relative;border-radius:24px;overflow:hidden;border:1px solid #e3c8c8;box-shadow:0 14px 60px #8b526a10;background:#f4e4da}#scene{line-height:0}#room{width:100%;display:block;height:auto;max-height:calc(100svh - 215px);min-height:390px}.room-label{position:absolute;top:22px;left:26px;display:flex;align-items:center;gap:8px;font-size:11px;color:#96717b;z-index:1;pointer-events:none}.room-label i{width:5px;height:5px;border-radius:50%;background:#ad718d}.dialogue{position:absolute;bottom:31px;left:32px;max-width:440px;width:calc(100% - 64px);padding:14px 19px;border:1px solid #ead0d7;border-radius:4px 15px 15px 15px;background:#fff8f2ed;box-shadow:0 5px 18px #a56b7f0d;pointer-events:none;z-index:2}.dialogue>span{font-size:10px;color:var(--accent);letter-spacing:1px}.dialogue p{font-size:13px;line-height:1.8;margin:5px 0 0}.room-sign{position:absolute;bottom:17px;right:28px;font:italic 11px Georgia,serif;color:#a48084;pointer-events:none}.interactions{display:flex;justify-content:center;gap:22px;padding:24px 0 17px;flex-wrap:wrap}.interactions button{border:0;background:none;display:flex;align-items:center;gap:9px;padding:8px 10px;font-size:12px;min-height:44px;border-radius:8px}.interactions button>span{font:22px Georgia,serif;color:#b66f92}.interactions button:hover{background:#f4e3eb}.interactions button[aria-pressed=true]{color:var(--accent);background:#f6e8ed}.under-room{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;color:var(--muted);font-size:11px}.under-room button{border:0;background:transparent;color:var(--muted);font-size:11px;min-height:40px}.under-room button:hover{color:var(--accent)}.notes{font-size:11px;line-height:1.9;color:var(--muted);max-width:850px;margin:3px auto 25px}.notes summary{cursor:pointer;text-align:center;padding:10px}.notes p{margin:12px 0}footer{padding:18px 0 28px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:11px;color:#a08390;gap:10px}dialog{border:1px solid #e3bccc;border-radius:17px;padding:25px;max-width:min(780px,94vw);background:#fff9f4;color:var(--ink);box-shadow:0 20px 100px #57304730}dialog::backdrop{background:#533a4d66;backdrop-filter:blur(4px)}dialog h2{font-size:20px;font-weight:500;margin:0 0 18px}dialog form{float:right}dialog form button{font-size:25px;border:0;background:none;padding:0 4px}dialog img{width:100%;display:block;border-radius:9px}dialog p{font-size:12px;line-height:1.6}#download{display:block;background:var(--accent);color:#fff;text-align:center;padding:13px;border-radius:8px;font-size:13px}.save-note{text-align:center;color:var(--muted);font-size:11px!important}.photo:disabled{opacity:.6;cursor:wait}
@media(min-width:1500px){#room{max-height:760px}}
@media(max-width:700px){.house{padding:0 15px}header{min-height:128px;gap:12px;flex-wrap:wrap;padding:18px 0 14px}header>a{font-size:11px;order:0}header>div{order:2;margin:0;width:100%}header>div>span{font-size:10px;letter-spacing:2px}h1{font-size:25px;margin-top:5px}h1 span{font-size:11px;margin-left:12px;letter-spacing:0}.photo{margin-left:auto;padding:9px 12px;font-size:11px}.room-wrap{border-radius:15px;padding-bottom:93px}#room{min-height:0;max-height:none;width:158%;max-width:none;margin-left:-29%}.room-label{top:12px;left:15px;font-size:10px}.dialogue{bottom:21px;left:13px;width:calc(100% - 26px);max-width:none;padding:11px 14px;border-radius:4px 11px 11px 11px}.dialogue p{font-size:12px;margin-top:4px;line-height:1.7}.room-sign{bottom:7px;right:16px;font-size:10px}.interactions{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 8px;padding:14px 0}.interactions button{justify-content:center;font-size:11px;padding:7px 4px;gap:8px}.interactions button>span{font-size:20px}.under-room{display:flex;flex-wrap:wrap;justify-content:center;gap:0 12px;padding:7px 0 10px}.under-room>span{order:2;width:100%;text-align:center;font-size:11px}.under-room button{font-size:11px}.notes{margin:4px auto 16px;font-size:11px}footer{font-size:10px;flex-wrap:wrap;padding:15px 0 20px}.room-wrap #room{touch-action:pan-y}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}