:root{--paper:#f7f5f0;--surface:#fffefa;--ink:#393541;--muted:#827d88;--line:#e7e3de;--purple:#786485;--purple-dark:#57455f;--peach:#f1cbb2;--radius:18px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #aa81b6;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.55}button,a{touch-action:manipulation}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.skip-link{position:fixed;top:-70px;left:20px;z-index:20;background:white;padding:12px}.skip-link:focus{top:15px}.site-header{height:94px;max-width:1440px;margin:auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:10px;font-size:27px;letter-spacing:-1.4px;font-weight:750}.brand-dot{color:#ac859b}.site-header nav{display:flex;gap:32px;height:100%;align-items:center;margin-left:48px}.nav-link{font-size:13px;color:#817b86;white-space:nowrap;padding:14px 0;position:relative}.nav-link.selected{font-weight:650;color:#655170}.nav-link.selected:after{content:"";position:absolute;bottom:3px;left:calc(50% - 3px);width:5px;height:5px;background:#8c709c;border-radius:50%}.nav-link:hover{color:var(--purple-dark)}.shop-button{display:flex;align-items:center;gap:9px;border:1px solid #d9d0dd;background:#efebf1;border-radius:9px;padding:12px 16px;font-size:12px;font-weight:600;color:var(--purple-dark)}.shop-button .icon{width:16px;height:16px}.tiny-arrow{margin-left:12px}main{max-width:1440px;padding:0 56px;margin:auto}.intro{padding:40px 0 30px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:650;color:#8a7d8e;display:flex;align-items:center;gap:8px;margin:0 0 13px}.status-dot{width:6px;height:6px;border-radius:50%;background:#9daca0;box-shadow:0 0 0 3px #e9ece4}h1{font-size:37px;font-weight:550;letter-spacing:-1.7px;margin:0 0 11px;line-height:1.15}h1 span{color:#8a7494}.intro>div>p:last-child{font-size:12px;color:var(--muted);margin:0;letter-spacing:.1px}.date-note{display:flex;gap:8px;align-items:center;color:#918a8a;font-size:10px;margin-top:25px}.date-note .icon{color:#ba9c72;width:17px;height:17px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 298px;gap:22px;scroll-margin-top:15px}.focus-room{min-height:526px;position:relative;overflow:hidden;border-radius:var(--radius);color:#fff8ef;background:#332a41;isolation:isolate;box-shadow:0 7px 18px #4937470a}.room-art,.room-shade,.star-dust{position:absolute;inset:0;z-index:-1}.room-art{background:url('./assets/moon-room.jpg') center center/cover;transition:filter 1s,transform 2s}.room-shade{background:linear-gradient(180deg,#231c3940,#2b203727 40%,#2d1e340a 65%,#2118279c)}.focus-room[data-room=dusk] .room-art{filter:sepia(.5) saturate(1.25) hue-rotate(336deg) brightness(1.16)}.focus-room[data-room=nebula] .room-art{filter:hue-rotate(29deg) saturate(.7) brightness(.68)}.room-top{display:flex;align-items:center;justify-content:space-between;padding:20px 22px}.room-label{font-size:10px;display:flex;align-items:center;gap:8px;letter-spacing:.2px;background:#30253b66;padding:8px 11px;border:1px solid #e4d3e519;border-radius:30px;backdrop-filter:blur(10px)}.live-dot{width:5px;height:5px;background:#c1d4bb;border-radius:50%}.glass-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff8ef;transition:background .2s}.glass-icon:hover{background:#ffffff24}.glass-icon .icon{width:17px;height:17px}.room-top>.glass-icon{border-radius:9px;background:#372a414a;border:1px solid #ffffff1c}.timer-area{text-align:center;margin:24px auto 0;max-width:410px;text-shadow:0 2px 24px #140c30aa}.timer-tabs{display:inline-flex;border-radius:30px;padding:4px;background:#34283e61;border:1px solid #ffebf326;backdrop-filter:blur(14px);gap:3px}.timer-tabs button{font-size:10px;padding:9px 17px;border-radius:25px;color:#eee0ed;transition:background .2s}.timer-tabs button.active{color:#4e3d57;background:#f5eaf0;font-weight:650;box-shadow:0 2px 10px #20182d22}.timer-caption{font-size:11px;color:#e1d1e2;letter-spacing:1.1px;margin:24px 0 0}.timer-digits{font-size:100px;line-height:1.24;letter-spacing:-5px;font-weight:300;font-variant-numeric:tabular-nums;font-family:"Segoe UI",Arial,sans-serif}.timer-actions{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:12px}.start-button{min-width:180px;display:flex;gap:13px;justify-content:center;align-items:center;border-radius:30px;background:#f8ddc7;color:#584452;padding:14px 24px;font-size:12px;font-weight:650;box-shadow:0 5px 22px #25152630;transition:transform .2s,background .2s}.start-button:hover{transform:translateY(-2px);background:#ffe9d7}#play-icon{font-size:10px}.session-dots{display:flex;gap:7px;justify-content:center;margin-top:22px}.session-dots span{width:6px;height:6px;border:1px solid #e7dae5a8;border-radius:50%}.session-dots span.done{background:#f0d0b6;border-color:#f0d0b6}.keyboard-hint{font-size:8px;color:#e3d3dfb0;margin-top:13px}kbd{font-family:inherit;font-size:9px;border:1px solid #e7dde22b;padding:2px 5px;border-radius:3px;margin-right:3px}.room-bottom{position:absolute;bottom:20px;left:23px;right:23px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:#f3e0d8c4}.cat-face{font-size:24px;vertical-align:middle;margin-right:9px;color:#f4dbc5}.room-coordinate{font-size:7px;letter-spacing:1.6px;white-space:nowrap}.workspace-sidebar{display:flex;flex-direction:column;gap:18px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:21px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}h2{font-size:13px;font-weight:650;margin:0;letter-spacing:-.2px}.counter{font-size:9px;color:#95889c;background:#f1edf4;border-radius:20px;padding:4px 8px}.panel-subtitle{font-size:9px;color:#99919b;margin:7px 0 15px;line-height:1.5}.tasks-panel{flex:1;min-height:226px;display:flex;flex-direction:column}.task-list{padding:0;margin:0;list-style:none;max-height:145px;overflow-y:auto;scrollbar-width:thin}.task-list li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #efebe8;font-size:11px}.task-list li label{display:flex;align-items:center;gap:9px;flex:1;min-width:0;cursor:pointer}.task-list li span{overflow-wrap:anywhere;line-height:1.5}.task-list input{width:15px;height:15px;accent-color:#8d729b;flex-shrink:0;cursor:pointer}.task-list li.completed span{text-decoration:line-through;color:#aaa3ad}.delete-task{opacity:0;padding:3px;color:#a595a7}.delete-task .icon{width:13px;height:13px}.task-list li:hover .delete-task,.delete-task:focus-visible{opacity:1}.task-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:84px;color:#a49aa9;text-align:center}.empty-orbit{font-size:27px;color:#c4b5cb;line-height:1}.task-empty p{font-size:10px;margin:8px 0 4px;color:#8c7d95}.task-empty>span:last-child{font-size:9px;color:#a69ba8}.task-empty[hidden]{display:none}.task-form{display:flex;align-items:center;border-top:1px solid var(--line);margin-top:15px;padding-top:10px;gap:5px}.task-form input{width:100%;min-width:0;background:none;border:0;color:var(--ink);padding:5px 0;font-size:10px}.task-form input::placeholder{color:#a49ca8}.task-form button{width:24px;height:24px;background:#f1edf3;border-radius:6px;font-size:17px;color:#8b7498}.sounds-panel{min-height:276px}.plain-icon{display:flex;padding:4px;color:#9b8a9f;align-items:center;justify-content:center;border-radius:5px}.plain-icon .icon{width:16px;height:16px}.plain-icon:hover{background:#eee8f1}.plain-icon[aria-pressed=true]{color:#b37655;background:#fbebdf}.sound-row{display:flex;align-items:center;gap:11px;margin:16px 0}.sound-toggle{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:9px;background:#f5f2f6;color:#a894b0;flex-shrink:0}.sound-toggle[aria-pressed=true]{background:#e9dfee;color:#775888}.sound-toggle .icon{width:16px;height:16px}.sound-row>div{flex:1;min-width:0}.sound-row label{font-size:10px;display:block;margin-bottom:6px}.sound-row input{width:100%;height:3px;display:block;accent-color:#ac93ba;cursor:pointer;margin:0}.sound-level{font-size:8px;font-variant-numeric:tabular-nums;color:#aa9bac;width:18px;text-align:right}.audio-note{font-size:8px;color:#ac9faa;margin:18px 0 0;display:flex;align-items:center;gap:5px}.small-dot{width:4px;height:4px;background:#b7c1ac;border-radius:50%}.below-workspace{display:grid;grid-template-columns:minmax(0,1fr) 298px;gap:22px;margin-top:29px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.section-heading>span{font-size:9px;color:#9a919c}.space-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.space-card{padding:0;border-radius:11px;text-align:left;background:#fffcf8;border:1px solid var(--line);overflow:hidden;transition:transform .2s,border-color .2s}.space-card:hover{transform:translateY(-3px)}.space-card.active{border-color:#ae94bb;box-shadow:0 0 0 2px #bda7c42c}.space-thumb{display:block;height:92px;background:url('./assets/moon-room.jpg') center 59%/cover;position:relative}.space-thumb.dusk{filter:sepia(.5) saturate(1.25) hue-rotate(336deg) brightness(1.16)}.space-thumb.nebula{filter:hue-rotate(29deg) saturate(.7) brightness(.68)}.room-check{position:absolute;right:8px;top:8px;background:#fff7f3;color:#6a5279;width:18px;height:18px;border-radius:50%;font-size:10px;display:none;align-items:center;justify-content:center}.active .room-check{display:flex}.space-card-info{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;gap:5px}.space-card-info strong{display:block;font-size:10px;font-weight:600}.space-card-info small{display:block;font-size:8px;color:#a296a1;margin-top:4px}.space-card-info>.icon{width:15px;height:15px;color:#b298be}.orbit-card{border-radius:var(--radius);padding:20px 22px;background:#eeeaf0;border:1px solid #e5dee9}.orbit-card .panel-heading>.icon{color:#9d8cab;width:16px;height:16px}.orbit-numbers{display:flex;align-items:center;gap:16px;margin:16px 0 16px}.orbit-numbers>strong{font-size:38px;letter-spacing:-1px;font-weight:450;color:#786582;line-height:1}.orbit-numbers>strong span{font-size:12px;letter-spacing:0;margin-left:4px}.orbit-numbers>span{font-size:9px;line-height:1.6;color:#9c8da2}.goal-track{height:4px;background:#ddd3e3;border-radius:4px;overflow:hidden}.goal-track>span{display:block;height:100%;background:#ab8bb8;width:0;transition:width .5s}.orbit-foot{display:flex;justify-content:space-between;font-size:8px;color:#9b8aa3;margin-top:11px;gap:8px}.orbit-foot button{font-size:8px;padding:0;color:#82708d}.kit-banner{margin-top:31px;border:1px solid #e6dfd5;background:#f0ece4;border-radius:14px;display:flex;align-items:center;gap:24px;padding:20px 30px;overflow:hidden}.kit-illustration{width:88px;height:70px;position:relative;flex-shrink:0}.mini-sheet{position:absolute;width:55px;height:76px;top:2px;left:12px;border-radius:3px;background:#fffaf0;transform:rotate(-10deg);box-shadow:4px 5px 0 #c9b4cb;display:flex;flex-direction:column;padding:10px 7px;gap:7px}.mini-sheet>span{font-size:4px;letter-spacing:.5px}.mini-sheet i{border-bottom:1px solid #e3dcd5}.mini-sheet b{font-size:14px;color:#bc9e9b;align-self:end;font-weight:400}.mini-star{position:absolute;right:0;top:4px;font-size:24px;color:#b89981}.kit-banner .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:7px;color:#a38e7a}.kit-banner h2{font-size:20px;font-weight:500;letter-spacing:-.6px}.kit-banner p:last-child{font-size:10px;color:#9b8e89;margin:6px 0 0}.outline-button{display:flex;align-items:center;justify-content:center;gap:15px;border:1px solid #cdc1c0;border-radius:8px;padding:11px 17px;font-size:10px;white-space:nowrap;background:#ffffff30}.kit-banner>.outline-button{margin-left:auto}.outline-button .icon{width:15px;height:15px}.outline-button:hover{background:#fff9}.about-line{display:flex;justify-content:space-between;align-items:center;padding:24px 2px;font-size:10px;color:#9c929e}.about-line button{font-size:9px;color:#86738d}footer{max-width:1440px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;padding:23px 56px;gap:20px}.footer-brand{font-size:17px;letter-spacing:-.7px;gap:7px}footer p{font-size:9px;color:#a69ca6}footer>div{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:8px;color:#a89fa8}footer button{font-size:9px;padding:0;color:#8e8195}footer>div>span>span{color:#aa8996;margin-left:5px}dialog{width:min(560px,calc(100% - 32px));padding:27px 32px 32px;border:1px solid #e5dfe6;border-radius:22px;background:#fffcf7;color:var(--ink);box-shadow:0 30px 100px #21152c44;max-height:88dvh;overflow:auto}dialog::backdrop{background:#21162966;backdrop-filter:blur(6px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-eyebrow{font-size:8px;letter-spacing:1.6px;color:#a18ca5}#modal-title{font-size:29px;font-weight:500;letter-spacing:-1px;margin-bottom:14px}.modal-copy{font-size:13px;line-height:1.8;color:#87788c}.modal-copy p{margin:12px 0}.modal-copy strong{color:#5e4b6a}.modal-copy ul,.modal-copy ol{padding-left:22px}.dialog-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#786085;color:white;padding:13px 20px;border-radius:9px;font-size:12px;margin-top:15px}.dialog-action:hover{background:#62466f}.dialog-secondary{background:#eee6f0;color:#785d84}.settings-form label{display:block;margin:20px 0 8px;font-size:12px}.settings-form input[type=number]{border:1px solid #dcd0e1;border-radius:8px;padding:11px;background:white;width:100%;color:var(--ink)}.settings-form .checkbox-label{display:flex;align-items:center;gap:10px}.settings-form input[type=checkbox]{accent-color:#8c6b9f}.settings-note{font-size:11px;color:#9a869f;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:23px 0}.stat-box{background:#efe8f1;padding:18px 10px;border-radius:12px;text-align:center}.stat-box strong{display:block;font-size:27px;color:#836892;font-weight:400}.stat-box span{display:block;font-size:9px;color:#9a83a5;margin-top:7px}.week-chart{display:flex;gap:12px;align-items:end;height:135px;padding:15px 10px 0;border-bottom:1px solid #e7dce8}.chart-day{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%;gap:6px;font-size:9px;color:#9b86a5}.chart-day i{background:#b69cc4;border-radius:5px 5px 0 0;width:100%;max-width:30px;min-height:3px}.chart-day span{font-size:8px}.journal-note{font-size:11px;color:#ac99af;margin-top:15px;line-height:1.6}.guide-button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;text-align:left;border:1px solid #e6dce9;border-radius:10px;padding:16px;margin-top:12px;background:#f7f1f8}.guide-button strong{display:block;font-size:13px;font-weight:500}.guide-button small{display:block;font-size:10px;color:#a48bad;margin-top:6px}.back-link{font-size:11px;color:#a58daf;padding:0;margin-bottom:20px}.shop-preview{border-radius:13px;background:#ece3ef url('./assets/moon-room.jpg') center 58%/cover;height:150px;position:relative;margin:20px 0}.product-price{font-size:27px;font-weight:450;color:#765d84}.product-price small{font-size:10px;color:#a28ca9;margin-left:8px}.shop-actions{display:flex;gap:10px;flex-wrap:wrap}.launch-note{padding:12px 15px;background:#f4ede4;border-radius:8px;font-size:11px;color:#9a806b;line-height:1.6}.shortcut-row{display:flex;justify-content:space-between;border-bottom:1px solid #ebe1ed;padding:12px 0}.shortcut-row kbd{background:#eee5f1;color:#8e6f9c;border-color:#decee5;font-size:11px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#55425f;color:#fff9f1;border:1px solid #e2d4e12a;padding:14px 22px;border-radius:12px;font-size:12px;box-shadow:0 8px 24px #30203633;z-index:40;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.exit-focus{display:none}.zen .focus-room{position:fixed;inset:0;z-index:10;border-radius:0;min-height:100dvh;display:flex;flex-direction:column}.zen .focus-room .timer-area{margin:auto;transform:scale(1.15)}.zen .room-top{padding:25px 35px}.zen .room-bottom{bottom:28px;left:35px;right:35px}.zen .exit-focus{display:block;position:absolute;top:29px;left:50%;transform:translateX(-50%);font-size:10px;color:#eddfeb;background:#3a2a4966;padding:8px 13px;border-radius:20px}.zen{overflow:hidden}.zen .focus-room .room-shade{background:linear-gradient(#24193344,#31233e44,#21162c55)}.no-script{position:fixed;bottom:0;background:#f7dbc0;padding:20px;width:100%;z-index:30;text-align:center;font-size:14px}
@media(min-width:1500px){.focus-room{min-height:570px}.timer-area{margin-top:41px}.timer-digits{font-size:110px}.tasks-panel{min-height:250px}.sounds-panel{min-height:300px}.space-thumb{height:108px}}
@media(max-width:1100px){.site-header{padding:0 28px}.site-header nav{margin-left:0;gap:22px}main{padding:0 28px}.workspace,.below-workspace{grid-template-columns:minmax(0,1fr) 270px;gap:17px}.panel{padding:18px}.room-coordinate{display:none}.section-heading>span{display:none}.space-card-info small{font-size:7px}.space-card-info{padding:10px}.space-card-info>.icon{display:none}.date-note{display:none}footer{padding:23px 28px}.timer-tabs button{padding:9px 14px}h1{font-size:33px}.timer-digits{font-size:90px}.kit-banner{padding:18px 22px}}
@media(max-width:800px){.site-header{height:79px;padding:0 22px;gap:15px}.brand{font-size:24px}.site-header nav{gap:18px}.nav-link{font-size:11px}.shop-button{padding:10px;font-size:10px}.tiny-arrow{display:none}main{padding:0 22px}.intro{padding-top:30px}.workspace{grid-template-columns:1fr}.focus-room{min-height:530px}.timer-area{margin-top:29px}.timer-digits{font-size:110px}.workspace-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:17px}.tasks-panel{min-height:275px}.sounds-panel{min-height:275px}.below-workspace{grid-template-columns:1fr}.orbit-card{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;align-items:center}.orbit-numbers{grid-column:2;grid-row:1/3;margin:0;justify-content:flex-end}.goal-track{grid-column:1}.orbit-foot{grid-column:1/-1;margin:0}.space-thumb{height:115px}.space-card-info small{font-size:8px}.space-card-info>.icon{display:block}.kit-banner{gap:15px}.kit-banner h2{font-size:18px}.kit-banner p:last-child{max-width:240px;line-height:1.6}.kit-banner .outline-button{font-size:9px;padding:10px}.kit-illustration{width:70px}footer>p{display:none}.room-coordinate{display:block}}
@media(max-width:560px){.site-header{height:auto;min-height:78px;padding:17px 18px 0;flex-wrap:wrap;gap:15px}.brand{font-size:24px}.brand img{width:33px;height:33px}.site-header nav{order:3;width:100%;justify-content:center;gap:40px;border-top:1px solid #e8e2e5}.nav-link{padding:14px 0 17px}.nav-link.selected:after{bottom:7px}.shop-button{padding:9px 10px;font-size:10px;margin-left:auto}.shop-button .icon{width:13px;height:13px}main{padding:0 16px}.intro{padding:28px 2px 22px}.eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:12px}h1{font-size:29px;letter-spacing:-1.2px;line-height:1.2}h1 span{display:block}.intro>div>p:last-child{font-size:10px;line-height:1.7;max-width:285px}.focus-room{min-height:490px;border-radius:15px}.room-art{background-position:57% center}.room-top{padding:15px}.room-label{font-size:8px}.timer-area{margin-top:33px}.timer-tabs button{font-size:9px;padding:9px 14px}.timer-digits{font-size:94px}.timer-caption{font-size:10px;margin-top:23px}.timer-actions{gap:13px}.start-button{font-size:11px;min-width:166px;padding:14px 20px}.room-bottom{left:17px;right:17px;bottom:16px;font-size:8px}.room-coordinate{display:none}.keyboard-hint{display:none}.session-dots{margin-top:21px}.workspace-sidebar{grid-template-columns:1fr}.tasks-panel{min-height:225px}.sounds-panel{min-height:auto;padding-bottom:19px}.sound-row{margin:18px 0}.panel-subtitle{font-size:10px}.panel h2{font-size:14px}.task-empty p{font-size:11px}.task-empty>span:last-child{font-size:10px}.task-form input{font-size:12px}.task-form button{width:30px;height:30px}.task-list li{font-size:12px;padding:11px 0}.delete-task{opacity:.7}.sound-row label{font-size:11px}.sound-row input{height:5px}.sound-toggle{width:38px;height:38px}.audio-note{font-size:9px}.space-cards{gap:8px}.section-heading h2{font-size:13px}.space-thumb{height:83px}.space-card-info{padding:10px 8px}.space-card-info strong{font-size:9px}.space-card-info small{font-size:7px;line-height:1.5;min-height:21px}.space-card-info>.icon{display:none}.below-workspace{margin-top:25px}.orbit-card{padding:20px}.orbit-numbers>strong{font-size:36px}.orbit-numbers{gap:10px}.orbit-numbers>span{font-size:8px}.orbit-foot{font-size:9px;margin-top:6px}.orbit-foot button{font-size:9px}.kit-banner{padding:22px 18px;flex-wrap:wrap;gap:17px;margin-top:24px}.kit-illustration{width:63px;height:67px}.kit-banner>div:nth-child(2){flex:1;min-width:160px}.kit-banner .eyebrow{font-size:6px;letter-spacing:1.2px}.kit-banner h2{font-size:18px}.kit-banner p:last-child{font-size:9px}.kit-banner>.outline-button{width:100%;margin-top:5px}.about-line{font-size:9px;gap:15px;align-items:start;line-height:1.8;padding:22px 2px}.about-line>span{max-width:155px}.about-line button{font-size:8px;padding-top:3px;white-space:nowrap}footer{padding:22px 18px;flex-wrap:wrap;gap:15px}.footer-brand{font-size:19px}footer>div{gap:15px;font-size:7px}footer>div>span{display:none}dialog{padding:22px;max-height:90dvh;border-radius:17px}#modal-title{font-size:26px}.modal-copy{font-size:12px}.zen .focus-room .timer-area{transform:none}.zen .room-top{padding:20px}.zen .room-bottom{left:20px;right:20px}.zen .exit-focus{top:76px;white-space:nowrap}.toast{font-size:11px;width:max-content}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the quiet palette readable, including smaller supporting labels. */
.living-room-canvas{display:block;width:100%;height:100%;pointer-events:none}
.room-controls{display:flex;align-items:center;gap:8px}
.room-controls>.glass-icon{border-radius:9px;background:#372a414a;border:1px solid #ffffff1c}
.motion-button{font-size:13px}.motion-button:disabled{opacity:.65}
:root{--muted:#736378}
.nav-link,.eyebrow,.date-note,.counter,.panel-subtitle,.task-empty p,.task-empty>span:last-child,.sound-level,.audio-note,.section-heading>span,.space-card-info small,.orbit-numbers>strong,.orbit-numbers>span,.orbit-foot,.orbit-foot button,.kit-banner .eyebrow,.kit-banner p:last-child,.about-line,.about-line button,footer p,footer>div,footer button{color:#736378}
.panel-subtitle,.task-empty>span:last-child,.sound-row label,.task-form input{font-size:11px}
.task-empty p,.space-card-info strong{font-size:12px}
.counter,.sound-level,.audio-note,.section-heading>span,.space-card-info small,.orbit-numbers>span,.orbit-foot,.orbit-foot button,.kit-banner .eyebrow,.about-line button,footer p,footer>div,footer button{font-size:10px}
.task-form input::placeholder{color:#796780}.task-list li.completed span{color:#76657d}
.modal-copy,.modal-eyebrow,.settings-note,.stat-box span,.chart-day,.journal-note,.guide-button small,.back-link,.product-price small{color:#745f7c}
.launch-note{color:#806149}.dialog-secondary,.shortcut-row kbd{color:#6a4e76}
.sound-row input{appearance:none;background:#d8cddd;border-radius:5px;height:4px}
.sound-row input::-webkit-slider-thumb{appearance:none;width:13px;height:13px;background:#8c6899;border:2px solid #fffcf8;border-radius:50%;box-shadow:0 0 0 1px #8c6899}
.sound-row input::-moz-range-thumb{width:10px;height:10px;background:#8c6899;border:2px solid #fffcf8;border-radius:50%}
@media(max-width:560px){.room-art{background-position:right center}.room-shade{background:linear-gradient(180deg,#24183350,#2b20374a 50%,#21182755)}.space-card-info strong{font-size:10px}.space-card-info small{font-size:9px;min-height:28px}.section-heading h2{font-size:14px}.kit-banner .eyebrow{font-size:8px}.kit-banner p:last-child{font-size:11px}.about-line{font-size:10px}.about-line button{font-size:9px}footer button{font-size:11px}}
.focus-room[data-room="dusk"] .room-art,.space-thumb.dusk{background-image:url('./assets/scene/solar-conservatory.png');filter:none}
.focus-room[data-room="tide"] .room-art,.space-thumb.tide{background-image:url('./assets/scene/amber-tide.png');filter:none}

/* Four destinations, with room for their full names on small screens. */
.space-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.room-art{background-position:center}
.focus-room[data-room="dusk"] .room-shade,.focus-room[data-room="tide"] .room-shade{background:linear-gradient(180deg,#24183366,#24183326 60%,#21182766),radial-gradient(ellipse at 50% 38%,#21182766,transparent 65%)}
@media(max-width:560px){.room-art{background-position:right center}.space-thumb{height:100px}.space-card-info strong{font-size:11px}.section-heading{flex-wrap:wrap;gap:8px}}
.companions-section{margin-top:30px}
.companion-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.companion-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:18px 14px 16px;border:1px solid #d9ccdf;border-radius:14px;background:#eee7ef;color:#55435f;text-align:center;transition:background .2s,border-color .2s}
.companion-card img{display:block;width:100%;max-width:220px;height:100px;object-fit:contain;margin-bottom:12px;filter:drop-shadow(0 5px 4px #36233c25)}
.companion-card strong{font-size:15px;font-weight:500}.companion-card small{font-size:11px;margin-top:5px;color:#594a62}
.companion-card:hover{background:#e7ddea}.companion-card[aria-pressed="true"]{border:2px solid #886299;padding:17px 13px 15px;background:#e4d8eb}
.companion-card[aria-pressed="true"]:after{content:'✓';position:absolute;right:12px;top:10px;color:#654475;font-size:16px}
#companion-caption{color:#706079;font-size:12px;margin:12px 0 0}
.companion-fallback{position:absolute;max-width:none;pointer-events:none;object-fit:fill}
.living-room-canvas{position:relative;z-index:1}
.focus-room .room-art{background-image:url('./assets/scene/moon-companion-plate.png')}
.focus-room[data-room="dusk"] .room-art{background-image:url('./assets/scene/solar-companion-plate.png')}
.focus-room[data-room="tide"] .room-art{background-image:url('./assets/scene/tide-companion-plate.png')}
@media(max-width:560px){.companion-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.companion-card img{height:78px}.companions-section .section-heading>span{font-size:10px}}

/* Selected station views retain their original colors. */
.focus-room[data-room="nebula"] .room-art,.space-thumb.nebula{background-image:url('./assets/scene/blue-planet-companion-plate.png');filter:none}
.focus-room[data-room="aurora"] .room-art,.space-thumb.aurora{background-image:url('./assets/scene/aurora-companion-plate.png');filter:none}
.focus-room[data-room="nebula"] .room-shade{background:linear-gradient(180deg,#101c3555,#101c3533 60%,#111d3655),radial-gradient(ellipse at 50% 40%,#101c3599,transparent 70%)}
.space-cards>.space-card:first-child{grid-column:1/-1}

/* SpaceCatz Studios and optional Ko-fi support. */
.brand-wordmark{display:flex;flex-direction:column;gap:4px}.brand-wordmark strong{font-size:29px;font-weight:500;line-height:1;letter-spacing:-1.2px}.brand-wordmark small{font-size:9px;letter-spacing:3.5px;line-height:1;color:#796486}
.studio-contact{font-size:12px;color:#665173;text-decoration:none;margin-left:auto;border:1px solid #d8cddd;padding:10px 15px;border-radius:9px;white-space:nowrap}
.studio-section{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:16px 14px 12px;border:1px solid #dfd5e3;border-radius:10px;background:#eee7f0}.studio-section h2{font-size:14px;font-weight:500;letter-spacing:0;margin:0 0 5px;color:#65566e}.studio-email{font-size:11px;color:#60456f;text-underline-offset:3px}.studio-support{flex-shrink:0}
.support-link{display:inline-flex;align-items:center;justify-content:center;min-height:32px;background:#515b6b;color:white;padding:7px 11px;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none}.support-link:hover{background:#414a58}
#kofi-widget .kofi-button{font-family:inherit!important;font-size:12px!important;line-height:30px!important;min-width:140px;padding:1px 10px!important;box-shadow:none}#kofi-widget .kofitext{line-height:30px!important}#kofi-widget .btn-container{min-width:0}footer .planner-link{font-size:11px;color:#735d80;text-underline-offset:3px}
@media(prefers-reduced-motion:reduce){#kofi-widget .kofiimg{animation:none!important}}
@media(max-width:560px){.brand-wordmark strong{font-size:25px}.brand-wordmark small{font-size:8px}.studio-contact{font-size:11px;padding:9px 11px}.studio-section{padding:13px 10px 10px;gap:10px;flex-wrap:wrap}.studio-section h2{font-size:13px}.studio-email{font-size:11px}footer>div{flex-wrap:wrap}}

/* Keep the lower-page links and studio identity secondary to the rooms. */
.about-line{padding-top:12px;padding-bottom:14px}footer{padding-top:16px;padding-bottom:16px;gap:16px}.footer-brand{font-size:15px}.footer-brand img{width:20px;height:20px}footer>p{font-size:10px}
@media(max-width:560px){footer{padding-top:14px;padding-bottom:14px;gap:12px}.footer-brand{font-size:14px}}

footer .footer-tagline{display:block;line-height:1.6}@media(max-width:800px){footer .footer-tagline{flex:1 1 210px;margin:0}}