@charset "UTF-8";
:root{color-scheme:dark;--paper:#f5f1e7;--muted:#d4d4c6;--accent:#d9e4c7;--line:#e4e6d630;--glass:#1c251e94;--serif:Georgia,'Yu Mincho','Noto Serif CJK SC','Songti SC',serif}
*{box-sizing:border-box}html{min-height:100%;background:#242b23}body{margin:0;color:var(--paper);font:14px/1.65 'Segoe UI','Yu Gothic UI','Microsoft YaHei',sans-serif;min-width:320px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e2efb9}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.sprite{position:absolute;width:0;height:0;overflow:hidden}.scenery{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#222c26}.scenery>img{height:100%;width:100%;object-fit:cover;object-position:center;transform:scale(1.045);animation:scene-drift 65s ease-in-out infinite alternate;transition:opacity .6s ease;will-change:transform}.scenery>img.changing{opacity:.2}.light{position:absolute;inset:-10%;background:radial-gradient(ellipse at 70% 25%,#ead4a91c,transparent 52%);mix-blend-mode:screen;animation:light-drift 25s ease-in-out infinite alternate}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#111e1bba 0%,#17251f65 44%,#16201f15 75%),linear-gradient(0deg,#111b17d9 0%,transparent 37%,transparent 70%,#141c2077 100%)}#weather{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}body[data-scene=rain] .shade{background:linear-gradient(90deg,#142024bf,#18232844 80%),linear-gradient(0deg,#0c141bd9,transparent 45%)}body[data-scene=night] .shade{background:linear-gradient(90deg,#0b1318a1,#14211d40),linear-gradient(0deg,#0e1719df,transparent 55%)}@keyframes scene-drift{from{transform:scale(1.045) translateX(-.4%)}to{transform:scale(1.1) translateX(.4%)}}@keyframes light-drift{from{opacity:.4;transform:translate(-2%,2%)}to{opacity:1;transform:translate(3%,-2%)}}
.app-shell{padding:0 48px;max-width:1920px;margin:auto;min-height:100svh;display:flex;flex-direction:column}.site-header{height:108px;display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid var(--line);flex-shrink:0}.brand{display:flex;align-items:center;gap:13px;font-size:24px;font-weight:550;letter-spacing:.08em;white-space:nowrap}.brand-mark{border:1px solid #ebedda60;border-radius:50%;width:46px;height:46px;display:grid;place-items:center}.brand-mark svg{width:23px;height:23px}.brand-separator{opacity:.4;font-size:20px;margin:0 10px;font-weight:300}.brand-study{font-size:15px;letter-spacing:.18em;font-weight:400}.site-header nav{display:flex;gap:32px;align-items:center;margin-left:auto;margin-right:auto}.site-header nav button,.site-header nav a{padding:12px 0;border:0;background:transparent;color:#e0e2d6;font-size:13px}.site-header nav button:hover,.site-header nav a:hover{color:#fff}.site-header nav button:after{content:'';display:block;margin-top:3px;width:0;height:1px;background:#e7edd5;transition:width .2s}.site-header nav button:hover:after{width:100%}.header-actions{display:flex;gap:24px;align-items:center}.language-control{display:flex;gap:8px;align-items:center;font-size:11px}.language-control>span{opacity:.65;white-space:nowrap}.language-control select{color:var(--paper);background:transparent;border:0;width:90px;padding:6px 0;cursor:pointer;font-size:12px}.language-control select option{background:#25342d}.account-button{display:flex;gap:9px;align-items:center;padding:10px 16px;border:1px solid #ebedda4a;background:#d7decb0c;border-radius:30px;font-size:12px;white-space:nowrap;max-width:200px}.account-button span{overflow:hidden;text-overflow:ellipsis}.account-button svg{width:16px;height:16px}.account-button:hover{background:#d7decb24}
main{flex:1;display:flex;min-height:450px}.home-view{position:relative;flex:1;display:flex;align-items:center;justify-content:space-between;padding:58px 3.5% 52px}.hero-copy{max-width:760px}.eyebrow{font-size:10px;letter-spacing:.29em;display:flex;align-items:center;gap:13px;color:#e1e6d5;font-weight:500}.tiny-line{width:28px;height:1px;background:#dbe8c4}.hero-copy h1{font-family:var(--serif);font-weight:400;font-size:clamp(48px,4.8vw,82px);letter-spacing:.035em;line-height:1.44;margin:24px 0 21px;text-shadow:0 3px 30px #0002}.hero-copy h1 em{font-style:normal;color:#e1e8ce}.hero-description{font-size:14px;line-height:2.1;letter-spacing:.075em;color:#e4e5d8d9;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:28px}.primary-button{display:flex;align-items:center;justify-content:center;gap:30px;border:1px solid #edf0de6b;background:#e8eed9;color:#25382d;border-radius:5px;padding:15px 25px;min-height:55px;letter-spacing:.06em;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.primary-button:hover{background:#f4f7e6;transform:translateY(-1px)}.primary-button svg{width:19px;height:19px}.quiet-button{border:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:15px;font-size:12px;padding:14px 0;color:#ecede1d4}.quiet-button:hover{color:white}.down-arrow{font-size:20px}.hero-note{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.05em;color:#d6dcc6a8;margin-top:32px}.live-dot{display:inline-block;flex-shrink:0;background:#bfcca3;width:5px;height:5px;border-radius:50%;box-shadow:0 0 12px #d7ecc37a}.daily-note{align-self:center;display:flex;flex-direction:column;align-items:center;min-width:135px;padding-top:24px;font-size:11px;color:#eeeeddcc;text-align:center}.daily-note>svg{width:29px;height:29px;margin-bottom:13px;color:#eee6ca}.daily-divider{height:40px;width:1px;background:#e7ead34a;margin:23px 0 8px}.daily-note p{font-family:var(--serif);font-size:15px;line-height:2.05;letter-spacing:.12em}.vertical-label{font-size:8px;letter-spacing:.25em;opacity:.6;margin-top:25px}
.scene-dock{display:flex;align-items:center;padding:18px 0 24px;gap:28px}.dock-label{width:165px;flex-shrink:0}.dock-label>span{font-size:8px;letter-spacing:.19em;opacity:.55;display:block;margin-bottom:6px}.dock-label strong{font-size:11px;font-weight:400;white-space:nowrap}.scene-list{display:flex;flex:1;gap:12px;min-width:0}.scene-tile{border:1px solid #e3e8d529;border-radius:5px;background:#c4ccab0c;padding:6px;display:flex;align-items:center;text-align:left;gap:11px;min-width:0;flex:1;position:relative;transition:background .2s,border .2s}.scene-tile:hover{background:#e3e8d51a}.scene-tile[aria-pressed=true]{background:#d5e4b729;border-color:#d4e2be96}.scene-tile img{width:72px;height:54px;object-fit:cover;border-radius:3px}.scene-tile .scene-label{font-size:11px;display:block;white-space:nowrap}.scene-tile small{font-size:8px;letter-spacing:.1em;opacity:.6;display:block;margin-top:4px}.scene-tile .selected-dot{width:4px;height:4px;background:#d8e8bc;border-radius:50%;position:absolute;right:10px;top:11px;display:none}.scene-tile[aria-pressed=true] .selected-dot{display:block}.scene-next{width:36px;height:36px;border:1px solid #eff0dd57;border-radius:50%;display:grid;place-items:center;background:transparent;flex-shrink:0}.scene-next svg{width:16px}.glass{background:var(--glass);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid #e5e9d635}.soundbar{display:flex;align-items:center;justify-content:space-between;border-radius:7px;padding:16px 23px;gap:28px;flex-shrink:0}.sound-current{display:flex;align-items:center;gap:14px;min-width:240px}.audio-play{border:1px solid #e0e6d365;background:#dce5c70d;width:36px;height:36px;border-radius:50%;display:grid;place-items:center}.audio-play:hover{background:#dce5c72a}.audio-play svg{width:16px;height:16px}.track-copy{min-width:130px}.track-kicker{font-size:9px;display:block;color:#d5ddc48f}.track-copy button{padding:0;background:transparent;border:0;font-size:12px;letter-spacing:.03em}.equalizer{height:19px;display:flex;align-items:center;gap:3px;margin-left:9px}.equalizer i{height:5px;width:2px;background:#bbc9a4;border-radius:3px}.equalizer i:nth-child(2){height:11px}.equalizer i:nth-child(3){height:17px}.equalizer i:nth-child(4){height:10px}.equalizer.playing i{animation:equalize 1.3s ease-in-out infinite alternate}.equalizer.playing i:nth-child(2){animation-delay:-.8s}.equalizer.playing i:nth-child(3){animation-delay:-.4s}.equalizer.playing i:nth-child(4){animation-delay:-1.2s}@keyframes equalize{from{transform:scaleY(.45)}to{transform:scaleY(1.3)}}.mixer{display:flex;align-items:center;gap:38px}.mixer label{display:flex;align-items:center;gap:10px;font-size:10px;white-space:nowrap;color:#e4e7d4b5}.mixer svg{width:15px;height:15px}.mixer input{width:105px;height:3px;accent-color:#dbe6c5;cursor:pointer}.soundbar-end{display:flex;align-items:center;gap:10px;color:#d2ddbf9e;border:0;background:transparent;font-size:10px}.soundbar-end svg{width:16px;height:16px}.bottom-credit{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:15px 1px 16px;color:#c7d3b782;font-size:8px;letter-spacing:.16em;min-height:44px}#saveState{letter-spacing:0;font-size:10px;color:#e2e8cbaa;max-width:60%;text-align:right}.room-view{display:none;flex:1;padding:26px 3.5% 30px;min-height:460px;flex-direction:column;justify-content:space-between}body[data-view=room] .home-view{display:none}body[data-view=room] .room-view{display:flex}.room-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.scene-caption{display:flex;gap:9px;align-items:center;font-size:12px;color:#edf0dcbd;letter-spacing:.06em}.room-top-actions{display:flex;gap:9px}.glass-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#e3ebd80c;border:1px solid #e1e9d438;color:#edf0e2bd;padding:8px 15px;font-size:11px;border-radius:4px}.glass-button:hover{background:#e3ebd823}.glass-button svg{width:14px;height:14px}.focus-workspace{display:flex;gap:20px;align-items:flex-end;margin:38px 0 10px}.timer-card{width:360px;border-radius:12px;padding:26px 28px;box-shadow:0 16px 60px #0002;flex-shrink:0}.timer-card-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.2em;color:#d6ddc3b0}.status-pill{display:flex;align-items:center;gap:6px;border:1px solid #dde4d025;letter-spacing:0;padding:4px 9px;border-radius:30px;font-size:9px}.timer-number{font-size:77px;line-height:1.4;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:10px 0 4px;color:#f4f4e8}.timer-mode{display:flex;gap:12px;margin-bottom:23px}.timer-mode button{font-size:10px;border:0;background:transparent;padding:4px 0;color:#ccd6be7f}.timer-mode button[aria-pressed=true]{color:#eef1df;border-bottom:1px solid #d8e4be}.timer-mode button:last-child{margin-left:auto;font-size:9px;letter-spacing:.08em}.progress-track{height:2px;background:#d5e0c230;margin-bottom:25px}.progress-track span{display:block;height:100%;background:#d9e6c2;width:0%;transition:width .6s}.timer-controls{display:flex;gap:10px}.timer-main{display:flex;gap:10px;align-items:center;justify-content:center;flex:1;border:1px solid #e1e8d24d;background:#d9e5c522;border-radius:4px;font-size:12px;padding:9px}.timer-main svg{width:15px;height:15px}.icon-button{width:34px;height:34px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:50%;padding:7px;color:#e0e5d2bd}.icon-button:hover{background:#dbe4cb1a;border-color:#e6ead632}.icon-button svg{width:18px;height:18px}.timer-footnote{font-size:10px;color:#d6e0c492;margin:20px 0 0;letter-spacing:.04em}.goal-card{width:min(400px,40vw);padding:19px 24px;border-radius:7px}.goal-title{font-size:10px;letter-spacing:.1em;color:#d4dfc2ad}.goal-card input{background:transparent;border:0;border-bottom:1px solid #d8e3c837;color:#f2f4e6;padding:11px 0;width:100%;font-size:13px;outline-offset:1px}.goal-card input::placeholder{color:#d6ddc977}.goal-card button{display:flex;justify-content:space-between;width:100%;background:transparent;border:0;font-size:10px;padding:12px 0 0;color:#d6e1bd94}.room-view .glass{--glass:#17241fa3}.toast{position:fixed;bottom:130px;left:50%;transform:translateX(-50%);padding:13px 22px;max-width:min(90vw,550px);border-radius:6px;backdrop-filter:blur(20px);background:#24362eeb;border:1px solid #dce4cf65;color:#eff3df;z-index:100;font-size:12px;box-shadow:0 10px 30px #0004}
dialog{color:var(--paper);padding:0;margin:0;border-radius:0;box-shadow:0 20px 100px #0006}dialog::backdrop{background:#101b1973;backdrop-filter:blur(6px)}.drawer{margin-left:auto;width:min(600px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-left:1px solid #e3e9d43d;background:#203029ef}.dialog-header{padding:34px 36px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow.small{font-size:8px;letter-spacing:.25em;opacity:.6}.dialog-header h2{font-family:var(--serif);font-weight:400;letter-spacing:.05em;margin:8px 0 0;font-size:26px}.drawer-content{padding:6px 36px 36px}.drawer-content>section{padding:24px 0;border-bottom:1px solid var(--line);scroll-margin:15px}.section-heading{display:flex;gap:14px;align-items:center;margin-bottom:18px}.section-heading>span{font-size:10px;font-family:var(--serif);opacity:.45}.section-heading h3{font-size:14px;letter-spacing:.07em;font-weight:400;margin:0}.scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.scene-grid .scene-tile{display:block;padding:6px 6px 10px}.scene-grid img{width:100%;height:106px;display:block;object-fit:cover}.scene-grid .scene-label{padding:9px 6px 0}.scene-grid small{padding:0 6px;letter-spacing:0;font-size:9px}.scene-grid .selected-dot{top:auto;bottom:27px;right:13px;width:5px;height:5px}.check-row{display:flex;gap:9px;align-items:center;font-size:11px;color:#dce5cdad;margin-top:16px}.check-row input{accent-color:#b7c6a4}.settings-selects{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-selects label,.duration-inputs label{font-size:10px;color:#d3dfc5ad;display:flex;flex-direction:column;gap:7px}.settings-selects select,.duration-inputs input{color:#eff0df;border:1px solid #dbe6cd3b;background:#13221b80;border-radius:4px;padding:10px;width:100%;font-size:11px}.muted{font-size:11px;color:#d1ddc497;line-height:1.9}.settings-selects select option{background:#22362c}.duration-presets{display:flex;gap:10px;margin-bottom:16px}.duration-presets button{flex:1;color:#dae6c7;border:1px solid #dce5cb40;border-radius:5px;background:transparent;font-size:18px;padding:10px}.duration-presets button span{font-size:10px;opacity:.6}.duration-presets button[aria-pressed=true]{background:#c5d9ab20;border-color:#ceddb899}.duration-inputs{display:flex;gap:16px}.duration-inputs label{flex:1}.wide{width:100%;margin-top:24px}.stats-row{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:24px 0}.stats-row>div{flex:1;border-right:1px solid var(--line);text-align:center}.stats-row>div:last-child{border:0}.stats-row strong{display:block;font:32px var(--serif);color:#d6e3bd}.stats-row span{display:block;font-size:9px;color:#c5d4b1b0;margin-top:7px}.task-form{display:flex;gap:10px;margin:24px 0 12px}.task-form input{min-width:0;flex:1;border:1px solid #d2dfc639;border-radius:5px;background:#13231b80;padding:12px;color:#ecf1de;font-size:12px}.task-form button{background:#d9e5c8;color:#24392c;border:0;border-radius:5px;padding:10px 18px;font-size:12px}.task-form input::placeholder{color:#c4d2b782}.task-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid #dce7cd1a;padding:15px 0}.task-item>label{display:flex;gap:12px;align-items:center;flex:1;min-width:0;cursor:pointer;font-size:12px}.task-item label span{overflow-wrap:anywhere}.task-item input{accent-color:#c1d5aa;flex-shrink:0}.task-item.done label span{text-decoration:line-through;opacity:.4}.task-item .use-task{font-size:10px;opacity:.6;background:transparent;border:0;padding:5px}.task-item .icon-button{width:25px;height:25px}.task-item .icon-button svg{width:13px}.empty-state{border:1px dashed #d1dfbe38;padding:25px;text-align:center;color:#c6d7b3a1;font-size:12px;border-radius:6px;margin-top:18px}.history-title{font-size:12px;font-weight:400;letter-spacing:.07em;margin-top:35px}.history-row{display:flex;gap:14px;align-items:center;border-bottom:1px solid #d5e2c71a;padding:12px 0}.history-row .history-time{width:55px;flex-shrink:0;font:20px var(--serif);color:#d2e1b9}.history-row .history-time small{font:8px 'Segoe UI',sans-serif;opacity:.6;margin-left:3px}.history-row .history-goal{flex:1;font-size:11px;overflow-wrap:anywhere}.history-row .history-date{font-size:9px;opacity:.5;white-space:nowrap}.account-dialog{inset:0;margin:auto;width:440px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border:1px solid #e0e8d449;border-radius:10px;background:#21362df5;padding:36px;overflow:auto}.account-close{position:absolute;right:10px;top:10px}.account-intro{display:flex;align-items:center;flex-direction:column;text-align:center}.account-intro .brand-mark{margin:0 0 18px}.account-intro h2{font:26px var(--serif);margin:14px 0 5px;line-height:1.6}.account-intro p{margin-bottom:20px}.auth-tabs{display:flex;border-bottom:1px solid #dce7cd2b;margin-bottom:20px}.auth-tabs button{flex:1;border:0;background:transparent;color:#dbe6cd94;padding:11px;font-size:12px}.auth-tabs button[aria-pressed=true]{border-bottom:1px solid #e3ebce;color:#e7efd9}#authForm label{display:block;font-size:11px;margin-top:16px;color:#dfebcfc9}#authForm input{display:block;width:100%;background:#12221b80;color:#eef3df;border:1px solid #d5e1c53b;padding:11px 12px;margin-top:7px;border-radius:4px}#authForm small{display:block;font-size:9px;opacity:.6;margin:6px 0}#authError{color:#f2be9f;font-size:11px}#authError:empty{display:none}.local-account-note{font-size:9px;color:#ccdabba1;line-height:1.9;text-align:center;margin-top:20px}.admin-link{display:block;font-size:10px;color:#c5d5b180;text-align:center;margin-top:22px}.admin-link:hover{color:#f4f5e6}#memberGreeting{font:22px var(--serif);text-align:center}#memberEmail{text-align:center}.noscript-note{position:fixed;inset:auto 0 0;background:#324d3e;color:#fff;padding:20px;text-align:center}
body.immersive .site-header,body.immersive .scene-dock,body.immersive .bottom-credit,body.immersive .room-top,body.immersive .goal-card{display:none}body.immersive .app-shell{padding-top:40px;justify-content:flex-end}body.immersive main{min-height:0}body.immersive .room-view{justify-content:flex-end;padding-bottom:30px}body.immersive .soundbar{margin-bottom:30px}body.immersive .soundbar-end{display:none}body.immersive .shade{opacity:.65}body.motion-off .scenery>img,body.motion-off .light{animation:none}body.motion-off #weather{display:none}
html[lang=en] .hero-copy h1{font-size:clamp(48px,4.7vw,78px);line-height:1.18;letter-spacing:-.025em}html[lang=en] .hero-copy{max-width:790px}html[lang=en] .hero-description{letter-spacing:0}html[lang=ja] .hero-copy h1{font-size:clamp(42px,4.4vw,72px);letter-spacing:0}html[lang=en] .dock-label strong{font-size:10px}html[lang=en] .daily-note p{letter-spacing:0}
@media(min-height:1000px) and (min-width:1000px){.home-view{padding-top:100px;padding-bottom:110px}.scene-dock{padding-bottom:36px}.scene-tile img{height:64px;width:85px}.soundbar{padding:20px 28px}}
@media(max-width:1200px){.app-shell{padding:0 32px}.site-header nav{gap:22px}.header-actions{gap:12px}.brand{font-size:21px;gap:10px}.brand-mark{width:40px;height:40px}.brand-study{font-size:12px}.brand-separator{margin:0 6px}.scene-dock{gap:18px}.dock-label{width:140px}.scene-tile{gap:8px}.scene-tile img{width:50px;height:49px}.scene-tile .scene-label{font-size:10px}.soundbar{gap:16px;padding:15px 18px}.soundbar-end span{display:none}.mixer{gap:22px}.sound-current{min-width:220px}.daily-note{min-width:120px}.site-header{gap:18px}.site-header nav a{display:none}}
@media(max-width:850px){.site-header{height:85px}.site-header nav{gap:18px}.site-header nav button{font-size:11px}.language-control>span{display:none}.language-control select{width:74px;font-size:10px}.header-actions{gap:8px}.account-button{padding:8px 10px;font-size:10px;gap:6px}.brand{font-size:19px}.brand-study{font-size:10px}.brand-separator{margin:0 5px}.brand-mark{width:35px;height:35px}.brand-mark svg{width:19px;height:19px}.site-header{gap:12px}.dock-label{display:none}.scene-list{gap:9px}.sound-current{min-width:190px}.mixer input{width:70px}.mixer label{gap:6px}.soundbar-end{display:none}.hero-copy h1{font-size:56px}.daily-note{display:none}.home-view{padding-left:10px;padding-right:10px}.hero-description{font-size:13px}.hero-note{font-size:10px}.room-view{padding-left:10px;padding-right:10px}.focus-workspace{gap:15px}.timer-card{width:330px;padding:23px}.goal-card{padding:18px;width:auto;flex:1}.timer-number{font-size:70px}}
@media(max-width:600px){.app-shell{padding:0 21px;min-height:100svh}.site-header{height:82px;gap:12px;flex-wrap:wrap;position:relative;align-content:center;padding-bottom:0}.site-header nav{position:absolute;top:83px;left:0;margin:0;gap:24px;z-index:2}.site-header nav button{padding:12px 0 8px;font-size:11px;color:#e5e9d5b5}.site-header nav a{display:none}.brand{font-size:20px;gap:9px}.brand-mark{width:33px;height:33px}.brand-study{font-size:10px;letter-spacing:.16em}.brand-separator{margin:0 5px;font-size:16px}.header-actions{margin-left:auto;gap:9px}.language-control select{width:71px;font-size:10px}.account-button{border:0;padding:6px 0;background:transparent}.account-button span{display:none}.account-button svg{width:19px;height:19px}.home-view{padding:73px 1px 33px;align-items:center;min-height:415px}.eyebrow{font-size:7px;letter-spacing:.21em;gap:9px}.tiny-line{width:19px}.hero-copy h1{font-size:40px;line-height:1.55;letter-spacing:.03em;margin:19px 0 16px}.hero-description{font-size:11px;line-height:2.1;letter-spacing:.06em;margin-bottom:22px}.hero-actions{gap:23px}.primary-button{padding:12px 20px;font-size:11px;min-height:47px;gap:21px}.primary-button svg{width:16px}.quiet-button{font-size:10px;gap:9px}.hero-note{font-size:8px;margin-top:24px;letter-spacing:.02em}.live-dot{width:4px;height:4px}.scene-dock{padding:6px 0 18px;gap:10px;display:block}.scene-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.scene-list .scene-tile{display:block;padding:4px 4px 8px}.scene-list .scene-tile img{width:100%;height:47px}.scene-list .scene-label{padding:7px 0 0;font-size:9px;white-space:normal;line-height:1.4;text-align:center}.scene-list .scene-tile small{display:none}.scene-list .selected-dot{top:10px;right:9px;box-shadow:0 0 4px #000}.scene-next{display:none}.soundbar{padding:12px 13px;gap:12px;flex-wrap:wrap;border-radius:7px}.sound-current{min-width:0;gap:10px;width:100%}.track-kicker{font-size:8px}.track-copy button{font-size:11px}.track-copy{flex:1}.audio-play{height:30px;width:30px}.equalizer{margin-right:5px}.mixer{width:100%;gap:18px;padding-top:11px;border-top:1px solid #e2e7ce1c}.mixer label{flex:1;font-size:9px;gap:7px}.mixer input{width:100%;min-width:35px}.mixer svg{width:12px;height:12px}.bottom-credit{font-size:6px;letter-spacing:.12em;min-height:35px;padding:12px 0;gap:8px}#saveState{font-size:8px;max-width:55%}.room-view{padding:63px 0 22px;min-height:450px}.room-top{align-items:flex-start}.room-top-actions{gap:5px}.glass-button{font-size:9px;padding:7px 9px}.scene-caption{font-size:10px;margin-top:6px;gap:6px}.focus-workspace{display:block;margin:24px 0 0}.timer-card{width:min(100%,350px);padding:20px 23px;border-radius:8px}.timer-number{font-size:64px;margin:4px 0}.timer-card-top{font-size:8px}.timer-mode{margin-bottom:18px}.timer-footnote{margin-top:15px;font-size:9px}.progress-track{margin-bottom:18px}.goal-card{margin-top:12px;padding:13px 18px;width:min(100%,350px);border-radius:6px}.goal-card input{font-size:11px;padding:8px 0}.goal-title{font-size:9px}.goal-card button{font-size:9px;padding-top:9px}.room-view+.scene-dock{padding-top:0}.dialog-header{padding:25px 23px 20px}.dialog-header h2{font-size:23px}.drawer-content{padding:0 23px 27px}.drawer-content>section{padding:22px 0}.scene-grid img{height:92px}.scene-grid .scene-label{font-size:11px}.scene-grid small{font-size:8px}.settings-selects{gap:10px}.account-dialog{padding:32px 25px}.account-intro h2{font-size:25px}.stats-row>div span{font-size:8px}.toast{font-size:11px;bottom:190px}.task-item>label{font-size:11px}.history-row .history-date{font-size:8px}.scenery>img{object-position:58% center}.shade{background:linear-gradient(90deg,#15231dd1,#12251e5e),linear-gradient(0deg,#0e1818e0,transparent 60%)}html[lang=en] .hero-copy h1{font-size:41px;line-height:1.27}html[lang=ja] .hero-copy h1{font-size:34px;line-height:1.6}.header-actions select{width:68px}body.immersive .app-shell{padding-top:20px}body.immersive .soundbar{margin-bottom:18px}body.immersive .timer-card{background:#14261da6}body.immersive .focus-workspace{margin-top:0}body.immersive .soundbar #exitImmersive{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scenery>img{will-change:auto}#weather{display:none}}
.hero-description,.daily-note p{white-space:pre-line}
#confirmQuestion{font:20px/1.8 var(--serif);margin:0 0 24px}.confirm-actions{display:flex;justify-content:flex-end;gap:12px}.confirm-actions .primary-button{min-height:40px;padding:9px 23px;font-size:12px}
.room-top-actions .glass-button{background:#18271fb8;color:#f1f2e6;border-color:#e0e8cf57;backdrop-filter:blur(12px)}