:root{color-scheme:light;--bg: #ffffff;--fg: #000000;--muted: #707070;--track: #efefef;--line: #e1e1e1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--fg);overscroll-behavior:none}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.app,.login,.boot{width:100%;max-width:460px;min-height:100vh;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 16px) calc(env(safe-area-inset-right) + 20px) calc(env(safe-area-inset-bottom) + 20px) calc(env(safe-area-inset-left) + 20px)}.app{gap:28px;touch-action:manipulation}.segmented{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:16px;background:var(--track)}.segmented button{height:46px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-size:16px;font-weight:600;transition:background-color .15s,color .15s}.segmented button.on{background:var(--fg);color:var(--bg)}.controls{flex:1;display:flex;flex-direction:column;justify-content:center;gap:36px}.control-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.control-head>span{color:var(--muted);font-size:15px;font-weight:500}.control-head output{font-size:32px;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.bar{position:relative;height:58px;overflow:hidden;border-radius:16px;background:var(--track);touch-action:none;cursor:pointer}.bar-fill{position:absolute;inset:0 auto 0 0;border-radius:16px;background:var(--fg)}.bar-fill:after{content:"";position:absolute;top:50%;right:20px;width:4px;height:22px;margin-top:-11px;border-radius:2px;background:var(--bg)}.dock{display:flex;flex-direction:column;gap:14px}.send{width:100%;height:66px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:18px;background:var(--fg);color:var(--bg);font-size:18px;font-weight:650;transition:transform .08s,opacity .15s}.send:active:not(:disabled){transform:scale(.985)}.send:disabled:not(.sending){opacity:.3}.note{margin:0;color:var(--muted);font-size:13px;text-align:center}.toast{position:fixed;z-index:10;top:calc(env(safe-area-inset-top) + 12px);left:50%;width:min(420px,calc(100% - 40px));transform:translate(-50%);padding:14px 16px;border-radius:14px;background:var(--fg);color:var(--bg);font-size:15px;font-weight:500;text-align:center;box-shadow:0 8px 24px #0000002e;animation:drop .2s ease-out}.login{justify-content:center;gap:14px}.login input{width:100%;height:58px;padding:0 18px;border:1.5px solid var(--line);border-radius:16px;background:transparent;font-size:17px;outline:none;-webkit-user-select:text;user-select:text}.login input:focus{border-color:var(--fg)}.boot{justify-content:center;gap:14px;text-align:center;color:var(--muted)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drop{0%{opacity:0;transform:translate(-50%,-8px)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:.01ms!important}}.note.error{color:var(--fg);font-weight:500}