:root{font-family:"DM Sans","Noto Serif SC",sans-serif;color:#26372f;background:#f5f3ed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green:#526b57;--deep:#2e4938;--muted:#8d9489;--line:#e7e5dc;--paper:#fbfaf6}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f3ed}.app-shell{max-width:1600px;min-height:100vh;margin:auto;display:grid;grid-template-columns:242px minmax(0,1fr);background:#fbfaf6}.sidebar{position:sticky;top:0;height:100vh;padding:34px 21px 20px 27px;background:#f3f1e9;border-right:1px solid #ece9df;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;color:#344b3b;text-decoration:none;font-family:"Noto Serif SC",serif;font-weight:700;font-size:20px}.brand-mark{width:37px;height:37px;display:grid;place-items:center;color:#f7f3e7;background:#596f5b;border-radius:12px;font-size:18px}.brand-en{display:block;margin-top:1px;font:600 8px "DM Sans",sans-serif;letter-spacing:2px;color:#92978a}.side-label{margin:46px 0 12px 9px;color:#9c9e92;font-size:10px;font-weight:700;letter-spacing:1.3px}.main-nav{display:grid;gap:5px}.nav-item{height:42px;padding:0 11px;display:flex;align-items:center;gap:12px;color:#777f73;text-decoration:none;font-size:12px;border-radius:9px}.nav-item>span:first-child{font-size:17px;color:#849082}.nav-item.active{color:#435a46;background:#e7e9dd;font-weight:700}.nav-item.active>span:first-child{color:#536c56}.nav-count{margin-left:auto!important;font:600 10px "DM Sans",sans-serif;color:#7d8979!important}.side-divider{height:1px;background:#e5e3d9;margin:24px 4px 0}.side-divider+.side-label{margin-top:22px}.recent-room{display:flex;align-items:center;gap:9px;height:36px;padding:0 8px;border:0;background:none;color:#737a70;font:500 11px inherit;text-align:left;cursor:pointer}.recent-room small{margin-left:auto;color:#aaab9f;font-size:9px}.room-dot{width:8px;height:8px;border-radius:50%;background:#9bab88}.room-dot.rain{background:#93a6a1}.room-dot.pine{background:#9ba881}.sidebar-bottom{margin-top:auto}.daily-note{padding:15px 12px;background:#ebe9dc;border-radius:10px;color:#727765;font:12px/1.8 "Noto Serif SC",serif;white-space:pre-line}.daily-note small{color:#a09d8d;font:10px "Noto Serif SC",serif}.profile{display:flex;align-items:center;gap:9px;padding:20px 0 3px}.profile-avatar,.mini-avatar{display:grid;place-items:center;border-radius:50%;background:#d3d8c8;color:#52634e;font-family:"Noto Serif SC",serif}.profile-avatar{width:34px;height:34px;font-size:13px}.profile strong,.profile small{display:block}.profile strong{font-size:11px;color:#596353}.profile small{margin-top:3px;font-size:9px;color:#999c90}.profile button{margin-left:auto;border:0;background:none;color:#94978b;font-size:17px}.main-content{max-width:1320px;width:100%;padding:0 60px 28px;margin:0 auto}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eeece4}.breadcrumb{font-size:10px;color:#92958c}.breadcrumb span{padding:0 8px;color:#c4c4b9}.top-actions{display:flex;align-items:center;gap:18px}.date-label{font-size:10px;color:#999b90}.icon-button{position:relative;width:30px;height:30px;border:0;background:transparent;color:#777f73;font-size:17px}.icon-button i{position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:50%;background:#bd806b}.mini-avatar{width:30px;height:30px;font-size:11px}.mobile-brand{display:none}.welcome{position:relative;min-height:258px;margin:29px 0 41px;padding:36px 40px;overflow:hidden;border:1px solid #ebe8dc;border-radius:5px;background:#f1f0e6;display:flex;align-items:center}.welcome-copy{position:relative;z-index:2}.eyebrow{margin:0;color:#8d987b;font:600 8px "DM Sans",sans-serif;letter-spacing:2.1px}.welcome h1{margin:13px 0 12px;color:#384c3c;font:500 30px/1.55 "Noto Serif SC",serif;letter-spacing:1px}.welcome h1 em{font-style:normal;color:#70816b}.welcome-desc{margin:0;color:#868b7c;font:11px/1.9 "Noto Serif SC",serif}.welcome-meta{display:flex;align-items:center;gap:5px;margin-top:20px;color:#92958a;font-size:9px}.welcome-meta strong{color:#60705b;font-size:10px}.live-dot{width:6px;height:6px;margin-right:3px;border-radius:50%;background:#87a17d;box-shadow:0 0 0 3px #e1e8d9}.meta-divider{padding:0 4px;color:#c4c4b8}.welcome-art{position:absolute;right:7%;bottom:0;width:330px;height:230px;overflow:hidden}.sun{position:absolute;right:96px;top:23px;width:82px;height:82px;border-radius:50%;background:#e7d8af;opacity:.8}.hill{position:absolute;bottom:-77px;width:330px;height:145px;border-radius:50% 50% 0 0}.hill-back{right:-85px;background:#d8dfcf;transform:rotate(-11deg)}.hill-front{left:-79px;bottom:-105px;background:#c7d1be;transform:rotate(9deg)}.art-window{position:absolute;right:82px;top:38px;width:122px;height:130px;border:8px solid #758a75;border-bottom-width:7px;border-radius:70px 70px 3px 3px;background:linear-gradient(160deg,#e4e9d9 0 48%,#d3dfcf 49% 100%);box-shadow:0 3px 0 #647962}.window-cross{position:absolute;left:50%;top:0;bottom:0;width:4px;background:#758a75;transform:translateX(-50%)}.window-cross:after{position:absolute;content:"";top:53%;left:-49px;width:98px;height:4px;background:#758a75}.window-sill{position:absolute;bottom:-12px;left:-13px;width:132px;height:9px;border-radius:2px;background:#647962}.art-book{position:absolute;bottom:24px;width:60px;height:18px;border-radius:3px;box-shadow:0 4px 5px #707b6b33}.book-one{right:73px;background:#c59874;transform:rotate(4deg)}.book-two{right:118px;bottom:42px;width:48px;background:#e7dfc9;transform:rotate(-7deg)}.art-mug{position:absolute;right:45px;bottom:34px;width:24px;height:24px;border-radius:3px 3px 8px 8px;background:#f3ead7}.art-mug i{position:absolute;right:-6px;top:5px;width:9px;height:12px;border:2px solid #f3ead7;border-left:0;border-radius:0 7px 7px 0}.art-plant{position:absolute;right:28px;bottom:49px;width:20px;height:28px}.art-plant:after{position:absolute;content:"";bottom:0;left:4px;width:12px;height:12px;background:#a9775e;border-radius:2px 2px 6px 6px}.art-plant i,.art-plant b,.art-plant em{position:absolute;bottom:11px;left:9px;width:7px;height:17px;border-radius:90% 0 90% 0;background:#819578;transform:rotate(-26deg)}.art-plant b{left:2px;height:13px;transform:rotate(-54deg)}.art-plant em{left:13px;height:12px;transform:rotate(27deg)}.room-section{padding-bottom:5px}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading h2{margin:7px 0 0;color:#3e4d3d;font:500 20px "Noto Serif SC",serif;letter-spacing:.4px}.text-link{border:0;background:transparent;color:#687b61;font:500 10px "Noto Serif SC",serif;cursor:pointer}.filter-row{display:flex;align-items:center;gap:9px;margin:22px 0 16px}.filter-chip{padding:7px 12px;border:1px solid #e9e7df;border-radius:2px;background:transparent;color:#8e9186;font:10px "Noto Serif SC",serif;cursor:pointer;transition:.2s}.filter-chip.selected{border-color:#788a70;background:#788a70;color:#fff}.filter-chip span{margin-left:4px;opacity:.7;font:9px "DM Sans",sans-serif}.sort-control{margin-left:auto;color:#9b9c91;font:9px "Noto Serif SC",serif}.sort-control span{margin-left:9px}.room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.room-card{overflow:hidden;border:1px solid #eceae2;background:#fffefa;transition:transform .2s,box-shadow .2s}.room-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #4e59400e}.room-card.hidden{display:none}.room-cover{position:relative;height:145px;overflow:hidden}.cover-tag{position:absolute;top:11px;left:12px;padding:5px 8px;background:#fbfaf0d9;color:#657364;font:9px "Noto Serif SC",serif}.heart{position:absolute;top:8px;right:11px;width:27px;height:27px;border:0;border-radius:50%;background:#fff9;color:#718071;font-size:17px;cursor:pointer}.heart.liked{color:#b87568}.cover-rain{background:#cbd7d1}.cover-sky{position:absolute;inset:0 0 37px;background:linear-gradient(135deg,#dbe2d9,#aabbb6)}.cover-window{position:absolute;top:19px;left:50%;width:94px;height:103px;transform:translateX(-50%);border:7px solid #667b71;border-radius:51px 51px 2px 2px;background:linear-gradient(110deg,#dfe6d5 0 50%,#c1d1c8 51%)}.cover-window:before{position:absolute;content:"";top:0;bottom:0;left:50%;width:3px;background:#667b71}.cover-window i{position:absolute;top:54%;left:0;right:0;height:3px;background:#667b71}.cover-window b{position:absolute;inset:-15px -11px auto;height:6px;background:#667b71}.cover-desk{position:absolute;bottom:0;left:0;right:0;height:39px;background:#b79578}.cover-desk:after{position:absolute;content:"";width:110px;height:6px;top:0;left:50%;transform:translateX(-50%);background:#8f7663}.cover-lamp{position:absolute;left:25%;bottom:38px;width:37px;height:30px;border-bottom:3px solid #9e8068}.cover-lamp:before{position:absolute;content:"";left:12px;bottom:0;width:3px;height:25px;background:#9e8068;transform:rotate(-9deg)}.cover-lamp:after{position:absolute;left:1px;bottom:20px;content:"";width:28px;height:14px;background:#e5c994;border-radius:22px 22px 3px 3px;box-shadow:0 0 21px #efdaa775}.cover-pine{background:linear-gradient(#d7ddce 0 58%,#9cae90 59%)}.pine-sun{position:absolute;right:20%;top:21px;width:55px;height:55px;border-radius:50%;background:#edddb1}.pine-tree{position:absolute;bottom:17px;width:0;height:0;border-left:47px solid transparent;border-right:47px solid transparent;border-bottom:112px solid #667d65}.tree-a{left:17%;transform:scale(.8)}.tree-b{left:39%;border-bottom-color:#788c6d;transform:scale(1.12)}.tree-c{right:7%;transform:scale(.9)}.pine-path{position:absolute;bottom:-43px;left:40%;width:100px;height:94px;transform:perspective(40px) rotateX(10deg);background:#d6cfad;border-radius:50% 50% 0 0}.cover-story{background:#d9d8c4}.story-moon{position:absolute;top:22px;right:22%;width:46px;height:46px;border-radius:50%;background:#eee5bf;box-shadow:0 0 26px #f6ebc654}.story-star{position:absolute;color:#faf2d8}.star-a{top:22px;left:23%;font-size:12px}.star-b{top:62px;right:40%;font-size:11px}.story-hill{position:absolute;bottom:-56px;left:-10%;width:125%;height:114px;border-radius:50% 50% 0 0;background:#82927a;transform:rotate(-5deg)}.story-book{position:absolute;bottom:20px;left:50%;width:45px;height:51px;transform:translateX(-50%) rotate(-5deg);display:grid;place-content:center;background:#f1e7ce;color:#687760;text-align:center;font:12px/1.4 "Noto Serif SC",serif;box-shadow:4px 3px 0 #c7b999}.cover-sea{background:linear-gradient(#d9e0d6 0 47%,#adc0b2 48%)}.sea-sun{position:absolute;top:22px;left:29%;width:50px;height:50px;border-radius:50%;background:#eadbad}.sea-horizon{position:absolute;top:66px;left:0;right:0;height:2px;background:#839b8e}.sea-wave{position:absolute;left:-8%;width:120%;height:44px;border-top:1px solid #eef1df75;border-radius:50%}.wave-a{top:76px;transform:rotate(4deg)}.wave-b{top:97px;transform:rotate(-3deg)}.wave-c{top:116px;transform:rotate(2deg)}.room-info{padding:13px 14px 12px}.room-title-line{display:flex;align-items:center;gap:9px}.room-title-line h3{margin:0;color:#4b5849;font:600 13px "Noto Serif SC",serif}.room-status{display:flex;align-items:center;gap:4px;color:#91a083;font-size:8px}.room-status i{width:5px;height:5px;border-radius:50%;background:#92a77f}.room-info>p{margin:6px 0 12px;color:#9a9b90;font:9px "Noto Serif SC",serif}.room-footer{display:flex;align-items:center;border-top:1px solid #f0eee8;padding-top:9px}.avatars{display:flex;align-items:center;padding-left:1px}.avatars i,.avatars span{width:20px;height:20px;margin-left:-2px;display:grid;place-items:center;border:2px solid #fffefa;border-radius:50%;background:#d8ddd0;color:#667362;font:8px "Noto Serif SC",serif;font-style:normal}.avatars i:nth-child(2){background:#e5d6c6;color:#866f5d}.avatars i:nth-child(3){background:#d4dfe0;color:#657777}.avatars span{width:auto;padding:0 4px;border-radius:10px;background:#f1f0e9;color:#999b90;font:7px "DM Sans",sans-serif}.room-people{margin-left:6px;color:#a0a196;font-size:8px;white-space:nowrap}.join-button{display:flex;align-items:center;gap:8px;margin-left:auto;padding:6px 8px;border:1px solid #dce2d5;background:#f7f8f2;color:#697d64;font:9px "Noto Serif SC",serif;cursor:pointer;transition:.2s}.join-button:hover{background:#e9eee4}.join-button span{font:13px "DM Sans",sans-serif}.load-more{display:block;margin:20px auto 0;padding:8px 13px;border:0;background:none;color:#96988e;font:10px "Noto Serif SC",serif;cursor:pointer}.load-more span{margin-left:6px}.bottom-note{display:flex;align-items:center;gap:9px;margin-top:36px;padding:15px 16px;border-top:1px solid #eeece4;color:#a0a092}.bottom-note>span:first-child{color:#a3ad94;font-size:14px}.bottom-note p{margin:0;font:10px "Noto Serif SC",serif}.bottom-note strong{margin-left:5px;color:#777f6e;font-weight:500}.note-credit{margin-left:auto;font:9px "Noto Serif SC",serif}.room-dialog{position:fixed;width:min(420px,calc(100% - 32px));max-height:calc(100% - 32px);padding:0;border:1px solid #e6e4db;border-radius:4px;background:#fbfaf6;color:#344638;box-shadow:0 24px 90px #24322642;overflow:auto}.room-dialog::backdrop{background:#26322870;backdrop-filter:blur(3px)}.dialog-close{position:absolute;z-index:2;top:10px;right:12px;width:28px;height:28px;border:0;border-radius:50%;background:#f7f5ecaa;color:#65715f;font-size:21px;cursor:pointer}.dialog-scene{position:relative;height:148px;overflow:hidden;background:linear-gradient(#d9e2d9,#c5d5cc)}.dialog-scene-sun{position:absolute;top:23px;right:26%;width:55px;height:55px;border-radius:50%;background:#eee0bb}.dialog-scene-window{position:absolute;top:20px;right:22%;width:94px;height:112px;border:7px solid #6d8271;border-radius:55px 55px 0 0;background:#e8e8d8}.dialog-scene-window:before{position:absolute;content:"";top:0;bottom:0;left:50%;width:3px;background:#6d8271}.dialog-scene-window:after{position:absolute;content:"";top:54%;left:0;right:0;height:3px;background:#6d8271}.dialog-scene-hill{position:absolute;bottom:-72px;left:-10%;width:125%;height:123px;border-radius:50% 50% 0 0;background:#a7b89f}.dialog-scene-desk{position:absolute;bottom:0;left:0;right:0;height:17px;background:#a7896e}.dialog-content{padding:25px 29px 22px;text-align:center}.dialog-content h2{margin:7px 0 2px;font:600 22px "Noto Serif SC",serif}.dialog-quote{margin:0;color:#96988c;font:10px "Noto Serif SC",serif}.focus-timer{display:flex;flex-direction:column;align-items:center;margin:21px 0 10px}.focus-timer span{color:#4a624d;font:400 47px "DM Sans",sans-serif;letter-spacing:3px;font-variant-numeric:tabular-nums}.focus-timer small{margin-top:0;color:#a1a194;font:9px "Noto Serif SC",serif}.timer-options{display:flex;justify-content:center;gap:7px}.duration{padding:6px 11px;border:1px solid #e6e5db;background:transparent;color:#8f9186;font:9px "Noto Serif SC",serif;cursor:pointer}.duration.selected{border-color:#87967a;background:#eff1e8;color:#5b6d54}.sound-row{display:flex;align-items:center;gap:10px;margin:19px 0;padding:11px 12px;border:1px solid #eae8df;text-align:left}.sound-icon{width:29px;height:29px;display:grid;place-items:center;background:#e9ede2;color:#76856d;font-size:14px}.sound-row strong,.sound-row small{display:block}.sound-row strong{color:#69745f;font:500 10px "Noto Serif SC",serif}.sound-row small{margin-top:3px;color:#a1a196;font:8px "Noto Serif SC",serif}.sound-row>button{margin-left:auto;width:27px;height:27px;border:0;border-radius:50%;background:#75886d;color:#fff;font-size:10px;cursor:pointer}.dialog-actions{display:flex;gap:9px}.leave-button,.start-button{height:39px;border:1px solid #e2e3d9;font:10px "Noto Serif SC",serif;cursor:pointer}.leave-button{width:37%;background:transparent;color:#898c80}.start-button{flex:1;background:#657b62;border-color:#657b62;color:#fff}.start-button span{padding-left:8px}.dialog-footnote{margin-top:13px;color:#a0a195;font:8px "Noto Serif SC",serif}.toast{position:fixed;left:50%;bottom:28px;z-index:10;max-width:calc(100% - 30px);padding:10px 15px;transform:translate(-50%,15px);border:1px solid #e5e4da;background:#fbfaf3;color:#63715c;font:10px "Noto Serif SC",serif;opacity:0;pointer-events:none;transition:.2s}.toast.visible{transform:translate(-50%,0);opacity:1}.mobile-nav{display:none}
@media(min-width:1450px){.main-content{padding-right:74px;padding-left:74px}.room-cover{height:162px}.welcome{min-height:274px}.welcome-art{transform:scale(1.08);transform-origin:bottom right}}
@media(max-width:1100px){.main-content{padding-right:35px;padding-left:35px}.sidebar{padding-right:15px;padding-left:19px}.welcome-art{right:0;opacity:.78}.welcome{padding-left:32px}.room-cover{height:125px}.room-footer{flex-wrap:wrap;row-gap:8px}.room-people{font-size:7px}.join-button{padding:5px 6px}}
@media(max-width:760px){.app-shell{display:block;padding-bottom:61px}.sidebar{display:none}.main-content{padding:0 18px 20px}.topbar{height:57px}.mobile-brand{display:flex;align-items:center;gap:7px;color:#425743;font:600 15px "Noto Serif SC",serif}.mobile-brand .brand-mark{width:27px;height:27px;border-radius:8px;font-size:14px}.breadcrumb{display:none}.top-actions{gap:9px}.date-label{font-size:8px}.welcome{min-height:273px;margin:17px 0 29px;padding:26px 20px;align-items:flex-start}.welcome h1{font-size:24px;line-height:1.55;margin-top:10px}.welcome-desc{font-size:9px}.welcome-meta{position:absolute;bottom:16px;left:20px;right:12px;flex-wrap:wrap;font-size:8px}.welcome-art{right:-39px;bottom:11px;width:215px;height:160px;opacity:.5;transform:scale(.78);transform-origin:bottom right}.sun{right:55px;top:7px;width:65px;height:65px}.art-window{right:41px;top:19px;transform:scale(.82);transform-origin:top right}.hill{transform:scale(.75);transform-origin:bottom right}.art-book{right:51px;bottom:20px}.book-two{right:85px;bottom:32px}.art-mug{right:28px;bottom:28px}.art-plant{right:16px;bottom:40px}.section-heading h2{font-size:17px}.section-heading .eyebrow{font-size:7px}.text-link{font-size:9px}.filter-row{gap:6px;margin:17px 0 12px;overflow-x:auto;white-space:nowrap;padding-bottom:3px}.filter-chip{padding:7px 9px;font-size:9px}.sort-control{display:none}.room-grid{grid-template-columns:1fr;gap:12px}.room-cover{height:151px}.room-info{padding:12px 13px}.room-info>p{font-size:9px}.room-footer{flex-wrap:nowrap}.room-people{font-size:8px}.join-button{padding:6px 9px}.load-more{margin-top:14px}.bottom-note{margin-top:23px;padding:13px 5px;gap:6px}.bottom-note p{font-size:8px}.bottom-note strong{display:block;margin:3px 0 0}.note-credit{font-size:8px;white-space:nowrap}.mobile-nav{position:fixed;z-index:5;bottom:0;left:0;right:0;height:61px;padding:0 20px env(safe-area-inset-bottom);display:flex;justify-content:space-around;align-items:center;border-top:1px solid #ebe9e0;background:#fbfaf6f2;backdrop-filter:blur(12px)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#989b90;text-decoration:none;font:8px "Noto Serif SC",serif}.mobile-nav a span{font-size:16px}.mobile-nav a.active{color:#657a60}.room-dialog{max-height:calc(100% - 24px)}.dialog-content{padding:20px 20px}.dialog-scene{height:120px}}
@media(max-width:380px){.main-content{padding-right:13px;padding-left:13px}.welcome{padding-left:16px}.welcome h1{font-size:22px}.welcome-meta{left:16px;font-size:7px}.room-cover{height:130px}.room-people{font-size:7px}.join-button{gap:4px;padding:5px}.avatars i,.avatars span{width:18px;height:18px}}
.sound-description{flex:1;min-width:0}.sound-row audio{display:block;width:100%;height:32px;margin-top:7px}.sound-row{align-items:flex-start}.sound-icon{flex:0 0 29px}