:root{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#20283b;background:#f7f4ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(#f9f7f3,#f3f0eb)}button,select,input{font:inherit}button{cursor:pointer}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #7564d2;outline-offset:3px}[hidden]{display:none!important}.app{max-width:1040px;margin:0 auto;padding:0 28px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:26px 0 21px;gap:12px}.brand{display:flex;align-items:center;gap:10px;color:#20283b;text-decoration:none}.brand-icon{width:44px;height:44px;border-radius:15px;overflow:hidden;display:grid;place-items:center;background:#dcd4f2}.brand-icon img{width:100%;height:100%}.brand b{display:block;font-size:1.2rem;letter-spacing:-.06em;line-height:1.1}.brand small{display:block;color:#8b8997;font-size:.54rem;font-weight:800;letter-spacing:.13em;margin-top:4px}.status-pill{display:flex;align-items:center;gap:7px;border:1px solid #e5e0dd;border-radius:30px;background:#fff;padding:9px 12px;color:#787485;font-size:.73rem;font-weight:700;white-space:nowrap}.status-dot{width:7px;height:7px;background:#c8b9ab;border-radius:50%}.status-pill.online{color:#487c5d;background:#f0f8ef;border-color:#d6e9d5}.status-pill.online .status-dot{background:#71b17d}.hero{height:275px;overflow:hidden;border-radius:25px;background:#1d2540;position:relative;display:flex;align-items:center;justify-content:space-between;padding:42px 54px;color:white;box-shadow:0 12px 35px #26203b12}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 76% 50%,#3b385b 0%,transparent 48%);pointer-events:none}.hero-copy{z-index:1}.eyebrow{font-size:.62rem;letter-spacing:.16em;font-weight:800;color:#b7aac9;margin:0 0 12px}.hero h1{font-family:Georgia,serif;font-size:clamp(2.7rem,5.4vw,4.45rem);font-weight:400;letter-spacing:-.06em;line-height:1.03;margin:0}.hero h1 em{font-weight:400;color:#d8c9e8}.hero-copy>p:last-child{color:#c3becd;font-size:.93rem;margin:18px 0 0}.hero-art{position:relative;width:240px;height:240px;z-index:1;display:grid;place-items:center}.hero-art img{width:158px;border-radius:50%;box-shadow:0 12px 55px #e3cbb737}.orbit{position:absolute;border:1px solid #f1e6ff30;border-radius:50%}.orbit-one{inset:18px}.orbit-two{inset:0}.star{position:absolute;color:#e4cb96}.s1{top:19px;right:8px;font-size:20px}.s2{left:3px;top:55px;font-size:20px}.s3{bottom:22px;left:23px;font-size:13px}.panel{background:#fff;border:1px solid #eeebe7;border-radius:20px;box-shadow:0 8px 30px #312a3810}.connection{margin:16px 0 28px;padding:20px 22px}.connection-top,.heading-left{display:flex;align-items:center;gap:12px}.icon-tile{flex:none;width:43px;height:43px;border-radius:14px;display:grid;place-items:center;font-size:24px;font-weight:700}.bluetooth-icon{color:#7569a0;background:#f0ecf8}.connection h2,.card-heading h2,.overview h2{font-size:1.08rem;letter-spacing:-.035em;margin:0}.connection p{margin:5px 0 0;color:#8a8993;font-size:.8rem;line-height:1.45}.connection-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.btn{border:0;border-radius:12px;min-height:45px;padding:12px 16px;font-size:.83rem;font-weight:700;transition:transform .15s ease,background .15s ease}.btn:not(:disabled):active{transform:scale(.98)}.btn-dark{background:#222b43;color:#fff;min-width:235px;display:flex;align-items:center;justify-content:space-between;gap:20px}.btn-quiet{background:#f5f3f0;color:#5b5e6b}.microcopy{font-size:.7rem!important;margin-top:12px!important}.error{color:#b24740!important;background:#fff0ec;border-radius:10px;padding:11px;margin-top:12px!important}.overview{padding:1px 0 25px}.overview-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.eyebrow.dark{color:#aaa2a7;font-size:.58rem;margin-bottom:5px}.overview h2{font-size:1.3rem}.read-badge{font-size:.71rem;color:#96929a}.state-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.state-item{display:flex;gap:12px;align-items:center;background:#efebe5;border-radius:15px;padding:13px 15px;min-width:0}.state-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#f9dfae;color:#ae7c30;font-size:22px}.sound-icon{background:#e5dcf1;color:#806ca4}.state-item small,.state-item strong,.state-item i{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.state-item small{font-size:.55rem;letter-spacing:.1em;color:#999398;font-weight:800}.state-item strong{font-size:.84rem;margin-top:3px}.state-item i{font-size:.68rem;color:#999398;font-style:normal;margin-top:2px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.control-panel{padding:22px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.sun-tile{background:#fff2db;color:#ce9b4d}.music-tile{background:#f0eafa;color:#9a84ba}.card-heading h2{font-size:1.18rem}.off-btn{border:1px solid #e9e6e3;background:white;color:#817a7b;border-radius:10px;padding:9px 11px;font-size:.72rem;font-weight:700}.section-intro{font-size:.79rem;color:#96939a;margin:17px 0;line-height:1.5}.colors{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.color-btn{border:0;background:transparent;padding:3px 1px 6px;color:#827d83;font-size:.68rem;display:grid;justify-items:center;gap:7px}.swatch{display:block;width:45px;height:45px;border-radius:50%;border:4px solid white;box-shadow:0 0 0 1px #e9e5e0}.color-btn[aria-pressed=true] .swatch{box-shadow:0 0 0 2px #4e4c62}.warm{background:#f8dab0}.red{background:#e79588}.yellow{background:#f4d57b}.orange{background:#efae7e}.slider{margin-top:24px}.slider-label{display:flex;justify-content:space-between;color:#505364;font-size:.8rem;font-weight:700}.slider-label output{color:#82749c;background:#f1edf6;padding:4px 8px;border-radius:7px}.slider input{width:100%;accent-color:#a997c3;margin:13px 0 0}.range-ends{display:flex;justify-content:space-between;color:#aaa4a8;font-size:.65rem;margin-top:3px}.btn-soft{background:#f4f1f6;color:#756889;margin-top:13px}.field{display:block;color:#a39ca5;font-size:.6rem;letter-spacing:.1em;font-weight:800;margin:0 0 8px}select{width:100%;padding:12px;border:1px solid #eee9f1;border-radius:11px;background:#faf8fb;color:#4d4b5c;font-size:.82rem}.btn-lavender{width:100%;background:#8f80a9;color:white;margin-top:11px}.btn-lavender span{font-size:.65rem;margin-right:7px}.sleep-note{display:flex;align-items:center;gap:14px;background:#eee8f4;border-radius:17px;padding:15px 20px;margin:17px 0;color:#766887}.sleep-note>span{font-size:28px}.sleep-note p{font-size:.75rem;line-height:1.55;margin:0}.sleep-note b{font-size:.83rem;color:#5d4f70}.install-btn{width:100%;background:#222b43;color:white}.help{color:#827d83;font-size:.78rem;margin:20px 3px;line-height:1.5}.help summary{cursor:pointer;color:#655d6b;font-weight:700}.help p{max-width:620px}footer{text-align:center;padding:8px 0 30px;color:#aaa3a5;font-size:.67rem}footer span{padding:0 5px;color:#bdadbd}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){.app{padding:0 16px}.topbar{padding:20px 0 17px}.hero{height:245px;padding:28px 24px}.hero h1{font-size:2.75rem}.hero-copy{max-width:60%}.hero-copy>p:last-child{font-size:.8rem;line-height:1.5}.hero .eyebrow{font-size:.5rem}.hero-art{position:absolute;right:-18px;top:22px;width:185px;height:185px}.hero-art img{width:115px}.orbit-one{inset:15px}.connection{padding:17px;margin-bottom:25px}.control-grid{grid-template-columns:1fr}.control-panel{padding:20px}.btn-dark{flex:1}.overview{padding-bottom:20px}.sleep-note{margin-top:14px}}@media(max-width:370px){.status-pill{padding:8px}.brand small{font-size:.49rem}.hero{padding-left:20px}.hero h1{font-size:2.4rem}.hero-art{right:-35px}.hero-copy{max-width:64%}.state-item{padding:12px 9px;gap:7px}}