/* Quiet by default. Full controls appear only when requested. */
.music-credit{display:block;font-size:10px;line-height:1.8;margin-top:24px;text-decoration:underline;text-underline-offset:3px;color:#738362}
.share-room{display:block;margin:16px 0 0 auto;padding:7px 0}
#share-url{width:100%;resize:vertical;border:1px solid var(--line);border-radius:9px;background:#f3f4e9;padding:12px;font-size:11px;color:var(--ink);word-break:break-all}
#share-dialog h2{font-size:21px}#share-dialog .primary{margin-top:15px}
body{padding:0;overflow:hidden;min-height:100svh}
.room-world{position:fixed;inset:0;height:100svh;background-position:center center}
.room-world::after,[data-scene=landscape] .room-world::after{background:none}
.topbar,[data-scene=landscape] .topbar{height:62px;padding:0 28px;background:none}
.brand{gap:0;opacity:.65}.brand b{font-size:21px;letter-spacing:-1px}.brand img,.brand small,.today-clock{display:none}
.top-actions{gap:5px}.top-actions #language,.top-actions #fullscreen{display:none}
.tools-open .top-actions #language,.tools-open .top-actions #fullscreen{display:inline-flex}
.top-actions .soft-button{border:0;box-shadow:none;background:#fbf8ee75;padding:7px 10px;font-size:10px;color:#728066}
.top-actions .soft-button svg{width:13px;height:13px}
.workspace{position:fixed;top:clamp(90px,22vh,190px);left:clamp(22px,4vw,56px);padding:0}
.focus-column{width:166px;margin:0}.welcome,.companion-note{display:none}
.timer-card{position:relative;width:166px;padding:0;border:0;border-radius:12px;background:none;box-shadow:none;backdrop-filter:none}
.timer-heading{margin:0;min-height:24px;font-size:10px;justify-content:flex-start;gap:16px;color:#69775e}
.timer-heading .status-dot{width:4px;height:4px;box-shadow:none}.timer-heading>span{gap:6px}
#timer-options{font-size:19px;letter-spacing:1px;padding:0 7px;line-height:24px;border-radius:6px}
#timer-options:hover,#timer-options[aria-expanded=true]{background:#f9f6e5b3}
.timer-dial{width:auto;height:61px;margin:5px 0 8px}
.dial-ring,.dial-caption,#round-caption{display:none}
.dial-content{position:static;display:block}
#timer{font-size:44px;line-height:1.25;letter-spacing:-1.5px;font-weight:300;color:#43583e;font-variant-numeric:tabular-nums}
#timer.long-time{font-size:32px;line-height:1.7;letter-spacing:-1px}
.timer-actions{gap:6px;justify-content:flex-start}
.timer-actions .primary{flex:0 0 auto;width:auto;min-width:94px;height:31px;padding:7px 12px;gap:5px;border-radius:8px;font-size:10px;background:#718260dd;box-shadow:none}
.timer-actions .primary svg{width:12px;height:12px}
.timer-actions .reset-button{display:none}
.clock-tabs,.intention,.session-bottom,.timer-details-heading{display:none}
.finish{width:auto;font-size:9px;margin-top:9px;text-align:left}
.timer-expanded{width:254px;padding:15px;background:#fcfaf1ef;border:1px solid #fff8;box-shadow:0 8px 35px #5c714015;backdrop-filter:blur(16px)}
.timer-expanded .clock-tabs{display:flex;margin-bottom:12px;padding:3px}
.timer-expanded .clock-tabs button{font-size:10px;padding:7px 0}
.timer-expanded .timer-heading{justify-content:space-between}
.timer-expanded .timer-details-heading{display:block;position:absolute;right:15px;top:93px}
.timer-expanded .timer-details-heading .text-button{font-size:9px}
.timer-expanded .timer-dial{margin:9px 0;height:55px}
.timer-expanded .intention{display:flex;height:31px;margin-bottom:12px}.timer-expanded .intention input{font-size:10px}
.timer-expanded .session-bottom{display:flex;font-size:8px;margin-top:12px}
.timer-expanded .timer-actions .reset-button{display:flex;height:31px;width:31px;border-radius:7px}
.timer-expanded .reset-button svg{width:13px}
.player{left:28px;right:auto;bottom:24px;width:216px;height:43px;padding:6px 9px 6px 13px;gap:8px;border:1px solid #fffc;border-radius:11px;background:#faf8eece;box-shadow:none;backdrop-filter:blur(14px)}
.player .album-art,.player .track-info small,.player .track-info>span,.player .previous,.player #track-next,.player .master-volume,.player .ambience-button{display:none}
.player .track-info{flex:1;min-width:0;max-width:none;gap:0}
.player .track-info b{font-size:10px;font-weight:400;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player .transport{gap:0}.player .music-play{width:29px;height:29px;background:none;border:0}.player .music-play svg{width:13px;height:13px}
.tools-toggle{position:fixed;right:27px;bottom:25px;z-index:8;display:grid;place-items:center;width:39px;height:39px;border-radius:11px;border:1px solid #fffc;background:#faf8eece;backdrop-filter:blur(14px);color:#718365}
.tools-toggle svg{width:17px;height:17px}.tools-toggle:hover,.tools-toggle[aria-expanded=true]{background:#e9eddf}
.tool-dock{top:auto;left:auto;right:27px;bottom:77px;transform:none;flex-direction:row;gap:2px;padding:6px;border-radius:12px;background:#fbf9eff2;box-shadow:0 5px 20px #6274490c}
.tool-dock button{width:43px;min-height:43px;gap:4px;border-radius:8px}.tool-dock button svg{width:15px;height:15px}.tool-dock button>span{font-size:8px}.dock-divider{width:1px;height:24px;margin:10px 3px}
.drawer{right:27px;top:auto;bottom:137px;width:330px;max-height:calc(100svh - 200px);padding:23px;border-radius:16px;background:#fcfaf3f5}
.drawer h2{font-size:20px}.drawer .overline{font-size:8px}.drawer .panel-copy{font-size:10px;line-height:1.8;margin:15px 0}.drawer .daily-card{display:flex;padding:15px 0;border-bottom:1px solid var(--line);margin:5px 0 20px}
.drawer .track-timeline{display:block;max-width:none;margin:25px 0 0;width:100%}
.drawer .mix-volume{margin-top:24px}.drawer .panel-footnote{font-size:8px}
.toast{bottom:82px;font-size:10px}
.zen .tools-toggle{display:none}
@media(max-width:760px){
 .room-world{height:100svh;background-position:72% center}.topbar{height:54px;padding:0 18px}.brand b{font-size:19px}.brand img{display:none}
 .workspace{top:90px;left:22px;padding:0}.focus-column{width:150px;max-width:none}.timer-card{width:150px;padding:0;background:none;border:0}.timer-expanded{width:min(254px,calc(100vw - 44px));padding:15px;background:#fcfaf1f2;border:1px solid #fff8}
 .timer-dial{height:57px;width:auto;margin:5px 0 8px}#timer{font-size:40px}#timer.long-time{font-size:29px}.timer-heading{font-size:9px;margin:0}.timer-expanded .timer-dial{height:54px}.timer-expanded .intention{display:flex}
 .player{left:18px;right:auto;bottom:18px;width:186px;height:39px;padding:5px 8px 5px 12px;border-radius:10px}.player .track-info b{font-size:10px}.player .music-play{width:28px;height:28px}
 .tools-toggle{right:18px;bottom:18px;width:37px;height:37px}.tool-dock{left:auto;right:18px;bottom:67px;transform:none;padding:5px;gap:1px}.tool-dock button{width:40px;min-height:42px}
 .drawer{top:auto;left:14px;right:14px;bottom:123px;width:auto;max-height:calc(100svh - 175px);padding:20px}.companion-note,.welcome{display:none}
 .abstract-orbit{right:8%;top:23%;height:45vh}.toast{bottom:69px}.top-actions .icon-button{width:29px}
}
@media(max-height:520px){.workspace{top:76px}.drawer{bottom:117px;max-height:calc(100svh - 140px)}.timer-expanded{padding:12px}.timer-expanded .clock-tabs{margin-bottom:7px}.timer-expanded .timer-details-heading{top:83px;right:12px}.timer-expanded .session-bottom{margin-top:8px}}