*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0c10;--bg-2:#111319;--panel:#171920;--ink:#f3f0e8;--muted:#8e8b83;--faint:#5c5a55;--line:#f3f0e814;--line-strong:#f3f0e824;--accent:#e8c36a;--accent-ink:#16140e;--ok:#3dba8b;--flat:#6bb3c0;--sharp:#ff6a4a;--danger:#e05d5d}html,body,#root,.page{height:100%;min-height:100%}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Outfit,system-ui,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.page{background:radial-gradient(1200px 500px at 50% -10%, #e8c36a17, transparent 60%), radial-gradient(800px 420px at 80% 110%, #3dba8b12, transparent 55%), var(--bg)}.boot{text-align:center;min-height:100%;color:var(--muted);place-content:center;gap:.6rem;display:grid}.boot .brand,.brand{letter-spacing:-.03em;color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:2.1rem;font-weight:600}.shell{grid-template-rows:auto 1fr auto;gap:.75rem;max-width:720px;min-height:100%;margin:0 auto;padding:1rem 1.1rem 1.4rem;display:grid}.top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.kicker{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:650}.brand-block .brand{font-size:1.55rem;line-height:1.1}.stage{text-align:center;align-content:center;place-items:center;padding:.4rem 0 .2rem;display:grid}.gauge{width:min(100%,22rem);position:relative}.gauge-svg{width:100%;height:auto;overflow:visible}.gauge-arc{fill:none;stroke:var(--line-strong);stroke-width:10px;stroke-linecap:round}.gauge-ok{fill:none;stroke:var(--ok);stroke-width:10px;stroke-linecap:round;opacity:.85}.gauge-tick{stroke:var(--faint);stroke-width:2px}.gauge-needle{transform-origin:140px 148px}.gauge-needle line{stroke:var(--accent);stroke-width:4px;stroke-linecap:round}.gauge-needle circle{fill:var(--sharp)}.gauge.is-ok .gauge-needle line{stroke:var(--ok)}.gauge.is-ok .gauge-needle circle{fill:var(--ok)}.gauge-labels{color:var(--faint);justify-content:space-between;margin-top:-.4rem;padding:0 1.4rem;font-size:.85rem;font-weight:650;display:flex}.note{min-height:4.4rem;color:var(--muted);justify-content:center;align-items:baseline;gap:.15rem;display:flex}.note-name{letter-spacing:-.04em;color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:4.4rem;font-weight:700;line-height:1}.note-oct{color:var(--muted);font-size:1.5rem;font-weight:650}.note-wait{color:var(--faint);font-family:Fraunces,Georgia,serif;font-size:4.4rem}.note.is-ok .note-name{color:var(--ok);text-shadow:0 0 28px #3dba8b59}.cents{letter-spacing:.02em;font-size:1.15rem;font-weight:650}.freq,.hint{color:var(--muted);font-size:.92rem}.hint{margin-top:.25rem}.hint.is-ok{color:var(--ok);font-weight:650}.level{background:var(--line);border-radius:999px;width:min(16rem,70%);height:6px;margin-top:.85rem;overflow:hidden}.level span{transform-origin:0;background:linear-gradient(90deg, var(--flat), var(--accent), var(--ok));border-radius:inherit;width:100%;height:100%;display:block}.controls{gap:.85rem;display:grid}.listen-row{grid-template-columns:1.4fr 1fr;gap:.55rem;display:grid}.btn{border:none;border-radius:999px;padding:.85rem 1rem;font-weight:650}.btn-listen{background:var(--accent);color:var(--accent-ink)}.btn-listen.is-on{background:var(--sharp);color:#fff}.btn-ghost{background:var(--panel);border:1px solid var(--line-strong)}.btn-ghost:disabled{opacity:.45;cursor:default}.error{color:var(--danger);text-align:center;font-size:.88rem}.modes{background:var(--panel);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:.35rem;padding:.3rem;display:grid}.modes button{color:var(--muted);background:0 0;border:none;border-radius:10px;padding:.55rem .4rem;font-weight:650}.modes button.is-on{background:var(--bg);color:var(--ink)}.strings{grid-template-columns:repeat(auto-fit,minmax(5.4rem,1fr));gap:.45rem;display:grid}.string{text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:14px;gap:.1rem;padding:.7rem .75rem;display:grid}.string-idx{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:.68rem}.string strong{font-size:1.05rem}.string em{color:var(--muted);font-size:.78rem;font-style:normal}.string.is-on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.string.is-ok{border-color:var(--ok);box-shadow:0 0 0 1px var(--ok);background:#3dba8b14}.prefs{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.prefs label{color:var(--muted);gap:.4rem;font-size:.78rem;display:grid}.prefs select,.prefs input[type=range]{width:100%}.prefs select{appearance:none;background:var(--panel);border:1px solid var(--line-strong);border-radius:12px;padding:.7rem .8rem}.prefs input[type=range]{accent-color:var(--accent)}@media (width<=520px){.shell{padding:.85rem .85rem 1.2rem}.note-name,.note-wait{font-size:3.6rem}.prefs{grid-template-columns:1fr}}.sl-chrome{z-index:40;white-space:normal;align-items:center;gap:.45rem;display:flex;position:relative}.sl-waffle,.sl-avatar{cursor:pointer;border:none;flex:none;padding:0}.sl-waffle{background:0 0;border-radius:10px;grid-template-rows:repeat(3,5px);grid-template-columns:repeat(3,5px);place-content:center;gap:3px;width:36px;height:36px;display:grid}.sl-dot{background:#3d4a44;border-radius:50%;width:5px;height:5px}.sl-waffle:hover,.sl-waffle.is-on{background:#1f2a2414}.sl-avatar{color:#fffdf6;letter-spacing:0;background:#0d5c45;border-radius:50%;place-items:center;width:36px;height:36px;font-size:.95rem;font-weight:700;display:grid;box-shadow:0 0 0 2px #d4af37}.sl-avatar.is-on{box-shadow:0 0 0 2px #d4af37,0 0 0 4px #d4af3766}.sl-pop{white-space:normal;box-sizing:border-box;color:#1f2a24;background:#fffdf8;border:1px solid #1f2a241a;border-radius:16px;flex-direction:column;align-items:stretch;gap:.45rem;min-width:16.5rem;max-width:min(22rem,100vw - 1.25rem);padding:.85rem;display:flex;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 16px 40px #1f2a2429}.sl-pop-kicker,.sl-who span,.sl-empty{color:#5d6b63;margin:0;font-size:.78rem}.sl-pop-kicker{text-transform:uppercase;letter-spacing:.06em;margin-bottom:.55rem}.sl-pop-apps{min-width:18.75rem}.sl-app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;display:grid}.sl-app{min-height:0;color:inherit;text-align:center;background:0 0;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:center;gap:.4rem;padding:.65rem .3rem .5rem;font-size:.72rem;font-weight:650;text-decoration:none;display:flex}.sl-app-logo{background:#1a1d22;border-radius:12px;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;display:grid;overflow:hidden;box-shadow:0 1px 2px #0f121038,inset 0 0 0 1px #ffffff1a}.sl-app-logo svg{width:100%;height:100%;display:block}.sl-app-fallback{color:#fffdf6;background:#24362f;place-items:center;font-size:1.05rem;font-weight:700;display:grid}.sl-app-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;line-height:1.2;display:-webkit-box;overflow:hidden}.sl-app:hover,.sl-app.is-current{color:#084433;background:#d6ebe2}.sl-all{text-align:center;color:#0d5c45;margin-top:.65rem;font-size:.88rem;font-weight:650;text-decoration:none;display:block}.sl-who{gap:.15rem;margin:0 0 .7rem;display:grid}.sl-who strong{font-size:.98rem}.sl-signout{box-sizing:border-box;color:#fffdf6;cursor:pointer;background:#0d5c45;border:none;border-radius:999px;width:100%;padding:.65rem 1rem;font-weight:650;display:block}.sl-menu-btn{box-sizing:border-box;color:#084433;cursor:pointer;background:#f4efe4;border:none;border-radius:999px;width:100%;margin-bottom:0;padding:.6rem 1rem;font-weight:650;display:block}.sl-menu-btn.is-quiet{color:#5d6b63;background:0 0}.sl-pop-account{min-width:20rem;max-width:min(22.5rem,100vw - 1.5rem)}.sl-account-copy{color:#5d6b63;margin:0 0 .85rem;font-size:.82rem;line-height:1.4}.sl-name-form{border-bottom:1px solid #1f2a2414;gap:.55rem;margin-bottom:.9rem;padding-bottom:.9rem;display:grid}.sl-name-heading{color:#1f2a24;margin:0;font-size:.9rem;font-weight:700}.sl-name-grid{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.sl-name-form label{color:#5d6b63;gap:.25rem;font-size:.75rem;display:grid}.sl-name-form form{gap:.55rem;display:grid}.sl-name-form input{box-sizing:border-box;width:100%;font:inherit;color:#1f2a24;background:#fff;border:1px solid #1f2a2429;border-radius:10px;padding:.55rem .65rem;font-size:.9rem}.sl-name-ok{color:#0d5c45;margin:0;font-size:.8rem;font-weight:650}.sl-setting{border-bottom:1px solid #1f2a2414;grid-template-columns:1fr auto;align-items:center;gap:.25rem .75rem;margin-bottom:.9rem;padding-bottom:.9rem;display:grid}.sl-setting>div{display:contents}.sl-setting-stack{border-bottom:none;grid-template-columns:1fr;margin-bottom:0;padding-bottom:0}.sl-setting>div>strong,.sl-setting>div>span{display:block}.sl-setting>div>strong{grid-area:1/1;font-size:.9rem;line-height:24px}.sl-setting>div>span{color:#5d6b63;grid-area:2/1/auto/-1;font-size:.78rem;line-height:1.35}.sl-switch{cursor:pointer;background:#d8d2c6;border:none;border-radius:999px;flex-shrink:0;grid-area:1/2;align-self:center;width:42px;height:24px;padding:2px}.sl-switch.is-on{background:#0d5c45}.sl-switch-thumb{background:#fffdf6;border-radius:50%;width:20px;height:20px;display:block;transform:translate(0)}.sl-switch.is-on .sl-switch-thumb{transform:translate(18px)}.sl-code{letter-spacing:.04em;word-break:break-all;background:#f4efe4;border-radius:12px;margin:0;padding:.7rem .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem}.sl-account-actions{gap:.35rem;display:grid}.sl-account-error{color:#9b2c2c;margin:.65rem 0 0;font-size:.82rem}