@import url("./assets/fonts.css");
/* 岁月津渡 · 同一渡口，一日光景。Local assets only. */
:root{color-scheme:dark;--paper:#f1f3eb;--ink:#273f40;--muted:#718582;--moon:#e5e4d9;--line:rgba(209,220,221,.23);--serif:"Noto Serif SC","Noto Serif CJK SC","Songti SC","STSong","SimSun",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","Noto Serif SC",sans-serif}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:#091b2a;color:var(--moon);font-family:var(--sans);font-size:14px}button,input,textarea{font:inherit}button{position:relative;cursor:pointer;color:inherit;border:0;background:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default;opacity:.45}button:focus-visible,summary:focus-visible,label:has(input:focus-visible),input:focus-visible,textarea:focus-visible{outline:2px solid #a493ba;outline-offset:5px}button:hover{color:#fff}button,summary{transition:color .2s,background .2s,opacity .2s,transform .2s}button:active{transform:translateY(1px)}[hidden]{display:none!important}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.app-shell{height:100vh;height:100dvh;position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden}.topbar{height:94px;padding:20px 46px;display:flex;align-items:center;justify-content:space-between;z-index:5;flex:none}.home-title{text-align:center;position:absolute;left:50%;transform:translateX(-50%)}h1{font-family:var(--serif);font-size:18px;font-weight:400;letter-spacing:.42em;margin:0;padding-left:.42em}.home-title p{font-size:10px;letter-spacing:.17em;margin:8px 0 0;display:none}.online-dot{width:4px;height:4px;display:inline-block;background:#728d7c;border-radius:50%;margin-right:6px;vertical-align:middle}.harbor-mark,.quiet-button{width:44px;height:44px;display:grid;place-items:center;opacity:.85}.harbor-mark .icon{width:28px;height:28px}.chat-title-label,.music-title-label{display:none}.pages{flex:1;min-height:0;position:relative}.page{height:100%;display:none;position:relative;isolation:isolate}.page.active{display:flex;animation:page-in .65s ease both}.landscape{position:absolute;inset:0;pointer-events:none;background-repeat:no-repeat;background-size:cover;background-position:center;z-index:-1}.settings-panel{position:absolute;right:32px;top:80px;z-index:15;width:260px;padding:22px;background:#132937f5;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 50px #0002;backdrop-filter:blur(20px);color:#e2e5e0}.settings-panel p{font-family:var(--serif);font-size:18px;margin:0 0 20px}.settings-panel label{display:flex;align-items:center;gap:8px;font-size:13px}.settings-panel button{display:block;padding:16px 0;font-size:13px}.settings-panel small{font-size:11px;line-height:1.8;color:#a7b6bc;display:block}.tap-ripple{position:absolute;width:12px;height:12px;margin:-6px;border-radius:50%;border:1px solid currentColor;pointer-events:none;animation:tap 850ms ease-out forwards;z-index:10}
/* 壹 · 夜渡 */
.is-lobby{background:radial-gradient(ellipse at 72% 18%,#20374b88,transparent 45%),linear-gradient(#0d1e2d,#122b3d 66%,#091c29)}.lobby-page{align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.night-landscape{background-image:url('./assets/harbor-night.svg');inset:-100px 0 -8%;opacity:.85}.night-stars{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 77% 15%,#fffa 0 1px,transparent 2px),radial-gradient(circle at 23% 9%,#fff8 0 .7px,transparent 1.5px),radial-gradient(circle at 88% 37%,#fffa 0 .6px,transparent 1.5px),radial-gradient(circle at 53% 5%,#fff6 0 .7px,transparent 1.5px),radial-gradient(circle at 11% 32%,#fff8 0 .8px,transparent 1.5px)}.arrival-moon{position:absolute;width:90px;height:90px;left:calc(76% - 45px);top:10%;border-radius:50%;box-shadow:inset -14px -9px 0 -1px #eee5cd;filter:drop-shadow(0 0 17px #f4e4bb33);transform:rotate(12deg)}.lobby-water-canvas{position:absolute;left:0;bottom:0;width:100%;height:46%;z-index:-1;opacity:.62;mask-image:linear-gradient(transparent,#000 28%)}.empty-state{text-align:center;margin-top:-12px;z-index:2}.empty-eyebrow{font-size:9px;letter-spacing:.33em;color:#afbdc7;margin:0 0 27px}.empty-state h2{font-family:var(--serif);font-weight:400;font-size:clamp(32px,4.6vw,60px);letter-spacing:.17em;line-height:1.65;margin:0;text-shadow:0 2px 32px #071622}.empty-subtitle{font-family:var(--serif);font-size:14px;letter-spacing:.15em;color:#b3c1ca;margin:17px 0 0;line-height:1.9}.mobile-break{display:none}.constellation-map{display:flex;align-items:flex-start;justify-content:center;gap:65px;margin-top:48px;position:relative}.star-entry{display:flex;flex-direction:column;align-items:center;padding:0 14px}.entry-orbit{width:65px;height:65px;display:grid;place-items:center;border:1px solid #b6c4cd55;border-radius:50%;background:#bccad204;box-shadow:0 0 0 7px #b6c4cd03;transition:background .3s,box-shadow .3s}.star-entry:hover .entry-orbit{background:#d0d7de12;box-shadow:0 0 0 9px #b6c4cd07}.entry-orbit .icon{width:23px;height:23px}.entry-name{font-family:var(--serif);font-size:17px;letter-spacing:.23em;padding-left:.23em;margin-top:18px}.entry-note{font-size:9px;letter-spacing:.18em;color:#a4b5c0;margin-top:9px}.constellation-thread{position:absolute;width:58px;height:1px;left:calc(50% - 29px);top:32px;background:linear-gradient(90deg,transparent,#acbac75c,transparent)}.constellation-thread:after{content:"";position:absolute;width:4px;height:4px;border:1px solid #bfc7d4;transform:rotate(45deg);left:27px;top:-2px}.home-side-note{position:absolute;left:6%;top:33%;writing-mode:vertical-rl;font-family:var(--serif);font-size:11px;letter-spacing:.45em;line-height:2.3;color:#b7c2c46b}.lobby-footer{position:absolute;bottom:28px;left:46px;right:46px;display:flex;align-items:center;justify-content:space-between;font-family:var(--serif);font-size:11px;letter-spacing:.2em;color:#a5b5c3}.lobby-footer>span:nth-child(2){font-size:10px;color:#90a5b4}.seal{writing-mode:vertical-rl;border:1px solid #bb82726e;color:#bc8e7b;font-size:10px;padding:5px 3px;letter-spacing:.15em;border-radius:2px}.ferry{position:absolute;bottom:17%;left:17%;width:100px;height:38px;color:#081b25;animation:boat-drift 9s ease-in-out infinite;pointer-events:none}.ferry-hull{position:absolute;bottom:0;left:0;width:100%;height:14px;background:currentColor;border-radius:5% 10% 70% 70%;transform:skewX(-15deg)}.ferry-canopy{position:absolute;width:40px;height:25px;bottom:9px;left:25px;border-radius:50% 50% 0 0;background:currentColor;box-shadow:inset 0 1px #78929950}.ferry-lamp{position:absolute;left:73px;bottom:19px;height:4px;width:3px;background:#f3c99e;box-shadow:0 0 12px 4px #edc09330;z-index:1}.ferry-pole{position:absolute;width:75px;height:1px;bottom:15px;left:66px;transform:rotate(-23deg);transform-origin:left;background:currentColor}.is-lobby .bottom-nav{display:none}
/* 贰 · 晨汀 */
.is-chat{color:var(--ink);color-scheme:light;background:radial-gradient(ellipse at 78% 35%,#f4e1c122,transparent 44%),#f4f5ef}.is-chat .lobby-title-label,.is-music .lobby-title-label{display:none}.is-chat .chat-title-label,.is-music .music-title-label{display:inline}.is-chat .home-title p{display:block}.is-chat .topbar{border-bottom:1px solid #637e731a;background:#f4f5efb8}.is-chat button:hover{color:#567f77}.is-chat .pages{z-index:1}.is-chat #chat{flex-direction:column}.morning-harbor{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.morning-landscape{background-image:url('./assets/harbor-morning.svg');inset:0 -15% -6%;opacity:.54}.morning-sun{position:absolute;top:14%;right:21%;width:72px;height:72px;border-radius:50%;background:#e9cfac88;box-shadow:0 0 50px 24px #eedcc333;filter:blur(.5px)}.mist{position:absolute;inset:40% -10% 0;background:linear-gradient(transparent 0,#f4f5efd1 28%,transparent 42%,#f4f5efbd 65%,transparent);filter:blur(15px);animation:mist-drift 20s ease-in-out infinite alternate}.morning-harbor .ferry{left:76%;bottom:16%;color:#627f7777;transform:scale(.6)}.egrets{position:absolute;left:18%;top:31%;width:90px;height:50px;opacity:.45}.egrets i{position:absolute;width:17px;height:6px;border-top:1px solid #4e706a;transform:rotate(20deg);border-radius:60%}.egrets i:after{content:"";position:absolute;left:14px;top:-1px;width:17px;height:7px;border-top:1px solid #4e706a;border-radius:60%;transform:rotate(-40deg);transform-origin:left}.egrets i:nth-child(2){top:18px;left:35px;scale:.75}.egrets i:nth-child(3){top:7px;left:66px;scale:.55}.chat-empty-placeholder{position:absolute;top:20%;left:max(calc(50% - 330px),9%);pointer-events:none;transition:opacity .3s}.chat-empty-placeholder>span{font-family:var(--serif);font-size:11px;letter-spacing:.3em;color:#688078}.chat-empty-placeholder h2{font-family:var(--serif);font-weight:400;font-size:34px;letter-spacing:.13em;line-height:1.8;margin:24px 0 15px}.chat-empty-placeholder p{font-family:var(--serif);font-size:13px;letter-spacing:.1em;color:#718980}.chat-empty-placeholder.is-hidden{opacity:0;visibility:hidden}.chat-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:32px max(calc((100% - 760px)/2),32px) 22px;scrollbar-width:thin;scrollbar-color:#b8c6bd transparent}.msg{position:relative;display:flex;flex-direction:column;align-items:flex-start;margin:0 0 24px;padding-left:44px}.msg.user{align-items:flex-end;padding-left:60px;padding-right:0}.msg-label{display:flex;gap:9px;align-items:center;font-size:10px;color:#667a75;margin:0 0 8px;letter-spacing:.07em}.msg-time{color:#798984;font-size:9px;letter-spacing:.07em}.msg-bubble{max-width:min(100%,580px);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95;font-size:15px;padding:14px 20px;border:1px solid #6a83752e;border-radius:2px 13px 13px 13px;background:#fcfcf5de;box-shadow:0 4px 20px #516b5603;backdrop-filter:blur(8px)}.msg.user .msg-bubble{background:#e9eee5e8;border-radius:13px 2px 13px 13px;border-color:#7b8e7433}.du-avatar{position:absolute;left:0;top:23px;width:30px;height:30px;border:1px solid #80988666;border-radius:50%;background:linear-gradient(140deg,#e9eadc,#97b2a6);box-shadow:inset 0 0 0 4px #f4f5ee70}.du-avatar:after{content:"渡";display:grid;place-items:center;height:100%;font-family:var(--serif);font-size:12px}.thinking-card{font-size:12px;color:#627c73;max-width:100%;line-height:1.8}.thinking-card summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:9px}.thinking-card summary:after{content:"⌄";margin-left:6px}.thinking-card summary::-webkit-details-marker{display:none}.thinking-body{padding:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.thought-orbit{width:22px;height:5px;border-top:1px solid #76968a;border-radius:50%}.tide-loader{width:95px;height:10px;border-top:1px solid #77988a;border-radius:50%;animation:tide 2.8s ease-in-out infinite}.composer-wrap{width:min(820px,100%);margin:0 auto;padding:12px 26px 0;flex:none}.composer{display:flex;align-items:flex-end;gap:12px;border:1px solid #81968a44;background:#fbfcf5ec;padding:9px;border-radius:25px;box-shadow:0 6px 30px #46674c05;backdrop-filter:blur(16px)}#chatInput{resize:none;border:0;outline:none;background:none;color:#283d37;flex:1;min-width:0;max-height:112px;line-height:1.6;padding:10px 0;font-size:14px}#chatInput::placeholder{color:#7e8e83;font-size:12px}.tool-button,.send-button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;flex:none}.tool-button{color:#7c9081}.send-button{background:#5d7a6e;color:#fff}.send-button:hover{background:#48685b;color:#fff!important}.send-button .icon{width:19px;height:19px}.composer-note{text-align:center;font-size:9px;letter-spacing:.16em;color:#74877b;margin:10px 0 3px}.chat-tools{padding:14px 8px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.chat-tools button{padding:9px 12px;border:1px solid #82908033;border-radius:20px;background:#f4f5ee}.chat-tools small{font-size:10px;color:#708379;width:100%}
/* 叁 · 听暮 */
.is-music{color:#454653;color-scheme:light;background:radial-gradient(ellipse at 52% 23%,#f7e0c6 0,transparent 47%),linear-gradient(#e7dcda,#d7cdd0 50%,#b5b8c7)}.is-music button:hover{color:#805e62}.is-music .topbar{border-bottom:1px solid #877b811a}.is-music #music{overflow:auto;scrollbar-width:thin;scrollbar-color:#b2a1a3 transparent;justify-content:center}.sunset-scene{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.evening-landscape{background-image:url('./assets/harbor-evening.svg');inset:15% -8% -5%;opacity:.7}.sunset-sun{position:absolute;top:28%;left:calc(50% - 100px);width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#f9dfb8a8,#f7debd44 70%);filter:blur(2px);box-shadow:0 0 80px 38px #fbe3c033}.sunset-reflection{position:absolute;top:53%;bottom:0;left:calc(50% - 150px);width:300px;background:repeating-linear-gradient(0deg,transparent 0 10px,#ffe8c755 11px 12px,transparent 14px 20px);mask-image:radial-gradient(ellipse,#000,transparent 70%);transform:perspective(300px) rotateX(25deg);animation:tide 7s ease-in-out infinite;animation-play-state:paused}.is-playing .sunset-reflection{animation-play-state:running}.sunset-scene .ferry{left:14%;bottom:21%;color:#575d7070;scale:.8}.music-content{width:min(510px,100%);padding:12px 30px 36px;position:relative}.music-head{text-align:center}.section-kicker{font-family:var(--serif);font-size:11px;letter-spacing:.35em;color:#8c7578;margin:6px 0 17px}.music-head h2{font-family:var(--serif);font-size:28px;font-weight:400;letter-spacing:.15em;margin:0}.music-head>p:last-child{font-family:var(--serif);font-size:12px;letter-spacing:.12em;color:#867780;margin-top:14px}.together{height:221px;position:relative;display:flex;justify-content:center;align-items:flex-start;padding-top:38px;margin:10px 0 0}.headphone-line{position:absolute;width:280px;height:206px;top:0;left:calc(50% - 140px);fill:none;stroke:#faf0de;stroke-width:1.6;filter:drop-shadow(0 1px 2px #86706c30);pointer-events:none;z-index:2}.headphone-line rect{fill:#f9ebd6}.listener{width:105px;display:flex;align-items:center;flex-direction:column;cursor:pointer;position:relative}.listener-du{margin-left:-5px}.listener input{position:absolute;width:1px;height:1px;opacity:0}.avatar-art{width:103px;height:103px;border:2px solid #f9ecdab8;box-shadow:0 5px 25px #7f6c7617;border-radius:50%;display:grid;place-items:center;overflow:hidden;background-size:cover;background-position:center}.avatar-art>span{font-family:var(--serif);font-size:28px;color:#f9f8ec;text-shadow:0 1px 10px #4a595a40}.avatar-dawn{background-image:linear-gradient(0deg,#5f8f8866,#eed8af33),url('./assets/harbor-morning.svg');background-color:#acc1b6}.avatar-dusk{background-image:linear-gradient(0deg,#28334d55,#efe0cd11),url('./assets/harbor-evening.svg');background-color:#9396a5}.listener-name{font-family:var(--serif);font-size:11px;letter-spacing:.15em;margin-top:12px}.together-note{position:absolute;bottom:10px;text-align:center;width:100%;font-family:var(--serif);font-size:10px;letter-spacing:.14em;color:#827781}.player-bar{text-align:center;position:relative}.player-info .name{font-family:var(--serif);font-size:23px;letter-spacing:.08em;line-height:1.5;overflow-wrap:anywhere}.player-info .artist{font-size:11px;letter-spacing:.12em;color:#77717d;margin-top:9px}.progress-wrap{margin:24px auto 7px;width:90%}#seekBar{appearance:none;-webkit-appearance:none;width:100%;height:18px;background:transparent;cursor:pointer;margin:0}#seekBar::-webkit-slider-runnable-track{height:1px;background:#68627450}#seekBar::-webkit-slider-thumb{appearance:none;width:7px;height:7px;border-radius:50%;background:#fff1db;box-shadow:0 0 0 3px #f2e6d426;margin-top:-3px}#seekBar::-moz-range-track{height:1px;background:#68627450}#seekBar::-moz-range-thumb{width:7px;height:7px;border:0;background:#fff1db;border-radius:50%}#seekBar:disabled{opacity:.5;cursor:default}.time-labels{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#777181;font-variant-numeric:tabular-nums}.player-controls{display:flex;justify-content:center;align-items:center;gap:38px}.player-btn{width:44px;height:44px;font-size:32px;font-family:var(--serif);line-height:1;border-radius:50%}.player-btn.play{width:58px;height:58px;border:1px solid #786a7b59;font-size:18px;background:#f7ecdf19}.playback-status{font-size:11px;color:#7f6262;min-height:16px;margin:10px 0 0}.music-library{margin:14px 0 0;border-top:1px solid #86778236}.music-library>summary{cursor:pointer;display:flex;gap:10px;align-items:center;list-style:none;font-family:var(--serif);font-size:13px;padding:16px 2px;letter-spacing:.12em}.music-library>summary .icon{width:15px;height:15px}.music-library>summary>span{margin-left:auto}.music-library>summary::-webkit-details-marker{display:none}.music-search-bar{display:flex;border-bottom:1px solid #8677824d;align-items:center;gap:12px}.music-search-bar input{flex:1;min-width:0;background:none;border:0;color:#434454;outline:none;font-size:12px;padding:12px 0}.music-search-bar input::placeholder{color:#77717d}.music-search-bar button{width:40px;height:40px}.music-search-bar .icon{width:18px;height:18px}.song-list{list-style:none;padding:0;margin:8px 0;max-height:170px;overflow-y:auto;scrollbar-width:thin}.music-status{font-size:11px;color:#6e6876;padding:14px 0;line-height:1.6}.song-item{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 6px;border-bottom:1px solid #86778225}.song-item:hover{background:#f8eadc44}.song-name{font-size:13px;overflow-wrap:anywhere}.song-artist{font-size:10px;color:#736d7a;text-align:right}.song-item.is-current{background:#f8eadc44}.bottom-nav{z-index:4;flex:none;display:flex;justify-content:center;align-items:center;gap:30px;min-height:62px;padding:6px 20px max(8px,env(safe-area-inset-bottom));border-top:1px solid #72837519;background:#f5f6ef9c;backdrop-filter:blur(18px)}.tab{min-height:44px;display:flex;align-items:center;gap:9px;padding:9px 17px;font-family:var(--serif);font-size:12px;letter-spacing:.16em;opacity:.53}.tab .icon{width:17px;height:17px}.tab.active{opacity:1}.tab.active:after{content:"";position:absolute;bottom:2px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:currentColor}.nav-river{height:1px;width:32px;background:currentColor;opacity:.15}.is-music .bottom-nav{background:#d0c8cc94;border-color:#877b8125}
/* Moonrise: short and once per session. */
.intro{position:fixed;inset:0;z-index:100;background:#091b2a;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;transition:opacity .45s,visibility .45s}.intro.is-gone{opacity:0;visibility:hidden}.intro-sky{position:absolute;left:0;top:0;height:50%;width:100%;overflow:hidden}.intro-moon{position:absolute;left:calc(50% - 29px);bottom:35px;width:58px;height:58px;border-radius:50%;box-shadow:inset -10px -6px #f3e9d0;animation:moon-rise 1.8s ease-out both;filter:drop-shadow(0 0 16px #efd7a333)}.intro-water{position:absolute;top:50%;left:0;width:100%;height:23%;mask-image:linear-gradient(#000,transparent)}.intro-water canvas{width:100%;height:100%}.intro>p{font-family:var(--serif);font-size:22px;letter-spacing:.45em;margin-top:200px;animation:page-in 1.5s .5s both}.intro>small{font-family:var(--serif);font-size:10px;letter-spacing:.35em;color:#acb8c0;animation:page-in 1.5s .8s both}
@keyframes page-in{from{opacity:0}to{opacity:1}}@keyframes moon-rise{from{transform:translateY(105px) rotate(8deg)}to{transform:translateY(0) rotate(8deg)}}@keyframes tide{0%,100%{transform:translateY(2px) scaleX(.85);opacity:.45}50%{transform:translateY(-2px) scaleX(1);opacity:1}}@keyframes boat-drift{0%,100%{translate:0 0;rotate:-1deg}50%{translate:4px 3px;rotate:1deg}}@keyframes mist-drift{from{translate:-2% 0}to{translate:2% 0}}@keyframes tap{from{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(7)}}
@media(min-width:1100px){.empty-state{margin-left:-19%;margin-top:0}.arrival-moon{width:115px;height:115px;top:12%;left:calc(76% - 57px);box-shadow:inset -16px -11px 0 -1px #eee5cd}.home-side-note{left:auto;right:6%;top:43%}.is-music .music-content{padding-top:20px}.is-music .sunset-sun{width:270px;height:270px;left:calc(50% - 135px);top:23%}.music-head h2{font-size:31px}}
@media(max-width:600px){.topbar{height:80px;padding:16px 19px;padding-top:max(16px,env(safe-area-inset-top))}h1{font-size:16px}.harbor-mark .icon{width:24px;height:24px}.settings-panel{right:18px;top:72px}.empty-state{margin-top:-6%;width:100%;padding:0 22px}.empty-eyebrow{font-size:7px;letter-spacing:.24em;margin-bottom:23px}.empty-state h2{font-size:35px;line-height:1.65;letter-spacing:.18em}.mobile-break{display:block}.empty-subtitle{font-size:11px;letter-spacing:.07em;margin-top:20px}.constellation-map{margin-top:35px;gap:53px}.entry-orbit{width:58px;height:58px}.entry-name{font-size:16px;margin-top:15px}.entry-note{font-size:8px}.constellation-thread{top:29px}.arrival-moon{width:53px;height:53px;left:calc(78% - 27px);top:5%;box-shadow:inset -8px -6px 0 -1px #eee5cd}.night-landscape{inset:0 -68% -5%;opacity:.65}.home-side-note{left:6%;top:13%;font-size:8px;opacity:.6}.lobby-footer{left:25px;right:25px;bottom:23px;font-size:9px}.lobby-footer>span:nth-child(2){font-size:8px;letter-spacing:.1em;max-width:165px;line-height:1.8;text-align:center}.lobby-page>.ferry{left:12%;bottom:16%;scale:.65}.chat-messages{padding:26px 19px 16px}.msg{padding-left:35px;margin-bottom:23px}.msg.user{padding-left:38px}.msg-bubble{font-size:14px;line-height:1.9;padding:12px 15px}.du-avatar{width:26px;height:26px}.composer-wrap{padding:8px 15px 0}.composer{gap:6px;padding:6px}.composer-note{font-size:8px;margin-top:8px}.composer textarea{font-size:14px}.morning-landscape{inset:10% -70% -6%;opacity:.45}.morning-sun{width:48px;height:48px;right:17%;top:13%}.chat-empty-placeholder{top:21%;left:12%}.chat-empty-placeholder h2{font-size:29px}.chat-empty-placeholder p{font-size:11px}.egrets{left:12%;top:53%}.bottom-nav{min-height:57px;gap:20px}.music-content{padding:10px 25px 22px}.music-head h2{font-size:25px}.section-kicker{font-size:10px;margin:4px 0 14px}.music-head>p:last-child{font-size:11px;margin-top:12px}.together{margin-top:8px;height:212px}.player-info .name{font-size:22px}.progress-wrap{margin-top:21px}.evening-landscape{inset:18% -85% -5%}.sunset-scene .ferry{left:5%;bottom:25%;scale:.55}.sunset-sun{top:28%;width:180px;height:180px;left:calc(50% - 90px)}}
@media(max-height:680px){.constellation-map{margin-top:24px}.empty-state h2{font-size:30px;line-height:1.5}.empty-subtitle{margin-top:10px}.empty-eyebrow{margin-bottom:12px}.entry-orbit{width:48px;height:48px}.entry-name{margin-top:10px}.home-side-note{display:none}.topbar{height:68px}.lobby-footer{bottom:15px}.together{height:200px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.intro{display:none}}
.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off .tap-ripple{display:none}