@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap";:root{color:#34483b;font-synthesis:none;background:#f7f7ef;font-family:DM Sans,Noto Sans JP,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#viewport:focus-visible{outline-offset:4px;outline:3px solid #4ca468}button{border:0}a{color:inherit;text-decoration:none}.header{background:#fbfcf6;border-bottom:1px solid #dfe2d5;justify-content:space-between;align-items:center;height:96px;padding:0 42px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:12px;font-size:27px;font-weight:800;line-height:1;display:flex}.brand-mark{color:#284637;letter-spacing:-4px;background:#88e53c;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;padding-right:5px;font-family:Georgia,serif;font-size:35px;display:flex;position:relative}.brand-mark>span{align-self:flex-start;margin-top:5px;margin-left:1px;font-size:18px}.brand-sub{letter-spacing:2px;margin-top:8px;font-size:10px;font-weight:500;display:block}.header-note{color:#7c8779;letter-spacing:2px;font-size:13px}.live{color:#657663;align-items:center;gap:9px;font-size:12px;display:flex}.live>span,.status-pip{background:#6aa753;border-radius:50%;width:7px;height:7px;display:block;box-shadow:0 0 0 4px #72a95b12}.layout{grid-template-columns:286px minmax(0,1fr);gap:29px;max-width:1800px;min-height:calc(100vh - 154px);margin:auto;padding:28px 30px 0 36px;display:grid}.sidebar{flex-direction:column;padding:13px 18px 6px 5px;display:flex}.eyebrow{letter-spacing:2.4px;color:#84937e;font-size:10px;font-weight:600}.sidebar h1{letter-spacing:3px;margin:15px 0;font-size:32px;font-weight:600;line-height:1.65}.intro{letter-spacing:1px;color:#7c8677;margin:0;font-size:13px;line-height:2.05}.divider{background:#dfe2d4;height:1px;margin:25px 0 22px}.section-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title h2{margin:0;font-size:14px;font-weight:600}.section-title>span{letter-spacing:1.4px;color:#8b9684;font-size:9px}.actions{flex-direction:column;gap:7px;display:flex}.activity{text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:13px;width:100%;padding:9px 11px;font-size:13px;font-weight:500;transition:background .2s,transform .2s;display:flex}.activity:hover{background:#eaf0e1;transform:translate(2px)}.activity.selected{background:#e6efd8;border-color:#cddfba}.activity-icon{color:#738365;background:#edece0;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.icon-coffee{color:#a17554;background:#f0e9dc}.icon-skate{color:#527b6c;background:#e5ece2}.icon-nap{color:#998154;background:#efeadb}.icon-think{color:#7f8984;background:#e9ece4}.activity.selected .activity-icon{color:#507c3e;background:#d6e8c0}.activity-arrow{color:#9daa90;opacity:0;margin-left:auto}.activity:hover .activity-arrow,.activity.selected .activity-arrow{opacity:1}.auto-box{border-top:1px solid #e2e5d9;border-bottom:1px solid #e2e5d9;align-items:center;gap:9px;margin:19px 0 23px;padding:16px 0;display:flex}.auto-icon{color:#7e8b75}.auto-box strong{font-size:11px;font-weight:500;display:block}.auto-box small{color:#8b9684;margin-top:5px;font-size:9px;display:block}.switch{background:#aab3a3;border-radius:20px;flex-shrink:0;width:33px;height:19px;margin-left:auto;padding:3px}.switch[aria-checked=true]{background:#779b5c}.switch span{background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .2s;display:block}.switch[aria-checked=true] span{transform:translate(14px)}.profile{background:#ecefe2;border-radius:13px;margin-top:auto;padding:18px}.profile-label{letter-spacing:1.8px;color:#8b977c;font-size:9px}.profile p{letter-spacing:1px;margin:10px 0 14px;font-size:13px;line-height:1.9}.profile-bottom{color:#8b977c;justify-content:space-between;align-items:center;font-size:9px;display:flex}.room-area{background:#efeee1;border:1px solid #e4e4d5;border-radius:20px;flex-direction:column;min-height:670px;display:flex;position:relative;overflow:hidden}.room-top{z-index:2;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:25px;left:29px;right:28px}.room-number{letter-spacing:2px;color:#8a967e;font-size:9px}.room-top h2{letter-spacing:1px;margin:9px 0 0;font-size:17px;font-weight:500}.room-top h2 span{color:#94a087;letter-spacing:1px;margin-top:5px;font-size:10px;font-weight:400;display:block}.day-tag{color:#8f8d6f;background:#f7f6ebc9;border:1px solid #dfdfcf;border-radius:30px;align-self:flex-start;align-items:center;gap:8px;padding:10px 14px;font-size:10px;display:flex}.day-tag svg{color:#b1a362}#viewport{outline-offset:-5px;flex:1;width:100%;height:100%;min-height:670px;position:absolute;inset:0}canvas{touch-action:none;display:block}.thought{letter-spacing:.5px;color:#78856a;pointer-events:none;background:#fffef4ec;border:1px solid #e1e1d0;border-radius:15px 15px 15px 3px;align-items:center;gap:8px;padding:13px 17px;font-size:11px;display:flex;position:absolute;top:120px;left:49%;box-shadow:0 5px 14px #656c3b05}.thought-dot{background:#a1b58a;border-radius:50%;width:5px;height:5px}.scene-tools{background:#fafaf1ed;border:1px solid #e1e1d1;border-radius:13px;flex-direction:column;gap:2px;padding:5px;display:flex;position:absolute;top:48%;right:23px;box-shadow:0 4px 14px #4b4a3910}.scene-tools button{color:#7d8a71;background:0 0;border-radius:8px;place-items:center;width:34px;height:37px;display:grid}.scene-tools button:hover{background:#e5eadb}.scene-tools>span{background:#e4e5d8;height:1px;margin:2px 6px}.room-bottom{background:#fbfcf4eb;border:1px solid #e2e4d6;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:17px 19px;display:flex;position:absolute;bottom:23px;left:27px;right:26px;box-shadow:0 4px 14px #5a654a04}.status{align-items:center;gap:14px;display:flex}.status-pip{flex-shrink:0;margin:0 5px}.status-pip.paused{box-shadow:none;background:#aaa68f}.status small{color:#8a967e;font-size:10px}.status p{letter-spacing:.6px;margin:5px 0 0;font-size:13px}.pause-button{white-space:nowrap;background:#ecf0e3;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:11px 13px;font-size:11px;display:flex}.pause-button:hover{background:#dfe9d3}.pause-button[aria-pressed=true]{background:#d6e8c0}.hover-label{color:#fff;pointer-events:none;z-index:3;background:#345f68;border-radius:8px;padding:8px 13px;font-size:12px;position:absolute}.loading,.error{text-align:center;color:#738365;width:100%;padding:30px;font-size:14px;position:absolute;top:45%}footer{color:#949d89;align-items:center;gap:20px;max-width:1800px;margin:auto;padding:20px 33px 20px 351px;font-size:10px;display:flex}footer>span:first-child{align-items:center;gap:7px;display:flex}.footer-dot{margin:0 4px}footer button{color:#818e76;background:0 0;align-items:center;gap:6px;margin-left:auto;padding:2px;font-size:10px;display:flex}.copyright{white-space:nowrap;font-size:10px}dialog{color:#34483b;background:#fafbf2;border:1px solid #d8dfca;border-radius:20px;width:calc(100% - 32px);max-width:440px;padding:35px;box-shadow:0 20px 100px #354b3433}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#283b2955}dialog h2{font-size:20px}dialog p,dialog li{font-size:14px;line-height:1.9}dialog ul{padding-left:20px}.close-dialog{background:0 0;font-size:24px;position:absolute;top:8px;right:12px}.dialog-done{background:#d9e9c8;border-radius:9px;margin-top:8px;padding:12px 20px}@media (width>=1500px){.layout{grid-template-columns:305px minmax(0,1fr);gap:35px}.sidebar{padding-right:23px}.room-area,#viewport{min-height:770px}.sidebar h1{font-size:38px}.activity{padding:13px 11px}.intro{font-size:14px}.thought{top:140px}footer{padding-left:376px}}@media (width<=1050px){.header{padding:0 24px}.header-note{display:none}.layout{grid-template-columns:225px minmax(0,1fr);gap:17px;padding:20px 20px 0}.sidebar{padding-right:4px}.sidebar h1{font-size:28px}.room-area,#viewport{min-height:650px}.day-tag{padding:8px}.day-tag span{display:none}.thought{font-size:10px;top:122px;left:auto;right:23px}.room-bottom{padding:14px 12px;left:15px;right:15px}.status p{font-size:11px}.room-top{left:22px}.status{gap:5px}footer{padding-left:261px}footer>span:first-child{gap:3px;font-size:9px}.copyright{display:none}}@media (width<=720px){.header{height:75px;padding:0 18px}.brand{font-size:23px}.brand-mark{width:37px;height:37px;font-size:30px}.brand-sub{font-size:8px}.live{gap:7px;font-size:9px}.layout{flex-direction:column;gap:17px;min-height:0;padding:15px 12px 0;display:flex}.sidebar{display:contents}.sidebar>.eyebrow,.sidebar h1,.intro,.divider,.section-title,.profile{display:none}.room-area{order:-1;min-height:560px}#viewport{min-height:560px}.room-top{top:20px;left:18px;right:17px}.room-top h2{font-size:15px}.thought{padding:10px 12px;font-size:10px;top:99px;right:20px}.room-bottom{padding:13px 10px;bottom:14px;left:12px;right:12px}.status p{font-size:10px}.pause-button{padding:10px;font-size:10px}.scene-tools{top:42%;right:13px}.scene-tools button{width:29px;height:32px}.actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.activity{white-space:nowrap;letter-spacing:-.3px;border-radius:11px;flex-direction:column;gap:7px;padding:9px 1px;font-size:10px}.activity-arrow{display:none}.activity-icon{width:34px;height:34px}.auto-box{margin:0 3px;padding:13px 7px}.auto-box strong{font-size:12px}.auto-box small{font-size:10px}.switch{margin-left:auto}footer{flex-wrap:wrap;justify-content:center;gap:12px;padding:15px}footer>span:first-child{font-size:9px}footer button{margin:0;font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.sleep-zzz{z-index:2;pointer-events:none;color:#345f68;letter-spacing:.16em;text-shadow:0 2px 5px #f7f7f7;font-size:clamp(20px,2.5vw,32px);font-weight:800;position:absolute;transform:translate(-50%,-100%)rotate(-10deg)}.sleep-zzz[hidden]{display:none}