.app-shell{box-sizing:border-box;color:#171b22;background:#f7f8fb;align-items:flex-start;gap:32px;min-height:100vh;padding:48px;display:flex}.intro{flex:0 560px;max-width:560px}.intro-header{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.intro-header h1{margin:0}.intro-header .local-dashboard{flex:0 auto;min-width:0}.intro-mic{flex-direction:column;align-items:flex-end;gap:6px;margin-left:auto;display:flex}.intro-mic .mic-button--on{height:34px;padding:0 20px}.eyebrow{color:#596579;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:.875rem;font-weight:700}h1{margin:0 0 16px;font-size:3rem;line-height:1.1}.intro p:not(.eyebrow){color:#3d4655;margin:0;font-size:1.125rem;line-height:1.6}.model-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.model-input{box-sizing:border-box;color:#171b22;background:#fff;border:1px solid #d4d9e2;border-radius:8px;width:180px;height:46px;padding:0 14px;font-size:1rem}.model-readonly{box-sizing:border-box;color:#596579;background:#eef1f6;border:1px solid #d4d9e2;border-radius:8px;width:140px;height:46px;padding:0 14px;font-size:1rem}.model-display{background:#eef1f6;border-radius:8px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.model-display-label{color:#596579;letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:700}.model-display-value{color:#171b22;font-size:1rem;font-weight:600}.model-select{color:#171b22;background:#fff;border:1px solid #d4d9e2;border-radius:8px;padding:10px 14px;font-size:1rem}.local-panel{flex-direction:column;gap:14px;margin-top:12px;display:flex}.local-dashboard{flex-direction:column;gap:10px;display:flex}.server-host-row{align-items:center;gap:8px;display:flex}.server-host-row .key-input{flex:1}.server-api-key-field{margin-top:12px}.local-cards{flex-wrap:wrap;gap:10px;display:flex}.local-card{background:#eef1f6;border-radius:10px;flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:150px;padding:10px 14px;display:flex}.local-card--inline{background:#fff;flex:0 auto;min-width:120px}.local-card-label{color:#596579;letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;font-weight:700}.local-card-value{color:#171b22;align-items:center;gap:7px;font-size:.9375rem;font-weight:600;display:flex}.local-card-value--muted{color:#8a93a3;font-weight:500}.local-card-value--error{color:#b3261e}.local-card-note{color:#596579;font-variant-numeric:tabular-nums;word-break:break-word;font-size:.8125rem}.local-card-note--error{color:#b3261e}.local-card-note code{background:#fff;border-radius:6px;padding:2px 6px;font-size:.75rem}.local-dot{background:#c7ccd6;border-radius:50%;flex:none;width:8px;height:8px}.local-dot--on{background:#1a7f37}.local-dot--off{background:#b3261e}.local-mini-button{color:#fff;cursor:pointer;background:#171b22;border:none;border-radius:6px;padding:5px 12px;font-size:.8125rem;font-weight:600}.local-progress-track{background:#d8dde6;border-radius:999px;width:100%;height:6px;overflow:hidden}.local-progress-fill{border-radius:inherit;background:#171b22;height:100%;transition:width .4s}.local-meters{background:#eef1f6;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.local-meter{grid-template-columns:104px 1fr auto;align-items:center;gap:10px;display:grid}.local-meter-label{color:#596579;letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;font-weight:700}.local-meter-track{background:#d8dde6;border-radius:999px;height:6px;overflow:hidden}.local-meter-fill{border-radius:inherit;background:#171b22;height:100%;transition:width .5s}.local-meter-fill--alert{background:#b3261e}.local-meter-value{color:#3d4655;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8125rem}.local-stats{flex-flow:wrap;gap:6px 16px;display:flex}.local-stat{align-items:center;gap:6px;display:flex}.local-stat-label{color:#596579;letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;font-weight:700}.local-stat-value{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:.8125rem}.local-proc-lines{flex-flow:wrap;gap:6px 28px;margin-top:6px;display:flex}.local-proc-line{align-items:baseline;gap:8px;display:flex}.local-proc-name{color:#596579;letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;font-weight:700}.local-proc-value{color:#3d4655;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8125rem}.local-text-input{flex:none;width:100%}.seed-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.seed-mode-option{color:#3d4655;align-items:center;gap:6px;font-size:.875rem;display:flex}.seed-input{font-variant-numeric:tabular-nums;flex:none;width:160px}.seed-input[readonly]{color:#596579;background:#f7f8fb}.codec-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;display:flex}.pitch-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px;display:flex}.pitch-range{margin:0}.pitch-presets{flex-wrap:wrap;gap:8px;display:flex}.pitch-preset{color:#596579;cursor:pointer;background:#eef1f6;border:none;border-radius:6px;padding:6px 14px;font-size:.8125rem;font-weight:600}.pitch-preset:hover{color:#171b22;background:#e2e6ee}.pitch-preset--active,.pitch-preset--active:hover{color:#fff;background:#171b22}.tts-list{margin-top:16px}.tts-set+.tts-set{margin-top:12px}.tts-row{gap:12px;display:flex}.tts-row-add{margin-top:12px}.tts-input,.icon-button{box-sizing:border-box;height:46px}.tts-input{color:#171b22;background:#fff;border:1px solid #d4d9e2;border-radius:8px;flex:1;padding:0 14px;font-size:1rem}.icon-button{color:#fff;cursor:pointer;background:#171b22;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:48px;padding:0 14px;font-size:1.125rem;font-weight:600;line-height:1;display:flex}.intro p.tts-error{color:#b3261e;background:#fdecec;border-radius:8px;margin:12px 0 0;padding:10px 14px;font-size:.9375rem;font-weight:600}.side-panel{box-sizing:border-box;flex-direction:column;flex:1;align-self:stretch;gap:16px;min-width:0;max-height:calc(100vh - 96px);display:flex;position:-webkit-sticky;position:sticky;top:48px}.log-panel,.prompt-panel{box-sizing:border-box;background:#fff;border-radius:12px;flex-direction:column;flex:1;gap:12px;min-height:0;padding:20px;display:flex}.prompt-panel{flex:none}.prompt-header{justify-content:space-between;align-items:center;display:flex}.prompt-fields{flex-direction:column;gap:14px;display:flex}.prompt-field{flex-direction:column;gap:6px;display:flex}.prompt-field--grow{flex:1;min-height:96px}.prompt-label{color:#596579;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:700}.prompt-note{color:#8a93a3;font-size:.8125rem}.prompt-field-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.prompt-note--error{color:#b3261e}.prompt-file{color:#3d4655;font-size:.875rem}.prompt-file-name{color:#596579;word-break:break-all;font-size:.8125rem}.prompt-file-error{color:#b3261e;font-size:.8125rem;font-weight:600}.prompt-input{box-sizing:border-box;color:#171b22;resize:none;background:#f7f8fb;border:none;border-radius:8px;flex:1;width:100%;min-height:72px;padding:12px;font-family:inherit;font-size:.9375rem;line-height:1.5}.switch{cursor:pointer;align-items:center;gap:8px;display:flex}.switch-label{color:#3d4655;font-size:.8125rem;font-weight:600}.switch-input{opacity:0;width:0;height:0;position:absolute}.switch-slider{background:#c7ccd6;border-radius:999px;flex:none;width:36px;height:20px;transition:background .15s;position:relative}.switch-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch-input:checked+.switch-slider{background:#171b22}.switch-input:checked+.switch-slider:before{transform:translate(16px)}.log-panel-header{justify-content:space-between;align-items:center;display:flex}.log-panel-header-actions{align-items:center;gap:12px;display:flex}.log-panel-title{color:#171b22;letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:700}.text-button{color:#596579;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8125rem;font-weight:600}.text-button:hover{color:#171b22}.text-button:disabled{color:#c7ccd6;cursor:default}.reset-button{z-index:1;position:fixed;top:12px;right:16px}.back-button{z-index:1;position:fixed;top:12px;left:16px}.home-shell{box-sizing:border-box;color:#171b22;flex-direction:column;gap:32px;max-width:560px;min-height:100vh;margin:0 auto;padding:64px 48px;display:flex}.home-intro p:not(.eyebrow){color:#3d4655;margin:12px 0 0;font-size:1.125rem;line-height:1.6}.home-keys{flex-direction:column;gap:16px;display:flex}.key-group{background:#eef1f6;border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex}.key-group-title{color:#171b22;letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:700}.key-field{flex-direction:column;gap:6px;display:flex}.key-label{color:#596579;font-size:.8125rem;font-weight:600}.key-input{box-sizing:border-box;color:#171b22;background:#fff;border:none;border-radius:8px;width:100%;height:46px;padding:0 14px;font-size:1rem}.label-with-hint{align-items:center;gap:6px;display:inline-flex}.switch-with-hint{align-items:center;gap:8px;display:flex}.info-hint{display:inline-flex;position:relative}.info-hint-button{color:#3d4655;cursor:help;letter-spacing:normal;text-transform:none;background:#d3d9e3;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-family:Georgia,Times New Roman,serif;font-size:.6875rem;font-style:italic;font-weight:700;line-height:1;display:inline-flex}.info-hint-button:hover{color:#171b22;background:#b9c1cf}.info-hint-button:focus-visible{color:#171b22;background:#b9c1cf}.info-hint-bubble{color:#f0f2f6;letter-spacing:normal;text-transform:none;z-index:20;background:#171b22;border-radius:8px;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:260px;padding:10px 12px;font-size:.8125rem;font-weight:400;line-height:1.45;position:absolute;top:calc(100% + 6px);left:0}.home-nav{flex-direction:column;gap:12px;display:flex}.nav-card{color:#fff;cursor:pointer;text-align:left;background:#171b22;border:none;border-radius:12px;flex-direction:column;gap:4px;padding:20px;display:flex}.nav-card-title{font-size:1.125rem;font-weight:700}.nav-card-note{color:#c7ccd6;font-size:.875rem}.backup-note{color:#596579;margin:0;font-size:.8125rem;line-height:1.5}.backup-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.backup-button{color:#fff;cursor:pointer;background:#171b22;border:none;border-radius:8px;height:40px;padding:0 18px;font-size:.9375rem;font-weight:600}.backup-file-input{display:none}.backup-error{color:#b3261e;font-size:.8125rem}.home-visibility{flex-direction:column;gap:8px;display:flex}.stt-controls{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-top:24px;display:flex}.stt-field{flex-direction:column;gap:6px;display:flex}.stage-grid{flex-direction:column;gap:20px;margin-top:16px;display:flex}.stage-grid>*{margin-top:0}.pipe-cell{flex-direction:column;gap:10px;min-width:0;display:flex}.pipe-cell>*{margin-top:0}.cell-tts{order:1}.cell-stt{order:2}.cell-output{order:3}.cell-interruption{order:4}.cell-vad{order:5}.cell-vadgraph{order:6}.cell-stt,.cell-tts{background:#eef1f6;border-radius:12px;gap:14px;padding:20px}.cell-stt>.stage-group,.cell-tts>.stage-group{background:0 0;border-radius:0;margin:0;padding:0}.stage-group{background:#eef1f6;border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:16px;margin-top:16px;padding:20px;display:flex}.stage-group-title{color:#596579;letter-spacing:.06em;text-transform:uppercase;flex-basis:100%;align-items:center;gap:10px;margin:0;font-size:.8125rem;font-weight:700;display:flex}.title-status{color:#8a93a3;letter-spacing:.02em;text-transform:none;align-items:center;gap:5px;font-size:.6875rem;font-weight:600;display:inline-flex}.stage-group-toggle{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:0;display:flex}.stage-group-toggle-control{flex:none;align-items:center;gap:8px;display:inline-flex}.stage-group-toggle-text{color:#596579;letter-spacing:normal;text-transform:none;font-size:.75rem;font-weight:600}.stage-group-caret{color:#fff;background:#171b22;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.125rem;line-height:1;display:inline-flex}.stage-group-toggle:hover .stage-group-caret{background:#3d4655}.stage-group-full{flex-basis:100%;width:100%}.stt-number{width:140px}.stt-range{accent-color:#171b22;width:200px;margin:14px 0}.mic-row{align-items:center;gap:14px;margin-top:24px;display:flex}.mic-button{color:#fff;cursor:pointer;background:#171b22;border:none;border-radius:8px;height:46px;padding:0 28px;font-size:1rem;font-weight:600}.mic-button--on{background:#b3261e}.mic-device{color:#5b6472;font-size:.875rem}.speaking-badge{color:#b3261e;font-size:.875rem;font-weight:700}.machine-badge{letter-spacing:.06em;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:700}.machine-badge--listening{color:#46505f;background:#e2e6ee}.machine-badge--thinking{color:#7a5300;background:#fbe7c2}.machine-badge--speaking{color:#8f1d16;background:#f6cfcb}.vad-graph{flex-direction:column;gap:6px;margin-top:24px;display:flex}.vad-graph-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.prob-readout{font-variant-numeric:tabular-nums;color:#171b22;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.9375rem;font-weight:700}.vad-canvas{background:#f7f8fb;border-radius:8px;width:100%;display:block}.stt-status{letter-spacing:.04em;text-transform:uppercase;font-size:.8125rem;font-weight:700}.stt-status--transcribing,.stt-status--recorded,.stt-status--thinking,.stt-status--speaking{color:#8a93a3}.stt-status--done{color:#171b22}.stt-status--error{color:#b3261e}.stt-text{color:#171b22;flex-basis:100%;font-size:.9375rem;line-height:1.5}.turn-line{flex-basis:100%;align-items:baseline;gap:8px;display:flex}.turn-role{color:#8a93a3;letter-spacing:.04em;text-transform:uppercase;flex:none;width:28px;font-size:.6875rem;font-weight:700}.turn-text{color:#171b22;flex:1;font-size:.9375rem;line-height:1.5}.turn-stage-ms{color:#596579;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:.75rem}.turn-error{color:#b3261e}.turn-interrupted{color:#8f1d16;letter-spacing:.04em;text-transform:uppercase;flex:none;font-size:.6875rem;font-weight:700}.prompt-file-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.prompt-file-actions{flex:none;gap:14px;display:flex}.editor-shell{box-sizing:border-box;color:#171b22;background:#f7f8fb;max-width:880px;min-height:100vh;margin:0 auto;padding:64px 48px}.editor-note{color:#3d4655;margin:0 0 8px;font-size:1rem;line-height:1.6}.editor-meta{color:#596579;font-variant-numeric:tabular-nums;margin:0;font-size:.875rem}.editor-error{color:#b3261e;margin:24px 0 0;font-size:.9375rem;font-weight:600}.editor-canvas{cursor:ew-resize;touch-action:none;background:#fff;border-radius:12px;width:100%;margin-top:24px;display:block}.editor-controls{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-top:20px;display:flex}.editor-controls .tts-input{flex:none}.editor-readout{color:#3d4655;font-variant-numeric:tabular-nums;align-items:center;gap:14px;height:46px;font-size:.9375rem;display:flex}.editor-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;display:flex}.log-empty{color:#8a93a3;margin:0;font-size:.9375rem}.log-list{flex-direction:column;gap:8px;display:flex;overflow-y:auto}.log-entry{background:#f7f8fb;border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:10px 12px;display:flex}.log-time{color:#596579;font-variant-numeric:tabular-nums;font-size:.8125rem}.log-field{color:#3d4655;font-size:.875rem}.log-latency{color:#171b22;font-variant-numeric:tabular-nums;margin-left:auto;font-size:.875rem;font-weight:700}.log-text{color:#171b22;word-break:break-word;flex-basis:100%;font-size:.9375rem;line-height:1.5}.log-actions{flex-basis:100%;gap:14px;display:flex}.s3lab-shell{box-sizing:border-box;color:#171b22;background:#f7f8fb;flex-direction:column;gap:20px;max-width:1180px;min-height:100vh;margin:0 auto;padding:64px 48px;display:flex}.s3lab-title{margin:0}.s3lab-note{color:#596579;margin:0;font-size:.875rem;line-height:1.6}.s3lab-warn{color:#b3261e;background:#fdecec;border-radius:8px;padding:10px 14px;font-size:.9375rem;font-weight:600}.s3lab-config-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.s3lab-config-row .key-field{flex:1;min-width:160px}.s3lab-apply{flex:none;height:46px}.s3lab-tabs{gap:8px;display:flex}.s3lab-tab{color:#596579;cursor:pointer;background:#eef1f6;border:none;border-radius:8px;padding:10px 18px;font-size:.9375rem;font-weight:600}.s3lab-tab:hover{color:#171b22;background:#e2e6ee}.s3lab-tab--active,.s3lab-tab--active:hover{color:#fff;background:#171b22}.s3lab-panel{background:#fff;border-radius:12px;flex-direction:column;gap:14px;padding:20px;display:flex}.s3lab-crumb-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.s3lab-crumb{color:#596579;word-break:break-all;flex:1;min-width:0;font-size:.9375rem}.s3lab-crumb .text-button{font-size:.9375rem}.s3lab-refresh{flex:none;height:40px}.s3lab-analysis-pick{flex:1;max-width:480px}.s3lab-analysis-pick .key-input{background:#f7f8fb}.s3lab-empty{color:#8a93a3;margin:0;font-size:.9375rem}.s3lab-table{border-collapse:collapse;width:100%;font-size:.875rem}.s3lab-table th{color:#596579;text-align:left;padding:6px 10px;font-weight:600}.s3lab-table td{padding:6px 10px}.s3lab-table tbody tr:nth-child(odd){background:#f7f8fb}.s3lab-table--stats td:first-child{color:#596579}.s3lab-num{color:#596579;font-variant-numeric:tabular-nums;white-space:nowrap}.s3lab-link{color:#3b6fd4;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;font-weight:600}.s3lab-link:hover{color:#171b22}.s3lab-hint{color:#8a93a3;font-size:.8125rem}.s3lab-actions{white-space:nowrap}.s3lab-actions .text-button+.text-button{margin-left:12px}.s3lab-summary{background:#eef1f6;border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}.s3lab-summary .s3lab-table tbody tr:nth-child(odd){background:#f7f8fb}.s3lab-extreme-cols{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:900px){.s3lab-extreme-cols{grid-template-columns:1fr}}.s3lab-extremes{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.s3lab-chip{color:#3d4655;cursor:pointer;background:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:.8125rem;font-weight:600}.s3lab-chip:hover{color:#fff;background:#171b22}.s3lab-plots-title{margin:6px 0 0}.s3lab-plotgrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:980px){.s3lab-plotgrid{grid-template-columns:1fr}}.s3lab-plot{background:#f7f8fb;border-radius:10px;min-height:320px;padding:6px}.s3lab-plot--empty{color:#8a93a3;text-align:center;justify-content:center;align-items:center;padding:20px;font-size:.875rem;display:flex}.s3lab-player{color:#fff;z-index:10;background:#171b22;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:none;position:fixed;bottom:20px;right:20px}.s3lab-player--on{display:flex}.s3lab-player-label{text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:.8125rem;font-weight:600;overflow:hidden}@media (max-width:820px){.s3lab-shell{padding:52px 20px 32px}}.s3lab-file{color:#596579;font-size:.875rem}.s3lab-file::-webkit-file-upload-button{color:#fff;cursor:pointer;background:#171b22;border:none;border-radius:8px;height:40px;margin-right:12px;padding:0 18px;font-size:.9375rem;font-weight:600}.s3lab-file::-ms-browse{color:#fff;cursor:pointer;background:#171b22;border:none;border-radius:8px;height:40px;margin-right:12px;padding:0 18px;font-size:.9375rem;font-weight:600}.s3lab-file::file-selector-button{color:#fff;cursor:pointer;background:#171b22;border:none;border-radius:8px;height:40px;margin-right:12px;padding:0 18px;font-size:.9375rem;font-weight:600}@media (min-width:1200px){.app-shell{justify-content:center}.intro--pipeline{flex:auto;max-width:1180px}.intro--pipeline .stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.app-shell .side-panel{flex:440px;max-width:640px}}@media (min-width:1000px){.home-shell{grid-template-columns:1fr 1fr;align-content:start;align-items:start;gap:28px 32px;max-width:960px;display:grid}.home-intro{grid-column:1/-1}}@media (max-width:820px){.app-shell{flex-direction:column;gap:24px;padding:52px 20px 32px}.intro{flex:none;width:100%;max-width:none}.side-panel{width:100%;max-height:none;position:static}.log-panel,.prompt-panel{flex:none}.log-list{max-height:60vh}.home-shell{gap:24px;padding:48px 20px 40px}h1{font-size:2.25rem}}.console-command{color:#3d4655;white-space:pre;background:#f4f6f9;border-radius:8px;margin:.5rem 0;padding:.75rem .9rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.5;overflow-x:auto}.mode-switch{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.9rem;display:flex}.mode-button{color:#59637a;cursor:pointer;background:#eef1f5;border:none;border-radius:999px;padding:.45rem .9rem;font-size:.86rem;font-weight:600}.mode-button:hover{background:#e4e9f0}.mode-button--on{color:#fff;background:#3d4655}.mode-button--on:hover{background:#333b48}*{box-sizing:border-box}html{background:#f7f8fb}body{min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button,input,textarea,select{font:inherit}