:root{--radius:12px;--radius-sm:8px;--gutter:16px;--gutter-row:10px;--scroll-end:80px;--shadow-1:0 1px 2px #00000029;--shadow-2:0 6px 24px #00000047;--dur-fast:.12s;--dur:.2s;--ease:cubic-bezier(.2, 0, .2, 1)}:root,:root[data-theme=dark]{--bg:#101116;--surface:#1a1c23;--surface-2:#23262f;--border:#2e323d;--text:#e8eaf0;--text-dim:#9aa0ae;--accent:#6ea8fe;--accent-strong:#3b82f6;--danger:#f87171;--cell-empty:#2a2d36;--bar-bg:#14151beb;--milestone:#fbbf24;--tag-event-bg:#4c3a99;--tag-event-fg:#d6ccff;--tag-plan-bg:#1e4a6e;--tag-plan-fg:#a9d6ff;--tag-done-bg:#1e5c3a;--tag-done-fg:#a9f0c8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f5f6f8;--surface:#fff;--surface-2:#eceef2;--border:#d9dde4;--text:#191c22;--text-dim:#626a78;--accent:#2563eb;--accent-strong:#2563eb;--danger:#dc2626;--cell-empty:#e5e8ee;--bar-bg:#ffffffeb;--milestone:#b45309;--tag-event-bg:#ede9fe;--tag-event-fg:#5b32c4;--tag-plan-bg:#dbeafe;--tag-plan-fg:#1d4ed8;--tag-done-bg:#d1fae5;--tag-done-fg:#047857;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root[data-theme=system]{--bg:#f5f6f8;--surface:#fff;--surface-2:#eceef2;--border:#d9dde4;--text:#191c22;--text-dim:#626a78;--accent:#2563eb;--accent-strong:#2563eb;--danger:#dc2626;--cell-empty:#e5e8ee;--bar-bg:#ffffffeb;--milestone:#b45309;--tag-event-bg:#ede9fe;--tag-event-fg:#5b32c4;--tag-plan-bg:#dbeafe;--tag-plan-fg:#1d4ed8;--tag-done-bg:#d1fae5;--tag-done-fg:#047857;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);background:0 0;border:none}button:disabled{cursor:default}svg.lucide{flex-shrink:0;display:block}.btn-primary,.btn-secondary.with-icon,.legend-btn,.year-nav-btn,.goal-seg,.fab,.milestone-line,.toast{justify-content:center;align-items:center;gap:8px;display:flex}.milestone-line{justify-content:flex-start;gap:6px}.year-nav-btn{gap:4px}.day-num,.day-row-num,.year-col-year,.year-col-age,.month-nav-year,.sheet-year-header{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}input,textarea{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;width:100%;padding:10px 12px}input:focus,textarea:focus{outline:2px solid var(--accent-strong);border-color:#0000}.app-shell{height:100dvh;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex}@media (width>=900px){:root{--gutter:20px;--gutter-row:14px}}.app-main{flex:1;min-height:0;position:relative}.scroll-container{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto}.tab-bar{border-top:1px solid var(--border);background:var(--bar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-bottom:env(safe-area-inset-bottom);display:flex}.tab{color:var(--text-dim);flex-direction:column;flex:1;align-items:center;gap:2px;padding:9px 0 7px;display:flex;position:relative}.tab.active{color:var(--accent)}.tab.active:before{content:"";background:var(--accent);border-radius:0 0 2px 2px;width:26px;height:2px;position:absolute;top:0}.tab-icon{transition:transform var(--dur-fast) var(--ease);line-height:1;display:flex}.app-header{padding:8px var(--gutter) 9px;border-bottom:1px solid var(--border);background:var(--bar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;align-items:center;gap:10px;display:flex;position:relative}.app-header-text{flex:1;min-width:0}.app-header-title{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:700}.app-header-status{color:var(--text-dim);align-items:center;gap:6px;font-size:11px;display:flex}.app-header-status .status-dot{width:6px;height:6px}.app-header-status.ok .status-dot{background:#34d399}.app-header-status.warn .status-dot{background:#fbbf24}.app-header-status.demo .status-dot{background:#a78bfa}.icon-btn{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;line-height:1;display:inline-flex}.icon-btn:disabled{color:var(--text-dim)}.icon-btn.spinning svg{animation:.9s linear infinite spin}.icon-btn.subtle{width:36px;height:36px;color:var(--text-dim);background:0 0;border-color:#0000}.icon-btn.subtle:active{background:var(--surface-2)}@media (hover:hover){.icon-btn.subtle:hover{background:var(--surface-2);color:var(--text);border-color:#0000}}.ptr-arrow{transition:transform var(--dur) var(--ease);margin-right:6px}.ptr-arrow.ready{transform:rotate(180deg)}.toast-icon.ok{color:#34d399}.toast-icon.danger{color:var(--danger)}.app-header-progress{background:0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.app-header-progress:after{content:"";background:var(--accent);width:40%;animation:1.1s ease-in-out infinite indeterminate;position:absolute;inset:0}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(300%)}}.toast{left:50%;bottom:calc(66px + env(safe-area-inset-bottom));border:1px solid var(--border);background:var(--surface);max-width:min(92vw,460px);box-shadow:var(--shadow-2);z-index:70;animation:toast-in var(--dur) var(--ease);border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;display:flex;position:fixed;transform:translate(-50%)}.toast.error{border-color:var(--danger);border-radius:var(--radius)}.toast-text{overflow-wrap:anywhere;min-width:0}.toast .btn-text{flex-shrink:0}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.spinner.small{border-width:2px;width:13px;height:13px}.tab-label{font-size:11px}.ptr-indicator{color:var(--text-dim);justify-content:center;align-items:flex-end;padding-bottom:6px;font-size:13px;transition:height .15s;display:flex;overflow:hidden}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;height:100%;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:12px;max-width:420px;margin:0 auto;padding:32px;display:flex}.empty-state h2{color:var(--text);letter-spacing:-.02em;margin:0;font-size:22px}.empty-state p{margin:0;line-height:1.5}@media (width>=900px){*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:20px 0 8px;font-size:12px}.error-text{color:var(--danger);word-break:break-word;margin:10px 0;font-size:13px}.muted{color:var(--text-dim);font-weight:400}.btn-primary{background:var(--accent-strong);color:#fff;border-radius:var(--radius);width:100%;padding:13px 18px;font-weight:600}.btn-primary:disabled{opacity:.6}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled),.legend-btn:active,.year-nav-btn:active:not(:disabled),.month-jump:active:not(:disabled),.goal-seg:active:not(:disabled),.icon-btn:active:not(:disabled){transform:scale(.97)}.day-card:active,.day-row:active,.year-col:active{background:var(--surface-2)}.tab:active .tab-icon{transform:scale(.9)}@media (hover:hover){.btn-secondary:hover:not(:disabled),.legend-btn:hover,.year-nav-btn:hover:not(:disabled),.month-jump:hover:not(:disabled),.icon-btn:hover:not(:disabled){border-color:var(--accent)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.day-card:hover,.day-row:hover,.year-col:hover,.goals-details summary:hover{background:var(--surface-2)}.tab:hover{color:var(--text)}}.btn-secondary{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:12px 18px}.btn-text{color:var(--accent);border-radius:var(--radius-sm);padding:10px 8px}.btn-text.danger{color:var(--danger)}.btn-link{color:var(--accent);text-align:left;padding:8px 0;font-size:14px}.btn-stack{flex-direction:column;gap:10px;margin-top:16px;display:flex}.swatch{border-radius:4px;flex-shrink:0;width:14px;height:14px;display:inline-block}.swatch-clear{border:1px dashed var(--text-dim)}.chip{background:var(--surface-2);color:var(--text-dim);border-radius:999px;padding:2px 8px;font-size:11px}.chip-today{background:var(--accent-strong);color:#fff}.modal-backdrop{z-index:50;background:#0000008c;align-items:flex-end;height:100dvh;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--surface);box-shadow:var(--shadow-2);padding:18px 18px calc(18px + env(safe-area-inset-bottom));width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 24px);overscroll-behavior:contain;border-radius:16px 16px 0 0;animation:.2s slide-up;overflow-y:auto}.modal-actions{bottom:env(safe-area-inset-bottom);background:var(--surface);margin-top:4px;padding:10px 0 8px;position:sticky}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.fullscreen-backdrop{background:var(--bg);z-index:60;height:100dvh;position:fixed;inset:0}.fullscreen-sheet{height:100%;padding-top:env(safe-area-inset-top);touch-action:pan-y;background:var(--bg);will-change:transform;transition:transform var(--dur) var(--ease);flex-direction:column;animation:.15s fade-in;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fs-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.fs-header-spacer{width:52px}.fs-body{overscroll-behavior:contain;min-height:0;padding:14px var(--gutter) calc(20px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.fs-hint{color:var(--text-dim);text-align:center;margin-top:18px;font-size:12px}.fs-footer{border-top:1px solid var(--border);gap:6px;margin-top:16px;padding-top:14px;display:grid}.year-pager-nav,.decade-nav{padding:10px var(--gutter) 0;gap:8px;display:flex}.decade-nav{padding-top:18px}.fs-body .decade-nav{padding:18px 0 0}.year-nav-btn{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text);flex:1;padding:10px;font-size:14px;font-weight:600}.year-nav-btn:disabled{color:var(--border)}.field{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.field-label{color:var(--text-dim);font-size:13px}.field-hint{color:var(--text-dim);font-size:12px}.readonly-value{border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-dim);word-break:break-word;padding:9px 12px}.field-row{gap:8px;display:flex}.field-row .field{flex:1;min-width:0}.daily-list{padding:8px var(--gutter) var(--scroll-end)}.month-divider{z-index:5;background:var(--bg);color:var(--accent);padding:10px 0 6px;font-size:15px;font-weight:700;position:sticky;top:0}.day-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.day-card.empty{opacity:.75;background:0 0;border-style:dashed}.day-card.today{border-color:var(--accent-strong);box-shadow:0 0 0 1px var(--accent-strong)}.day-card-date{flex-direction:column;align-items:center;gap:2px;min-width:44px;display:flex}.day-num{font-size:19px;font-weight:700;line-height:1.1}.day-weekday{color:var(--text-dim);text-transform:uppercase;font-size:11px}.day-card-body{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.field-line{word-break:break-word;font-size:14px;line-height:1.35}.day-title-line{word-break:break-word;font-size:15px;font-weight:700;line-height:1.3}.milestone-line{color:var(--milestone);font-size:14px;font-weight:600}.placeholder-line{color:var(--text-dim);font-size:13px}.tag{text-transform:uppercase;letter-spacing:.05em;vertical-align:1px;border-radius:4px;margin-right:4px;padding:1px 6px;font-size:10px;font-weight:700}.tag-event{background:var(--tag-event-bg);color:var(--tag-event-fg)}.tag-plan{background:var(--tag-plan-bg);color:var(--tag-plan-fg)}.tag-done{background:var(--tag-done-bg);color:var(--tag-done-fg)}.fab{background:var(--accent-strong);color:#fff;box-shadow:var(--shadow-2);z-index:10;border-radius:999px;padding:12px 20px;font-weight:600;position:absolute;bottom:16px;right:16px}.ym-view{flex-direction:column;height:100%;display:flex}.month-nav{justify-content:space-between;align-items:center;padding:8px 6px 4px;display:flex}.month-nav-title{font-size:17px;font-weight:700}.month-nav-arrow{border-radius:var(--radius-sm);min-width:56px;min-height:44px;color:var(--accent);font-size:24px;line-height:1}.month-nav-arrow:disabled{color:var(--border)}.month-nav-year{color:var(--accent)}.month-panel{touch-action:pan-y;will-change:transform;min-height:0;transition:transform var(--dur) var(--ease);flex-direction:column;flex:1;display:flex}.month-panel.dragging,.fullscreen-sheet.dragging{transition:none}.ym-footer{padding:20px var(--gutter) var(--scroll-end);flex-direction:column;gap:10px;display:flex}.day-list{padding:0 var(--gutter-row)}.day-list-empty{padding:12px var(--gutter);color:var(--text-dim);font-size:13px}.day-row{text-align:left;border-bottom:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;width:100%;min-height:42px;padding:7px 6px;display:flex}.day-row.today{box-shadow:inset 0 0 0 1px var(--accent-strong);background:#3b82f624;border-bottom-color:#0000;border-radius:8px}.day-row-num{background:var(--surface-2);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:24px;font-size:13px;font-weight:600;display:inline-flex}.day-row-num.weekend:not([style]){color:var(--text-dim)}.day-row-weekday{color:var(--text-dim);text-transform:uppercase;flex-shrink:0;width:30px;font-size:11px}.day-row-text{white-space:pre-wrap;word-break:break-word;flex:1;font-size:13px;line-height:1.3}.tag-bubble{background:var(--surface-2);border:1px solid var(--border);color:var(--accent);text-transform:uppercase;letter-spacing:.04em;vertical-align:1px;white-space:nowrap;border-radius:999px;margin-right:6px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-block}.sheet-view{padding:12px var(--gutter) var(--scroll-end);scroll-snap-type:y proximity;overflow-x:auto}.sheet-year{scroll-snap-align:start;scroll-snap-stop:always;width:max-content;min-width:100%;margin-bottom:28px;scroll-margin-top:12px}.sheet-year-header{color:var(--accent);padding:6px 2px 10px;font-size:18px;font-weight:700}.sheet-months{grid-template-columns:repeat(12,minmax(170px,1fr));gap:10px;padding-bottom:8px;display:grid}.sheet-month{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:8px}.sheet-month-title{padding:2px 4px 8px;font-size:13px;font-weight:700}.sheet-month .day-row{gap:6px;min-height:26px;padding:2px 4px}.sheet-month .day-row-num{width:24px;height:20px;font-size:11px}.sheet-month .day-row-weekday{width:22px;font-size:9px}.sheet-month .day-row-text{font-size:12px}.goals-details{margin:0 var(--gutter) 8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.goals-details summary{color:var(--text-dim);cursor:pointer;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;list-style:none;display:flex}.goals-details summary::-webkit-details-marker{display:none}.goals-chevron{color:var(--accent);transition:transform var(--dur-fast) var(--ease)}.goals-details[open] .goals-chevron{transform:rotate(90deg)}.goals-card{flex-direction:column;gap:12px;padding:4px 14px 12px;display:flex}.goal-group-title{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:6px;font-size:12px;font-weight:700}.goal-row{justify-content:space-between;align-items:center;gap:10px;padding:4px 0;display:flex}.goal-label{flex:1;min-width:0;font-size:14px}.goal-segments{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.goal-seg{background:var(--surface-2);width:40px;color:var(--text-dim);border-right:1px solid var(--border);padding:6px 0}.goal-seg:last-child{border-right:none}.goal-seg.active{background:var(--accent-strong);color:#fff}.legend-strip{padding:2px var(--gutter) 8px;color:var(--text-dim);flex-wrap:wrap;gap:6px 14px;font-size:12px;display:flex}.legend-item{align-items:center;gap:5px;display:inline-flex}.legend-buttons{flex-direction:column;gap:8px;display:flex}.legend-btn{background:var(--surface-2);border:1px solid var(--border);text-align:left;border-radius:10px;justify-content:flex-start;align-items:center;gap:10px;padding:12px;display:flex}.legend-btn.active{border-color:var(--accent-strong)}.years-view{padding:12px var(--gutter) var(--scroll-end)}.years-hint{color:var(--text-dim);margin-bottom:12px;font-size:12px}.years-decade{margin-bottom:18px}.decade-heading{flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:8px;display:flex}.decade-name{color:var(--text);min-width:0;max-width:100%;font-size:14px;font-weight:650;line-height:1.25}.decade-span{color:var(--text-dim);padding-left:7px;font-size:12px;line-height:1.3}.years-band{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.year-col{background:var(--surface);border:1px solid var(--border);transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:4px 1px;display:flex}.year-col.current{border-color:var(--accent-strong);box-shadow:0 0 0 1px var(--accent-strong)}.year-col-age{min-height:14px;font-size:13px;font-weight:700;line-height:1.1}.year-col-year{color:var(--text-dim);letter-spacing:-.02em;font-size:9px;font-weight:500;line-height:1.1}.year-col-months{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.month-dot{border-radius:2px;width:70%;height:7px;position:relative}.month-dot.has-note:after{content:"";background:var(--text);opacity:.55;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;right:1px;transform:translateY(-50%)}.month-dot.now{outline:1.5px solid var(--accent)}.years-view.desktop .years-decade{margin-bottom:28px}.years-view.desktop .decade-heading{margin-bottom:10px}.years-view.desktop .decade-name{font-size:16px}.years-view.desktop .decade-span{font-size:13px}.years-view.desktop .years-band{align-items:start;gap:8px}.years-view.desktop .year-col{text-align:left;align-items:stretch;gap:6px;padding:8px}.years-view.desktop .year-col-age{font-size:14px;font-weight:700}.years-view.desktop .year-col-year{color:var(--text-dim);font-size:11px}.years-view.desktop .year-col-months{gap:3px}.month-line{border-radius:4px;grid-template-columns:8px 24px 1fr;align-items:baseline;gap:5px;width:100%;padding:2px 3px;font-size:11px;line-height:1.3;display:grid}.month-line.now{outline:1.5px solid var(--accent)}.month-line-swatch{border-radius:2px;align-self:center;width:8px;height:8px}.month-line-name{color:var(--text-dim);font-size:10px}.month-line-text{overflow-wrap:anywhere;white-space:pre-wrap;min-width:0}.years-view.desktop .year-col-title{text-align:left;-webkit-line-clamp:none;line-clamp:none;border-top:1px solid var(--border);overflow-wrap:anywhere;-webkit-hyphens:none;hyphens:none;min-height:0;margin-top:2px;padding-top:5px;font-size:11px;display:block}.year-col-title{color:var(--text-dim);text-align:center;-webkit-line-clamp:3;line-clamp:3;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;-webkit-box-orient:vertical;width:100%;min-height:11px;margin-top:2px;font-size:9px;line-height:1.2;display:-webkit-box;overflow:hidden}.year-title-summary{margin:0 0 12px;font-size:15px;font-weight:600}.year-detail-months{flex-direction:column;gap:8px;display:flex}.year-detail-row{align-items:center;gap:10px;display:flex}.year-detail-month{width:34px;color:var(--text-dim);font-size:13px}.year-detail-text{flex:1;min-width:0;font-size:14px}.month-jump{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--accent);border-radius:8px;flex-shrink:0;font-size:18px;line-height:1}.month-jump:disabled{color:var(--border)}.editable{min-width:0;display:block}.editable input{background:0 0;border:1px solid #0000;border-radius:6px;padding:5px 6px}.editable input:hover:not(:disabled){border-color:var(--border)}.editable input:focus{background:var(--surface-2)}.editable.saving input{opacity:.6}.editable.boxed input{background:var(--surface-2);border-color:var(--border);padding:10px 12px}.editable-error{color:var(--danger);padding:2px 6px;font-size:11px;display:block}.month-title-line{padding:0 var(--gutter-row) 4px;color:var(--text-dim);font-size:14px}.sheet-month .month-title-line{padding:0 0 4px;font-size:12px}.settings{padding:var(--gutter) var(--gutter) var(--scroll-end);max-width:560px;margin:0 auto}.settings h2{margin:4px 0 14px}.status-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;padding:12px 14px;font-size:14px;display:flex}.status-dot{background:var(--text-dim);border-radius:50%;flex-shrink:0;width:9px;height:9px}.status-dot.ok{background:#34d399}.status-dot.warn{background:#fbbf24}.status-dot.demo{background:#a78bfa}.segmented{border:1px solid var(--border);border-radius:10px;display:flex;overflow:hidden}.segmented button{background:var(--surface-2);color:var(--text-dim);border-right:1px solid var(--border);flex:1;padding:10px 0;font-size:14px}.segmented button:last-child{border-right:none}.segmented button.active{background:var(--accent-strong);color:#fff;font-weight:600}.guide{color:var(--text-dim);margin:6px 0 12px;padding-left:20px;font-size:14px;line-height:1.5}.guide a{color:var(--accent)}.guide code{background:var(--surface-2);border-radius:4px;padding:1px 5px;font-size:12px}