.configure-main{padding-top:72px;padding-bottom:36px}.configure-intro{max-width:760px;margin-bottom:38px}.configure-intro .eyebrow{display:flex;align-items:center;gap:10px}.configure-intro h1{font-size:clamp(46px,6vw,68px);margin:0 0 20px}.configure-intro h1 em{color:#71875e;font-style:normal}.configure-intro>p:last-of-type{font-size:15px;color:#687069;line-height:1.8}.browser-note{font-size:12px;line-height:1.7;color:#6c765f;margin-top:18px}.browser-note.error{color:#aa3d32}.device-connect{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 25px;background:#edf0e7;border:1px solid #e0e5d9;border-radius:16px;margin-bottom:38px}.connection-copy{display:flex;gap:16px;align-items:center}.connection-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#dfe7d4;color:#516646;font-size:26px}.connection-copy strong{font-size:14px}.connection-copy p{font-size:11px;color:#7b8575;margin:5px 0 0}.connection-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.connection-actions .button{font-size:11px;padding:12px 16px}.config-tabs{display:flex;gap:8px;border-bottom:1px solid #d9dfd3;margin-bottom:30px}.config-tab{position:relative;border:0;background:transparent;padding:17px 21px;color:#73806e;font-size:14px;font-weight:600;cursor:pointer}.config-tab span{display:inline-block;margin-left:9px;font-size:9px;font-weight:500;color:#89947d}.config-tab.active{color:#283223}.config-tab.active:after{content:"";position:absolute;height:2px;left:15px;right:15px;bottom:-1px;background:#617950}.config-panel{padding-bottom:30px}.config-panel[hidden]{display:none}.panel-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:24px}.panel-heading .eyebrow{font-size:9px;letter-spacing:1.7px;color:#7a8a69;margin-bottom:10px}.panel-heading h2{font-size:31px;margin:0 0 9px}.panel-heading p:last-child{color:#737c70;font-size:12px;margin:0;line-height:1.7}.panel-heading>.button{flex-shrink:0;font-size:11px;padding:12px 16px}.key-grid,.led-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.config-card{border:1px solid #e0e5d9;border-radius:16px;background:#f7f8f3;padding:22px}.card-heading{display:flex;gap:13px;align-items:center;margin-bottom:21px}.card-heading h3,.sleep-card h3{font-size:15px;margin:0 0 5px}.card-heading p{font-size:10px;color:#899182;margin:0}.key-cap{display:grid;place-items:center;width:43px;height:46px;border-radius:10px;background:linear-gradient(#fff,#e8eadf);border:1px solid #d4dacb;border-bottom:4px solid #d4dacb;color:#536349;font-size:20px}.mic-cap{color:#d24b3f;font-size:18px}.config-card label{display:block;font-size:11px;color:#70796d;margin-top:15px}.config-card select,.sleep-input input{display:block;width:100%;margin-top:8px;height:40px;padding:0 12px;border:1px solid #d7ddd0;border-radius:7px;background:#fff;color:#30382c;font:inherit;font-size:12px}.macro-row label{margin-top:11px}.toggle-row{position:relative;display:flex!important;align-items:center;justify-content:space-between;height:34px;margin-top:0!important}.toggle-row input{position:absolute;opacity:0;width:1px;height:1px}.toggle-track{width:39px;height:22px;border-radius:20px;background:#bdc4b6;position:relative;transition:background .16s}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .16s}.toggle-row input:checked+.toggle-track{background:#657d52}.toggle-row input:checked+.toggle-track:after{transform:translateX(17px)}.toggle-row input:focus-visible+.toggle-track{outline:3px solid #b9cba8;outline-offset:2px}.color-control{display:flex;align-items:center;gap:10px;margin-top:9px}.led-card>.card-heading{margin-bottom:18px}.led-preview{width:16px;height:16px;border-radius:50%;background:#ff0000;box-shadow:0 0 0 5px #f5e5e2}.color-control input{width:40px;height:32px;padding:2px;border:1px solid #d7ddd0;border-radius:7px;background:#fff;cursor:pointer}.color-text,.range-value{font-size:10px;color:#687260}.led-card>label:last-child{margin-top:17px}.led-brightness{display:block;width:100%;margin-top:10px;accent-color:#60784e}.range-value{float:right}.sleep-card{display:grid;grid-template-columns:1fr auto;gap:15px 24px;align-items:center;margin-top:17px}.sleep-card .eyebrow{font-size:9px;letter-spacing:1.6px;color:#859175}.sleep-card h3{margin:6px 0}.sleep-card p{font-size:11px;color:#7c8576;line-height:1.7;margin:0}.sleep-input{min-width:200px!important;margin:0!important}.sleep-input span{display:flex;align-items:center;gap:10px;white-space:nowrap;margin-top:8px;font-size:11px}.sleep-input input{display:inline-block;width:110px;margin:0}.sleep-actions{display:flex;gap:8px;grid-column:2}.sleep-actions .button{font-size:10px;padding:11px 13px}.sleep-card>.status-line{grid-column:1/-1}.panel-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding-top:18px;border-top:1px solid #e1e5dc}.panel-actions .button{font-size:11px;padding:13px 18px}.status-line{font-size:11px;color:#76816c;margin:0;line-height:1.7}.status-line.error{color:#aa3d32}.status-line.success{color:#3c7344}.config-footnote{margin-top:22px;padding:20px 22px;border-left:2px solid #bccca9;background:#f4f6ef}.config-footnote strong{font-size:12px}.config-footnote p{font-size:11px;line-height:1.9;color:#75806d;margin:8px 0}.config-footnote>a{font-size:11px;font-weight:600;color:#5c704d}.configure-footer{margin-top:25px}.plain-button{font:inherit;cursor:pointer}.button:disabled{opacity:.58;cursor:wait}
@media(max-width:900px){.nav-wrap{width:calc(100% - 56px)}.configure-main{width:calc(100% - 56px)}.key-grid,.led-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.key-card:last-child,.led-card:last-child{grid-column:1/-1}.device-connect{align-items:flex-start;flex-direction:column}.connection-actions{width:100%}}
@media(max-width:600px){.nav-wrap,.configure-main{width:calc(100% - 40px)}.configure-main{padding-top:48px}.configure-intro{margin-bottom:27px}.configure-intro h1{font-size:47px;letter-spacing:-2px}.configure-intro>p:last-of-type{font-size:13px}.device-connect{padding:18px;margin-bottom:27px}.connection-copy{align-items:flex-start}.connection-copy strong{font-size:12px}.connection-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.connection-actions .button{padding:12px 8px;font-size:10px}.connection-actions .plain-button{grid-column:1/-1;text-align:left}.config-tabs{gap:0;margin-bottom:22px}.config-tab{flex:1;padding:15px 4px;font-size:12px}.config-tab span{display:block;margin:5px 0 0}.panel-heading{align-items:flex-start;flex-direction:column;gap:16px}.panel-heading h2{font-size:27px}.panel-heading p:last-child{font-size:11px}.key-grid,.led-grid{grid-template-columns:1fr;gap:11px}.key-card:last-child,.led-card:last-child{grid-column:auto}.config-card{padding:19px}.card-heading{margin-bottom:16px}.sleep-card{grid-template-columns:1fr;gap:13px}.sleep-input{min-width:0!important}.sleep-input span{max-width:220px}.sleep-actions{grid-column:1;flex-wrap:wrap}.sleep-card>.status-line{grid-column:1}.panel-actions{align-items:stretch;flex-direction:column}.panel-actions .button{width:100%}.config-footnote{padding:17px}.configure-footer{margin-top:20px}}
.config-panel .device-connect{margin-bottom:26px}.connection-copy p.success{color:#3c7344}.connection-copy p.error{color:#aa3d32}@media(max-width:600px){.config-panel .connection-actions .button{grid-column:1/-1}}