*,:before,:after{box-sizing:border-box}:root{--bg:#201e3e;--card:#302d55;--card2:#3c3966;--fg:#faf9ff;--muted:#b8b5d1;--line:#fff2;--accent:#b9b2f0;--ad:#37344f;--radius:18px;--radius-sm:13px;--rail:0px;--bottom:0px;--sidebar:270px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}html.skin-round{--radius:26px;--radius-sm:20px}html.skin-sharp{--radius:8px;--radius-sm:6px}html,body{height:100%;overflow:hidden}body{min-height:100dvh;color:var(--fg);background:radial-gradient(ellipse at 85% -5%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 45%), radial-gradient(ellipse at 0% 100%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 40%), var(--bg);background-attachment:fixed;margin:0}a{color:var(--accent)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{letter-spacing:-.02em;line-height:1.15}h1{margin:6px 0 10px;font-size:clamp(28px,4vw,44px)}h2{margin:0 0 6px;font-size:clamp(19px,2vw,24px)}h3{margin:0 0 4px;font-size:16px}.muted{color:var(--muted)}.fine{color:var(--muted);font-size:13px}.eyebrow{letter-spacing:1.3px;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:800}.skip-link{background:var(--card);z-index:100;border-radius:8px;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip-link:focus{left:8px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{grid-template-columns:minmax(0, 1fr) var(--sidebar);height:100dvh;display:grid}html.themes-hidden .shell{grid-template-columns:minmax(0,1fr)}.page{overscroll-behavior:contain;flex-direction:column;min-width:0;height:100dvh;transition:padding-left .25s;display:flex;overflow-y:auto}.page,.theme-panel,.selection-panel{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 55%, transparent) transparent}.page::-webkit-scrollbar{width:10px}.theme-panel::-webkit-scrollbar{width:10px}.selection-panel::-webkit-scrollbar{width:10px}.page::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 50%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:10px}.theme-panel::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 50%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:10px}.selection-panel::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 50%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:10px}.page::-webkit-scrollbar-track{background:color-mix(in srgb, var(--fg) 5%, transparent)}.theme-panel::-webkit-scrollbar-track{background:color-mix(in srgb, var(--fg) 5%, transparent)}.selection-panel::-webkit-scrollbar-track{background:color-mix(in srgb, var(--fg) 5%, transparent)}main{width:100%;max-width:1120px;padding:18px clamp(16px, 3vw, 40px) calc(110px + var(--bottom));flex:1;margin:0 auto}.topbar{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(14px);align-items:center;gap:18px;padding:12px clamp(16px,3vw,36px);display:flex;position:sticky;top:0}.brand{color:var(--fg);white-space:nowrap;align-items:center;gap:10px;font-size:16px;font-weight:800;line-height:1;text-decoration:none;display:flex}.brand small{color:var(--muted);margin-top:4px;font-size:10px;font-weight:500;display:block}.tabs{flex-wrap:wrap;flex:1;justify-content:center;gap:2px;display:flex}.tabs a{color:var(--muted);white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:7px 11px;font-size:13.5px;font-weight:650;text-decoration:none;display:flex}.tabs a:hover,.tabs a[aria-current=page]{background:color-mix(in srgb, var(--accent) 20%, transparent);color:var(--fg)}.tabs a svg{flex:none}.pill{white-space:nowrap;border:1px solid var(--line);color:var(--accent);border-radius:100px;padding:6px 12px;font-size:12px;font-weight:750;text-decoration:none}.pill.premium{background:color-mix(in srgb, var(--accent) 22%, transparent)}.footer{border-top:1px solid var(--line);color:var(--muted);padding:18px clamp(16px, 3vw, 40px) calc(96px + var(--bottom));flex-wrap:wrap;justify-content:space-between;gap:8px 18px;font-size:12.5px;display:flex}.footer nav{flex-wrap:wrap;gap:14px;display:flex}.footer a{color:var(--muted)}.theme-panel{border-left:1px solid var(--line);background:color-mix(in srgb, var(--card) 55%, var(--bg));height:100dvh;padding:16px 14px 120px;position:sticky;top:0;overflow:auto}html.themes-hidden .theme-panel{display:none}.theme-panel-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.theme-panel-head strong{font-size:15px}.theme-panel .intro{color:var(--muted);margin:4px 0 8px;font-size:12px}.theme-group{color:var(--muted);letter-spacing:1px;margin:14px 0 6px;font-size:10px;font-weight:800}.theme-list{gap:3px;display:grid}.theme-choice{text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:38px 1fr;align-items:center;gap:9px;width:100%;padding:7px 8px;display:grid}.theme-choice:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.theme-choice[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 20%, transparent);border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.theme-choice strong{font-size:12.5px;display:block}.theme-choice small{color:var(--muted);font-size:11px;line-height:1.3;display:block}.dots{display:flex}.dots i{border:1.5px solid #ffffffd9;border-radius:50%;width:15px;height:15px;margin-right:-5px;box-shadow:0 1px 3px #0003}.ghost-btn{border:1px solid var(--line);color:var(--fg);background:0 0;border-radius:9px;padding:6px 10px;font-size:12px;font-weight:700}.ghost-btn:hover{background:color-mix(in srgb, var(--accent) 12%, transparent)}.show-themes{z-index:25;border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:100px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:750;display:none;position:fixed;top:74px;right:14px;box-shadow:0 6px 20px #0003}html.themes-hidden .show-themes{display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}html.skin-glass .card,html.skin-glass .tile{background:color-mix(in srgb, var(--card) 78%, transparent);-webkit-backdrop-filter:blur(10px)}html.skin-outline .card,html.skin-outline .tile,html.skin-outline .row{background:0 0;border-width:1.5px}html.skin-flat .tile,html.skin-flat .row{box-shadow:0 4px 0 color-mix(in srgb, var(--accent) 17%, transparent)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin:8px 0 18px;display:flex}.page-head p{max-width:600px;margin:0}.section-head{justify-content:space-between;align-items:baseline;gap:10px;margin:26px 0 12px;display:flex}.section-head h2{margin:0}.section-head a,.section-head small{color:var(--muted);font-size:13px}.btn{border:1px solid var(--accent);color:var(--accent);white-space:nowrap;background:0 0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:750;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{filter:brightness(1.06)}.btn-quiet{border-color:var(--line);color:var(--fg)}.btn-quiet:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.btn-danger{color:#f19a9a;border-color:#e88}.btn-block{width:100%}.btn-sm{border-radius:9px;padding:6px 11px;font-size:13px}.icon-btn{background:color-mix(in srgb, var(--accent) 14%, transparent);width:38px;height:38px;color:var(--fg);border:0;border-radius:50%;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{background:color-mix(in srgb, var(--accent) 26%, transparent)}.icon-btn.plain{background:0 0}.icon-btn.big{background:var(--accent);width:72px;height:72px;color:var(--bg)}.actions{flex-wrap:wrap;gap:8px;display:flex}.stack{gap:12px;display:grid}.badge{letter-spacing:.4px;color:var(--accent);text-transform:uppercase;align-items:center;gap:4px;font-size:10.5px;font-weight:800;display:inline-flex}.badge.lock{color:var(--muted)}.error{color:#ff9a9a}.notice{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 12%, var(--card));border-radius:var(--radius-sm);margin:0 0 14px;padding:12px 14px;font-size:14px}input[type=range]{appearance:none;width:100%;height:22px;accent-color:var(--accent);background:0 0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill,50%), color-mix(in srgb, var(--fg) 18%, transparent) var(--fill,50%));border-radius:5px;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:0;border-radius:50%;width:18px;height:18px;margin-top:-6.5px;box-shadow:0 1px 4px #0005}input[type=range]::-moz-range-track{background:color-mix(in srgb, var(--fg) 18%, transparent);border-radius:5px;height:5px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:5px;height:5px}input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0005}input[type=range]:disabled{opacity:.4}.text-input,select.text-input{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 40%, var(--card));border-radius:10px;width:100%;padding:10px 12px}label.field{color:var(--muted);gap:6px;font-size:13px;font-weight:650;display:grid}.switch{background:color-mix(in srgb, var(--fg) 20%, transparent);border:0;border-radius:28px;flex:none;width:46px;height:28px;padding:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0004}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true]:after{transform:translate(18px)}.kawaii{filter:drop-shadow(0 2px 4px #0002);flex:none;display:block}.hello{color:var(--muted);margin:6px 0 12px;font-size:14px;font-weight:650}.now-card{text-align:left;color:#fff;border-radius:calc(var(--radius) + 4px);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 45%, #2a2660), #1c1a45);border:1px solid #ffffff1f;align-items:center;gap:16px;width:100%;padding:14px 18px;display:flex}.now-card .grow{flex:1;min-width:0}.now-card small{opacity:.75;font-size:12.5px;display:block}.now-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:17px;display:block;overflow:hidden}.home-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;display:grid}.preset-tile{background:var(--card);border-radius:var(--radius);text-align:center;border:2px solid #0000;flex-direction:column;align-items:center;gap:7px;min-height:112px;padding:12px 8px 10px;display:flex;position:relative}.preset-tile.playing{border-color:var(--accent)}.preset-tile.locked .kawaii{opacity:.55}.preset-tile>button{background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;width:100%;padding:0;display:flex}.preset-tile strong{font-size:13px;line-height:1.2}.preset-tile .corner{color:var(--accent);display:flex;position:absolute;top:7px;right:8px}.preset-tile.locked .corner{color:var(--muted)}.preset-tile input[type=range]{height:16px}.list{gap:8px;display:grid}.row{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}.row .grow{flex:1;min-width:0}.row strong{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;display:block;overflow:hidden}.row small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;display:block;overflow:hidden}.row.locked .kawaii{opacity:.5}button.row{text-align:left;width:100%;color:inherit;font:inherit}button.row:hover{border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.upgrade{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 24%, var(--card)), var(--card));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:26px;padding:22px;display:flex}.upgrade strong{font-size:18px}.upgrade p{color:var(--muted);max-width:560px;margin:4px 0 0;font-size:14px}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.tile{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-height:176px;color:var(--fg);flex-direction:column;gap:8px;padding:16px;text-decoration:none;display:flex}.tile:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.tile .top{justify-content:space-between;align-items:flex-start;display:flex}.tile p{color:var(--muted);margin:0;font-size:13px}.tile.locked .kawaii{opacity:.55}.detail-hero{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:18px;display:flex}.detail-hero p{color:var(--muted);margin:0 0 12px}.layer{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 12px;display:flex}.layer:last-child{border-bottom:0}.layer .grow{flex:1;min-width:0}.layer .name{justify-content:space-between;gap:8px;font-size:14px;font-weight:650;display:flex}.layer .name span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.layer.muted .kawaii{opacity:.45}.layers{padding:4px 6px}.layer-tools{gap:4px;display:flex}.search{flex:1;max-width:420px;position:relative}.search svg{color:var(--muted);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search input{padding-left:36px}.chips{scrollbar-width:thin;gap:8px;margin:0 -2px 6px;padding:2px 2px 8px;display:flex;overflow-x:auto}.chip{background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid #0000;border-radius:100px;flex:none;align-items:center;gap:7px;padding:5px 13px 5px 6px;font-size:13px;font-weight:650;display:inline-flex}.chip[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 34%, transparent);border-color:var(--accent)}.sound-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px;display:grid}.sound-row{position:relative}.sound-row .toggle{border:1.5px solid var(--line);width:34px;height:34px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.sound-row.on .toggle{background:var(--accent);border-color:var(--accent);color:var(--bg)}.sound-row.on{border-color:color-mix(in srgb, var(--accent) 60%, transparent)}.menu{z-index:15;background:var(--card2);border:1px solid var(--line);border-radius:12px;min-width:220px;padding:6px;display:grid;position:absolute;top:calc(100% - 6px);right:8px;box-shadow:0 16px 40px #0006}.menu button{text-align:left;background:0 0;border:0;border-radius:8px;padding:9px 10px;font-size:14px}.menu button:hover{background:color-mix(in srgb, var(--accent) 16%, transparent)}.menu hr{border:0;border-top:1px solid var(--line);margin:4px 0}.menu .menu-label{color:var(--muted);padding:4px 10px;font-size:11px;font-weight:700}.mini{transform:translateX(calc(-50% - var(--sidebar-shift,0px) + var(--sel-shift,0px)));left:50%;bottom:calc(14px + var(--bottom));z-index:30;width:min(640px, calc(100vw - 28px - var(--rail)));border:1px solid var(--line);background:color-mix(in srgb, var(--card2) 58%, transparent);-webkit-backdrop-filter:blur(10px)saturate(1.2);border-radius:20px;align-items:center;gap:12px;padding:9px 10px 9px 12px;display:flex;position:fixed;box-shadow:0 10px 30px #0003}html:not(.themes-hidden){--sidebar-shift:calc(var(--sidebar) / 2)}.mini .open{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.mini strong{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;display:block;overflow:hidden}.mini small{color:var(--muted);font-size:12px;display:block}.mini .grow{min-width:0}.overlay{z-index:60;background:#0009;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}.sheet{background:var(--bg);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);width:min(620px,100%);max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 30px 80px #0008}.sheet.small{width:min(440px,100%)}.sheet-head{z-index:2;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex;position:sticky;top:0}.sheet-head h2{margin:0;font-size:17px}.sheet-body{padding:16px}.player-top{text-align:center;justify-items:center;gap:8px;padding:6px 0 14px;display:grid}.transport{align-items:center;gap:28px;margin:6px 0;display:flex}.volume-row{width:100%;color:var(--muted);align-items:center;gap:10px;display:flex}@keyframes fade{0%{opacity:0}}.toast{left:50%;bottom:calc(96px + var(--bottom));z-index:70;background:var(--fg);color:var(--bg);border-radius:12px;max-width:calc(100vw - 40px);padding:10px 16px;font-size:14px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0005}.ad-slot{margin:0 0 18px}.house-ad{border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--ad);min-height:70px;color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;padding:10px 14px;font-size:13.5px;text-decoration:none;display:flex}.house-ad strong{color:var(--fg)}.house-ad-tag{border:1px solid;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:800}.timer-live{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.countdown{font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.editor{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:10px;padding-top:12px;display:grid}.tone-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.tone{border:1px solid var(--line);text-align:left;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:13.5px;display:flex}.tone[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, transparent)}.tone.locked{color:var(--muted)}.tone .grow{flex:1}.alarm-time{font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.price{letter-spacing:-.03em;font-size:34px;font-weight:800}.price small{color:var(--muted);font-size:14px;font-weight:600}.checks{gap:7px;margin:12px 0;padding:0;font-size:14px;list-style:none;display:grid}.checks li:before{content:"✓  ";color:var(--accent);font-weight:800}.setting{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:14px;display:flex}.setting:last-child{border-bottom:0}.prose{max-width:760px}.prose p,.prose li{color:color-mix(in srgb, var(--fg) 86%, var(--muted))}dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--fg);max-width:min(460px,100vw - 32px);padding:0}dialog::backdrop{background:#0009}.dialog-body{padding:20px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.empty{text-align:center;padding:34px 16px}.empty .kawaii{margin:0 auto 10px}.bottom-tabs{display:none}@media (max-width:1100px){:root{--sidebar:230px}.tabs a span.long{display:none}}@media (max-width:1340px){.tabs a svg{display:none}.tabs a{padding:7px 9px}}@media (max-width:760px){:root{--rail:48px;--bottom:62px;font-size:15px}html.themes-hidden{--rail:0px}.shell,html.themes-hidden .shell{display:block}.page{padding-right:var(--rail)}.topbar{gap:10px;padding:10px 14px}.topbar .tabs{display:none}.topbar .brand{flex:1}main{padding:14px 14px calc(100px + var(--bottom))}.theme-panel{top:0;right:0;bottom:var(--bottom);height:auto;width:var(--rail);z-index:26;border-left:1px solid var(--line);padding:8px 6px 12px;position:fixed}.theme-panel .intro,.theme-panel .theme-group,.theme-panel .theme-choice .label,.theme-panel-head strong{display:none}.theme-panel-head{justify-content:center;margin-bottom:4px}.theme-panel-head .ghost-btn{width:100%;padding:4px 6px;font-size:10px}.theme-list{gap:6px}.theme-group-wrap+.theme-group-wrap{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.theme-choice{border-radius:9px;padding:2px;display:block}.theme-choice .dots{display:block}.theme-choice .dots i{display:none}.theme-choice .swatch{display:block}.show-themes{top:auto;right:10px;bottom:calc(var(--bottom) + 78px);padding:8px}.show-themes span{display:none}.mini{width:calc(100vw - 20px - var(--rail));left:10px;bottom:calc(8px + var(--bottom));transform:none}.bottom-tabs{height:calc(var(--bottom) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:28;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);grid-template-columns:repeat(8,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-tabs a{color:var(--muted);align-content:center;justify-items:center;gap:2px;font-size:10px;font-weight:650;text-decoration:none;display:grid}.bottom-tabs a[aria-current=page]{color:var(--fg)}.bottom-tabs a[aria-current=page] .kawaii{outline:2px solid var(--accent);border-radius:9px}.two-col{grid-template-columns:1fr}.hide-sm{display:none!important}.layer-tools .icon-btn{width:34px;height:34px}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.preset-tile{min-height:100px;padding:10px 6px 8px}.preset-tile strong{font-size:12px}.sound-grid{grid-template-columns:1fr}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{min-height:160px;padding:13px}.footer{padding-right:calc(16px + var(--rail))}.toast{bottom:calc(80px + var(--bottom))}.overlay{align-items:end;padding:0}.sheet{border-radius:22px 22px 0 0;width:100%;max-height:92dvh}}.swatch{border:1.5px solid #ffffffb3;border-radius:8px;width:32px;height:32px;display:none;position:relative;overflow:hidden;box-shadow:0 1px 4px #0004}.swatch:after{content:"";background:var(--sw-accent);border:1.5px solid #ffffffd9;border-radius:50%;width:11px;height:11px;position:absolute;bottom:4px;right:4px}.theme-choice[aria-pressed=true] .swatch{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.setting-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.setting-row h3{margin:0}.page-head .search{flex:260px}.sign-in-hint{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.sign-in-hint>p{flex:320px;margin:0}.signin-link{white-space:nowrap;font-size:13px;font-weight:700;text-decoration:none}section.now-card{gap:12px;padding:14px 16px 16px;display:grid}.now-head{align-items:center;gap:14px;display:flex}.now-head .grow{flex:1;min-width:0}.icon-btn.on-dark{color:#fff;background:#ffffff1f;width:42px;height:42px}.icon-btn.on-dark:hover{background:#fff3}.icon-btn.on-dark.strong{color:#28245a;background:#fff}.icon-btn.small{width:32px;height:32px}.chips-wrap{flex-wrap:wrap;gap:6px;max-height:122px;display:flex;overflow-y:auto}.sound-chip{background:color-mix(in srgb, var(--chip) 30%, transparent);height:34px;color:inherit;border-radius:100px;align-items:center;gap:6px;padding:0 6px 0 5px;font-size:12.5px;font-weight:650;display:inline-flex}.sound-chip.dim{opacity:.55}.sound-chip button{width:22px;height:22px;color:inherit;background:#ffffff26;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.now-volume{opacity:.9;align-items:center;gap:10px;font-size:12.5px;display:flex}.now-volume input{flex:1}.routine-quick{grid-template-columns:1fr 1fr;gap:8px;display:grid}.now-card .routine-quick{border-top:1px solid #ffffff24;padding-top:12px}.routine-quick.compact{grid-template-columns:1fr}.rq-row{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--fg) 7%, transparent);align-items:center;gap:9px;min-width:0;padding:8px 8px 8px 12px;display:flex}.now-card .rq-row{background:#ffffff14}.rq-row .grow{flex:1;min-width:0}.rq-row strong{font-size:13.5px;display:block}.rq-row small{opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.now-card .btn-primary{color:#28245a;background:#fff;border-color:#fff}.now-card .btn-quiet,.now-card .icon-btn.plain{color:#fff;border-color:#ffffff40}.now-card .switch[aria-checked=false]{background:#fff3}.preset-tile .gear{background:color-mix(in srgb, var(--fg) 9%, transparent);width:26px;height:26px;color:var(--muted);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:5px;left:5px}.preset-tile .gear:hover{color:var(--fg);background:color-mix(in srgb, var(--accent) 25%, transparent)}@media (max-width:760px){.routine-quick{grid-template-columns:1fr}}.hero-card{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:radial-gradient(ellipse at 90% 10%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 60%), linear-gradient(135deg, var(--card), color-mix(in srgb, var(--card2) 80%, var(--bg)));grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:18px;margin-bottom:14px;padding:22px 26px;display:grid;overflow:hidden}.hero-card h1{margin:6px 0 8px}.hero-card p{color:var(--muted);max-width:560px;margin:0}.hero-art{width:100%;height:auto}.twinkle{animation:3.2s ease-in-out infinite twinkle}.twinkle.t2{animation-delay:1.1s}.twinkle.t3{animation-delay:2s}.z{opacity:0;animation:4.5s ease-in-out infinite drift}.z2{animation-delay:.9s}.z3{animation-delay:1.8s}@keyframes twinkle{50%{opacity:.25}}@keyframes drift{0%{opacity:0;transform:translateY(8px)}30%,70%{opacity:.85}to{opacity:0;transform:translateY(-10px)}}.promo-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:14px;display:grid}.promo-row>*{margin:0}.promo-card{border-radius:var(--radius);border:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:10px;padding:14px 16px;font-size:14px;display:flex}.promo-card p{color:var(--muted);margin:0}.promo-card strong{color:var(--fg);margin-bottom:2px;font-size:15px;display:block}.promo-card.premium-card{background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 24%, var(--card)), var(--card))}.promo-card.signin-card{background:color-mix(in srgb, var(--accent) 10%, var(--card))}@media (max-width:760px){.hero-card{grid-template-columns:minmax(0,1fr) 96px;padding:16px}.hero-card p{font-size:13.5px}}.brand.logo img{width:auto;height:44px;display:block}.pull-handle{z-index:27;border:1px solid var(--line);background:linear-gradient(90deg, var(--card2), color-mix(in srgb, var(--card2) 70%, var(--accent)));width:24px;height:104px;color:var(--fg);cursor:grab;touch-action:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:0;transition:right .25s,left .25s,width .15s;display:flex;position:fixed;top:50%;transform:translateY(-50%);box-shadow:0 6px 18px #0004}.pull-handle:hover{width:28px}.pull-handle:active{cursor:grabbing}.pull-handle.right{border-right:0;border-radius:14px 0 0 14px}.pull-handle.left{border-left:0;border-radius:0 14px 14px 0}.pull-handle .rings{gap:16px;display:grid}.pull-handle .rings i{background:var(--bg);width:9px;height:9px;box-shadow:inset 0 1px 2px #0007, 0 0 0 2px color-mix(in srgb, var(--accent) 70%, #fff);border-radius:50%;display:block}.pull-handle .grip{width:6px;height:0;position:absolute;top:50%;transform:translateY(-50%)}.theme-handle.is-open{right:var(--sidebar)}.theme-handle.is-closed{right:0}.selection-handle.is-open{left:var(--selw)}.selection-handle.is-closed{left:0}@media (max-width:760px){.theme-handle.is-open{right:var(--rail)}.pull-handle{width:20px;height:84px}.brand.logo img{height:36px}}:root{--selw:300px}.selection-panel{width:var(--selw);z-index:26;background:color-mix(in srgb, var(--card) 70%, var(--bg));border-right:1px solid var(--line);visibility:hidden;flex-direction:column;transition:transform .25s,visibility .25s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:8px 0 30px #0003}.selection-panel.open{visibility:visible;transform:none}@media (min-width:1280px){html.selection-open .page{padding-left:var(--selw)}html.selection-open{--sel-shift:calc(var(--selw) / 2)}}.sel-head{background:inherit;border-bottom:1px solid var(--line);z-index:1;justify-content:space-between;align-items:center;gap:10px;padding:16px 14px 12px;display:flex;position:sticky;top:0}.sel-head strong{font-size:15px;display:block}.sel-head small{color:var(--muted);font-size:12px}.sel-list{flex:1;padding:6px 8px}.sel-item{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 6px;display:flex}.sel-item .grow{flex:1;min-width:0}.sel-item .name{justify-content:space-between;gap:6px;font-size:13.5px;font-weight:650;display:flex}.sel-item .name span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:500}.sel-foot{border-top:1px solid var(--line);background:inherit;gap:10px;padding:12px 14px 88px;display:grid;position:sticky;bottom:0}@media (max-width:760px){:root{--selw:min(280px, 82vw)}html.selection-open .page{padding-left:0}.selection-panel{bottom:var(--bottom)}}.tips-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.tip{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);align-items:flex-start;gap:12px;padding:14px;display:flex}.tip h3{margin:2px 0 4px;font-size:14.5px}.tip p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.hero-card{grid-template-columns:minmax(0,1fr) 132px;gap:12px;margin-bottom:10px;padding:12px 18px}.hero-card .eyebrow{font-size:10px}.hero-card h1{margin:2px 0 4px;font-size:clamp(24px,3vw,30px)}.hero-card p{font-size:13.5px}.hero-art{max-height:102px}.promo-row{gap:10px;margin-bottom:10px}.promo-card{flex-direction:row;align-items:center;gap:10px;padding:9px 12px;font-size:13px}.promo-card p{flex:1;min-width:0}.promo-card strong{font-size:13.5px;display:inline}.promo-card .actions{flex-wrap:nowrap;gap:6px}main .ad-slot{margin-bottom:10px}.house-ad{min-height:52px;padding:8px 12px}.hello{margin:4px 0 8px}@media (max-width:760px){.hero-card{grid-template-columns:minmax(0,1fr) 76px;padding:10px 12px}.hero-card p{font-size:12.5px}.promo-card{flex-wrap:wrap}}.preview-bar{z-index:40;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:6px 8px 6px 12px;font-size:12px;display:flex;position:fixed;top:76px;left:12px;box-shadow:0 6px 18px #0004}.house-ad.premium-banner{background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 20%, var(--card)), var(--card));border-style:solid}.ad-slot .house-ad{height:70px;min-height:0;overflow:hidden}.our-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.our-card{align-items:flex-start;gap:14px;display:flex}.our-card.is-here{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.our-art{border-radius:13px;flex:none}.our-text{justify-items:start;gap:6px;min-width:0;display:grid}.our-text h3,.our-text p{margin:0}.our-text p{font-size:14px}.our-badge{letter-spacing:.4px;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent);border-radius:100px;align-items:center;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.our-badge.soon{color:var(--muted);background:color-mix(in srgb, var(--muted) 14%, transparent)}.our-apps-head{margin-bottom:4px}.our-note{margin:0 0 12px}