:root{--font-sans: Inter, system-ui, -apple-system, Arial, sans-serif;--color-bg: #f3f5f9;--color-surface: #ffffff;--color-text: #182337;--color-text-strong: #152138;--color-muted: #778197;--color-eyebrow: #788399;--color-subtle: #7a8495;--color-border: #e5e9f0;--color-border-input: #dce2ec;--color-input-bg: #fafbfe;--color-accent: #365ed6;--color-accent-strong: #4365d8;--color-accent-dot: #5276e6;--color-accent-soft: #e9eef9;--color-accent-soft-text: #3455a6;--color-chart: #7191e7;--color-hero-bg: #101827;--color-hero-text: #b8c2d5;--color-hero-eyebrow: #8fa5d2;--color-seg-bg: #e6eaf1;--color-seg-text: #6c7689;--color-nav-bg: #e9edf4;--color-nav-text: #657084;--color-nav-active: #1d2c49;--color-pill-bg: #e5ecff;--color-pill-text: #325dd2;--color-mini-bg: #edf2fc;--color-mini-text: #3b5f9b;--color-tag-bg: #eef3ff;--color-tag-text: #4d67a8;--color-plan-bg: #e9efff;--color-plan-text: #3159ba;--color-warning-bg: #fff7e9;--color-warning-border: #f4dfbb;--color-warning-text: #8a5a19;--color-danger: #9a6470;--color-error-bg: #fdf1f3;--color-error-border: #f1d4da;--color-error-text: #94394d;--color-success: #2f9e6a;--color-overlay: #0c1728aa;--radius-xs: 8px;--radius-sm: 9px;--radius-seg-item: 11px;--radius-md: 12px;--radius-notice: 13px;--radius-plan: 14px;--radius-seg: 15px;--radius-card: 18px;--radius-dialog: 22px;--radius-hero: 24px;--radius-pill: 30px;--shadow-seg-active: 0 2px 7px #18233712;--shadow-bar: 0 -4px 18px #1823370d;--gutter: 16px;--content-max: 1020px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--tabbar-height: 64px}:root{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);min-height:100dvh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent-dot);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--color-eyebrow)}.brand{font-weight:850;letter-spacing:-.04em;font-size:26px;margin:0}.brand-dot{color:var(--color-accent-dot)}.muted{color:var(--color-muted)}.small{font-size:13px;line-height:1.5}.pill{display:inline-block;border-radius:var(--radius-pill);padding:8px 12px;background:var(--color-pill-bg);color:var(--color-pill-text);font-size:12px;font-weight:800}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:24px 0 14px}.toolbar h2{margin:0;font-size:21px;letter-spacing:-.03em}.empty{color:#7d8799;text-align:center;padding:35px}@media(max-width:600px){.brand{font-size:23px}}.page-title{margin:0;font-size:21px;letter-spacing:-.03em}.btn{border:0;border-radius:var(--radius-md);padding:13px 16px;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background:var(--color-accent);color:#fff}.btn-secondary{background:var(--color-accent-soft);color:var(--color-accent-soft-text)}.btn-ghost{background:var(--color-surface);border:1px solid var(--color-border-input);color:#53617a}.btn-mini{background:var(--color-mini-bg);border-radius:var(--radius-sm);padding:8px 10px;font-weight:750;color:var(--color-mini-text);font-size:12px}.btn-wide{width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:17px}.seg{display:flex;gap:5px;background:var(--color-seg-bg);padding:5px;border-radius:var(--radius-seg)}.seg button{border:0;background:transparent;padding:11px 16px;border-radius:var(--radius-seg-item);font-weight:750;color:var(--color-seg-text);flex:1}.seg button.active{background:var(--color-surface);color:var(--color-text-strong);box-shadow:var(--shadow-seg-active)}.field{display:flex;flex-direction:column;gap:5px;margin:0 0 14px}.field-label{color:var(--color-muted);font-size:12px;font-weight:750}.field-input{width:100%;padding:12px 10px;border:1px solid var(--color-border-input);border-radius:var(--radius-sm);color:var(--color-text-strong);background:var(--color-input-bg);font-size:16px}.field-invalid .field-input{border-color:var(--color-error-border);background:var(--color-error-bg)}.field-hint{color:var(--color-subtle);font-size:12px}.field-error{color:var(--color-error-text);font-size:12px;font-weight:700}.chip{border:1px solid transparent;border-radius:var(--radius-xs);padding:7px 10px;background:var(--color-tag-bg);color:var(--color-tag-text);font-size:12px;font-weight:700}.chip-selected{background:var(--color-accent);color:#fff}.banner{border-radius:var(--radius-notice);padding:13px;font-size:13px;line-height:1.5;margin:14px 0}.banner-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning-text)}.banner-info{background:var(--color-plan-bg);color:var(--color-plan-text);border-radius:var(--radius-plan);padding:14px;font-size:14px}.banner-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text)}@media(max-width:600px){.card{padding:12px}.btn-mini{padding:7px}}.hist-month{margin:20px 0 0}.hist-month-title{margin:0 0 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-eyebrow);font-weight:800}.hist-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.hist-card{display:flex;justify-content:space-between;align-items:center;gap:12px}.hist-card-main{display:flex;flex-direction:column;gap:3px;min-width:0}.hist-card-main small{color:var(--color-eyebrow)}.hist-card .btn{flex:none;min-height:40px}.hist-tags{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.hist-tags .tag{font-size:11px;background:var(--color-tag-bg);color:var(--color-tag-text);border-radius:var(--radius-xs);padding:5px 7px}.hist-back{display:inline-block;margin-top:18px;font-weight:750;font-size:14px;text-decoration:none;padding:6px 0}.hist-meta{margin:0 0 12px}.hist-exercise h3{margin:0 0 4px;font-size:16px;letter-spacing:-.02em}.hist-exercise p{margin:0 0 4px}.hist-sets{list-style:none;margin:8px 0 0;padding:0}.hist-set{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--color-border);font-size:14px}.hist-set-state{font-size:12px;font-weight:750;white-space:nowrap;color:var(--color-success)}.hist-set-state.muted{color:var(--color-muted)}.hist-note{margin-top:12px}.hist-note-title{margin:0 0 8px;font-size:16px}.hist-note-text{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.hist-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.hist-confirm-text{margin:0}.auth{max-width:440px;margin:0 auto;padding:calc(24px + var(--safe-top)) calc(var(--gutter) + var(--safe-right)) calc(32px + var(--safe-bottom)) calc(var(--gutter) + var(--safe-left))}.hero{background:var(--color-hero-bg);color:#fff;padding:25px;border-radius:var(--radius-hero);margin:20px 0}.hero h1{font-size:27px;letter-spacing:-.04em;margin:0 0 5px}.hero p{color:var(--color-hero-text);margin:0;font-size:14px;line-height:1.5}.auth-form .btn{margin-top:6px}.auth-switch{text-align:center;margin:18px 0 0}.splash{min-height:100dvh;display:grid;place-content:center;text-align:center}@media(max-width:600px){.hero{padding:20px}.hero h1{font-size:23px}}.sync{position:relative}.sync-pill{min-height:32px;padding:0 11px;border:0;border-radius:var(--radius-pill);font:inherit;font-size:12px;font-weight:750;white-space:nowrap;cursor:pointer}.sync-ok{background:#e5f5ec;color:#23784f}.sync-pending{background:var(--color-pill-bg);color:var(--color-pill-text)}.sync-offline{background:var(--color-warning-bg);color:var(--color-warning-text)}.sync-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:10;width:min(320px,calc(100vw - 2 * var(--gutter)));display:grid;gap:8px;padding:10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-notice);box-shadow:0 8px 24px #18233722}.sync-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0;font-size:13px;line-height:1.35;color:var(--color-text)}.sync-error{color:var(--color-error-text)}.sync-action{flex:none;min-height:32px;padding:0 10px;border:0;border-radius:var(--radius-sm);background:var(--color-mini-bg);color:var(--color-mini-text);font:inherit;font-size:12px;font-weight:750;cursor:pointer}.app-top:has(.sync){flex-wrap:wrap;row-gap:8px}.app-top:has(.sync) .app-top-actions{margin-left:auto}.sync-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--color-overlay);display:grid;place-items:center;padding:var(--gutter)}.sync-dialog{background:var(--color-surface);border-radius:var(--radius-dialog);padding:20px;width:min(420px,100%)}.sync-dialog-title{margin:0 0 8px;font-size:19px;letter-spacing:-.03em}.sync-dialog-text{margin:0 0 8px;font-size:14px;line-height:1.5;color:var(--color-muted)}.sync-dialog-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:16px}.sync-actions{flex:none;display:flex;flex-direction:column;align-items:stretch;gap:6px}.profile-nav{margin:0 0 14px}.profile-nav-link{flex:1;text-align:center;padding:11px 6px;border-radius:var(--radius-seg-item);font-weight:750;font-size:13px;color:var(--color-seg-text);text-decoration:none}.profile-nav-link.active{background:var(--color-surface);color:var(--color-text-strong);box-shadow:var(--shadow-seg-active)}.profile-block,.profile-card{margin-top:12px}.profile-textarea{resize:vertical;min-height:56px;font-family:inherit}.profile-actions{display:grid;gap:10px;margin:14px 0 8px}.list-editor{margin:0}.list-items{list-style:none;margin:0 0 4px;padding:0;display:grid;gap:6px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:9px 12px;font-size:14px;overflow-wrap:anywhere}.list-remove{border:0;background:transparent;color:var(--color-danger);font-size:20px;line-height:1;min-width:32px;min-height:32px}.list-add{display:flex;gap:8px}.list-add .field-input{flex:1;min-width:0}.list-fixed{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px}.tag{border-radius:var(--radius-xs);padding:6px 9px;background:var(--color-tag-bg);color:var(--color-tag-text);font-size:12px;font-weight:700}.tag-fixed{opacity:.85}.section-title{margin:0 0 12px;font-size:16px;letter-spacing:-.02em}.row-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.row-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px}.row-main{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}.row-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.row-form{width:100%}.preset-list{display:flex;flex-wrap:wrap;gap:8px}.confirm{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.confirm-question{font-size:12px;color:var(--color-error-text);font-weight:700}.row-revoked{opacity:.65}.key-created{margin-bottom:12px;border-color:var(--color-warning-border)}.copy-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}textarea.copy-input{resize:vertical}.copy-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.guide-steps{margin:0 0 14px;padding-left:20px}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;overflow-wrap:anywhere}.exercise-row{flex-wrap:nowrap;align-items:center}.exercise-row .row-actions{flex-direction:column;align-items:flex-end}.exercise-main{flex:1}.exercise-photo{width:56px;height:56px;flex:none;object-fit:cover;border-radius:var(--radius-sm);background:var(--color-accent-soft)}.exercise-form{width:100%;margin-top:12px}.row-item>.exercise-form{margin-top:0}.exercise-numbers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.prog-list{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:12px}.prog-list-archive{margin-top:12px}.prog-card-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.prog-card-title{margin:0;font-size:18px;letter-spacing:-.03em;flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.prog-card-meta{margin:6px 0 12px}.prog-badge-archive{display:inline-block;border-radius:var(--radius-pill);padding:8px 12px;background:var(--color-seg-bg);color:var(--color-seg-text);font-size:12px;font-weight:800}.prog-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.prog-json{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;resize:vertical}.prog-check{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--color-muted);margin:0 0 8px}.prog-check input{margin-top:2px}.prog-errors{margin:8px 0 0;padding-left:18px}.prog-errors li{margin:4px 0}.prog-error-where{font-weight:800}.prog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--color-overlay);display:grid;place-items:center;padding:var(--gutter)}.prog-dialog{background:var(--color-surface);border-radius:var(--radius-dialog);padding:20px;width:min(420px,100%)}.prog-dialog-title{margin:0 0 8px;font-size:19px;letter-spacing:-.03em}.prog-dialog-body{font-size:14px;line-height:1.5;color:var(--color-muted)}.prog-dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.prog-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.prog-goal{margin:0;font-weight:750;letter-spacing:-.02em}.prog-facts{margin:6px 0 0}.prog-day{margin-top:14px}.prog-day-title{margin:0 0 10px;font-size:18px;letter-spacing:-.03em}.prog-exercises,.prog-versions{list-style:none;margin:0;padding:0;display:grid;gap:10px}.prog-exercise,.prog-version{border-top:1px solid var(--color-border);padding-top:10px}.prog-exercise:first-child,.prog-version:first-child{border-top:0;padding-top:0}.prog-exercise-main,.prog-version-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:space-between}.prog-version-head{justify-content:flex-start}.prog-exercise-name{font-weight:750;min-width:0;overflow-wrap:anywhere}.prog-version-comment{margin:4px 0 6px}.prog-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.prog-ex-edit{border-top:1px solid var(--color-border);padding-top:12px;margin-top:12px}.prog-ex-edit-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.prog-ex-edit-head .prog-day-title{margin:0}.prog-row-actions{display:flex;gap:6px;flex:none}.prog-alts{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.prog-alt{display:inline-flex;align-items:center;gap:4px;border-radius:var(--radius-xs);padding:5px 4px 5px 9px;background:var(--color-tag-bg);color:var(--color-tag-text);font-size:12px;font-weight:700}.prog-alt-remove{border:0;background:transparent;color:var(--color-danger);font-size:15px;line-height:1;padding:2px 6px}.prog-warnings{display:grid;gap:8px;justify-items:start}.prog-warning-row{display:flex;gap:8px;width:100%}.prog-picker{background:var(--color-input-bg);border:1px solid var(--color-border-input);border-radius:var(--radius-md);padding:12px;margin:10px 0}.prog-picker-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.prog-picker-list{list-style:none;margin:0 0 10px;padding:0;max-height:260px;overflow-y:auto;display:grid;gap:6px}.prog-picker-item{width:100%;text-align:left;display:flex;flex-direction:column;gap:2px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:9px 10px;color:var(--color-text)}.prog-custom{border:0;border-top:1px solid var(--color-border);margin:10px 0 0;padding:10px 0 0}.prog-savebar{position:sticky;bottom:calc(var(--tabbar-height) + 12px + var(--safe-bottom));z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-bar);padding:10px 12px}@media(max-width:420px){.prog-two{grid-template-columns:1fr}}.prog-period{margin:14px 0}.prog-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.prog-stat{display:flex;flex-direction:column;gap:4px;min-width:0}.prog-stat small{color:var(--color-subtle);font-size:12px}.prog-stat b{font-size:22px;overflow-wrap:anywhere}.prog-panel{margin-top:12px}.prog-panel h2,.prog-panel h3{margin:0 0 12px;font-size:16px;letter-spacing:-.02em}.chart-svg{display:block;width:100%;height:auto}.chart-axis{stroke:var(--color-border-input);stroke-width:1}.chart-bar{fill:var(--color-chart)}.chart-line{stroke:var(--color-chart);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.chart-dot{fill:var(--color-accent)}.chart-value{font-size:11px;font-weight:800;fill:var(--color-text-strong)}.chart-label{font-size:10px;fill:var(--color-muted)}.prog-measure-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.prog-measure-value{font-size:22px;font-weight:800}.prog-delta{font-size:13px;font-weight:750;color:var(--color-muted)}.prog-form{margin-top:12px}.prog-form select.field-input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.prog-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:6px}.prog-gap{margin-top:12px}.prog-period button{padding-left:4px;padding-right:4px;font-size:13px;white-space:nowrap}.wk-date{margin:12px 0;padding:12px 17px}.wk-date-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--color-muted);font-weight:750}.wk-date-label input{padding:10px;min-height:44px;border:1px solid var(--color-border-input);border-radius:var(--radius-xs);background:var(--color-input-bg);color:var(--color-text-strong);font-size:16px}.wk-exercise{margin:12px 0}.wk-exhead{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:start}.wk-illustration{width:64px;height:64px;border-radius:var(--radius-plan);background:var(--color-accent-soft);display:grid;place-items:center;overflow:hidden}.wk-illustration svg,.wk-illustration img{width:100%;height:100%;display:block}.wk-illustration img{object-fit:cover}.wk-extitle h3{margin:0 0 4px;font-size:15px;letter-spacing:-.02em;color:var(--color-text-strong)}.wk-extitle p{margin:0;color:var(--color-subtle);font-size:12px}.wk-extitle .wk-exnote{margin-top:4px;color:var(--color-warning-text)}.wk-tag{display:inline-block;margin-top:6px;font-size:11px;background:var(--color-tag-bg);color:var(--color-tag-text);border-radius:var(--radius-xs);padding:5px 7px}.wk-swap{min-height:44px}.wk-set-title{margin-top:14px;font-size:11px;color:var(--color-subtle);font-weight:800}.wk-set-list{display:grid;gap:8px;margin-top:8px}.wk-set{display:grid;grid-template-columns:20px minmax(0,1fr) minmax(0,1fr) 44px 36px;align-items:end;gap:6px}.wk-set-num{font-size:12px;font-weight:800;color:var(--color-subtle);align-self:center}.wk-set-field{display:block;font-size:10px;color:var(--color-muted);font-weight:700;min-width:0}.wk-set-field input{display:block;width:100%;min-width:0;min-height:44px;margin-top:3px;padding:8px 6px;border:1px solid var(--color-border-input);border-radius:var(--radius-sm);background:var(--color-input-bg);color:var(--color-text-strong);font-size:16px}.wk-set-check{position:relative;align-self:center;width:44px;height:44px;display:grid;place-items:center}.wk-set-check input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.wk-set-check span{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--color-border-input);border-radius:var(--radius-sm);background:var(--color-input-bg);color:transparent;font-weight:800}.wk-set-check input:checked+span{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.wk-set-check input:focus-visible+span{outline:2px solid var(--color-accent-dot);outline-offset:2px}.wk-set-remove{align-self:center;width:36px;height:44px;border:0;background:none;color:var(--color-danger);font-size:22px;padding:0}.wk-exfoot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.wk-add{min-height:44px}.wk-all{display:flex;gap:8px;align-items:center;min-height:44px;font-size:12px;font-weight:750;color:#526076}.wk-all input{width:20px;height:20px;accent-color:var(--color-accent-strong)}.wk-section-title{margin:0 0 10px;font-size:16px;letter-spacing:-.02em}.wk-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.wk-chips .chip{min-height:40px;padding:8px 12px;font-size:13px}.wk-textarea{resize:vertical;font-family:inherit}.wk-banner-actions{display:flex;gap:8px;margin-top:10px}.wk-actions{margin:17px 0 24px}.wk-actions .btn{min-height:52px;font-size:16px}.wk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:grid;place-items:center;padding:16px;z-index:20}.wk-dialog{width:min(480px,100%);max-height:85dvh;overflow:auto;background:var(--color-surface);border-radius:var(--radius-dialog);padding:20px}.wk-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.wk-dialog-head h2{margin:0;font-size:19px;letter-spacing:-.03em}.wk-hint{color:var(--color-muted);font-size:13px;line-height:1.5}.wk-option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);padding:10px;margin:8px 0;min-height:64px;color:var(--color-text)}.wk-option[aria-pressed=true]{border-color:var(--color-accent-dot)}.wk-option .wk-illustration{width:48px;height:48px;flex:none}.wk-option-text{flex:1;min-width:0}.wk-option-text b{display:block;font-size:14px}.wk-option-text small{color:var(--color-muted)}.app{min-height:100dvh}.app-top{max-width:var(--content-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(18px + var(--safe-top)) calc(var(--gutter) + var(--safe-right)) 0 calc(var(--gutter) + var(--safe-left))}.app-top-actions{display:flex;align-items:center;gap:10px}.app-main{max-width:var(--content-max);margin:0 auto;padding:0 calc(var(--gutter) + var(--safe-right)) calc(var(--tabbar-height) + 28px + var(--safe-bottom)) calc(var(--gutter) + var(--safe-left))}.health-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--color-border-input)}.health-online{background:var(--color-success)}.health-offline{background:#e3a33b}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;gap:2px;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-bar);padding:6px calc(4px + var(--safe-right)) calc(6px + var(--safe-bottom)) calc(4px + var(--safe-left))}.tabbar-item{flex:1;min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:var(--radius-seg-item);color:var(--color-nav-text);font-size:10.5px;font-weight:750;letter-spacing:-.01em;text-decoration:none}.tabbar-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabbar-item.active{background:var(--color-nav-active);color:#fff}@media(min-width:720px){.tabbar{left:50%;right:auto;transform:translate(-50%);width:min(640px,calc(100% - 32px));bottom:calc(12px + var(--safe-bottom));border:1px solid var(--color-border);border-radius:var(--radius-card);padding:6px}}