:root{--color-bg:#000;--color-surface-1:#16161aeb;--color-surface-2:#181819;--color-surface-3:#1c1c1d;--color-surface-4:#262629;--color-surface-muted:#ffffff0d;--color-border:#fafafc14;--color-border-strong:#25272c;--color-text:#fff;--color-muted:#9ea3b4;--color-subtle:#8d95a8;--accent-primary:#1bd760;--accent-secondary:#a855f7;--accent-active:#1bd760;--accent-info:#38bdf8;--accent-danger:#ef4444;--accent-warning:#f97316;--accent-focus:#f5c45166;--accent-interactive:var(--accent-primary);--accent-interactive-hover:#f7d07a;--accent-form-control:var(--accent-primary);--accent-task-active:#10b981;--accent-task-plus:#ef4444;--color-accent:var(--accent-primary);--color-accent-rgb:245,196,81;--color-focus:var(--accent-active);--color-short:#6fa8ff;--color-long:#ff7a7a;--shadow-soft:0 18px 40px #03060f33;--shadow-strong:0 25px 50px -12px #00000040;--blur-panel:12px;--control-bg:#ffffff0d;--control-bg-strong:#ffffff14;--control-border:#ffffff1a;--control-border-hover:#ffffff2e;--control-border-focus:rgba(var(--accent-rgb),.5);--control-text:#f5f5f7;--control-muted:#8d95a8;--control-placeholder:#8a92a6;--control-radius:var(--radius-md);--control-radius-lg:var(--radius-lg);--control-padding-sm:8px 10px;--control-padding-md:10px 14px;--control-padding-lg:12px 16px;--control-min-width:140px;--control-shadow-focus:0 0 0 2px rgba(var(--accent-rgb),.18);--control-transition:all var(--duration-med)ease;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--font-sans:var(--font-inter),ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";--font-display:var(--font-space-grotesk),ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ease-standard:cubic-bezier(.24,1,.32,1);--duration-fast:.12s;--duration-med:.18s;--duration-slow:.24s;--duration-panel:.56s;--duration-modal:.4s;--ease-panel:cubic-bezier(.22,1,.36,1);--ease-modal:cubic-bezier(.16,1,.3,1);--breakpoint-mobile:768px;--bg:var(--color-bg);--panel:var(--color-surface-1);--panel-bg-dark:10,12,14;--panel-card-bg:var(--color-surface-2);--panel-border:var(--color-border);--text:var(--color-text);--muted:var(--color-muted);--accent:var(--color-accent);--accent-note:var(--color-accent);--accent-rgb:var(--color-accent-rgb);--breathe:linear-gradient(135deg,#5acfffe6,#ad92fff2);--focus:var(--color-focus);--short:var(--color-short);--long:var(--color-long);--border-radius:var(--radius-lg);--btn-bg:var(--color-surface-muted);--btn-text:var(--color-text);--btn-border:#2a2a31;--btn-primary:var(--color-accent);--neo-acc:var(--color-accent);--timer-font:var(--font-display);--task-card-height:72px;--surface-card:var(--color-surface-muted);--surface-button:var(--btn-bg);--surface-button-border:var(--btn-border);--panel-padding:var(--space-5);--panel-gap:var(--space-3);--st-sidebar-bg:#0f0f11;--st-content-bg:#161618;--st-input-bg:#222226;--st-divider:#ffffff14;--st-border-subtle:#ffffff0f;--st-text:#f4f4f5;--st-text-secondary:#a1a1aa;--st-text-muted:#71717a;--st-radius:16px}.btn{font:inherit;color:var(--control-text);background:var(--control-bg);border-radius:var(--control-radius);padding:var(--control-padding-md);cursor:pointer;transition:var(--control-transition);-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:saturate(120%)blur(4px);backdrop-filter:saturate(120%)blur(4px);justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.btn svg{vertical-align:middle;display:inline-block}.btn-xs{padding:var(--control-padding-xs,4px 8px);font-size:.85rem}.btn-sm{padding:var(--control-padding-sm);font-size:.92rem}.btn-lg{padding:var(--control-padding-lg);font-size:1rem}.btn-pri{background:rgba(var(--color-accent-rgb),.16);border-color:rgba(var(--color-accent-rgb),.55);color:#fff}.btn-sec{background:var(--control-bg);border-color:var(--control-border)}.btn-ghost{background:0 0;border-color:#0000}.btn-danger{color:#ff7a7a;background:#ff7a7a14;border-color:#ff7a7a99}.btn:hover{border-color:var(--control-border-hover);background:#ffffff14;transform:scale(1.02)}.btn-pri:hover{border-color:rgba(var(--color-accent-rgb),.75);background:rgba(var(--color-accent-rgb),.24)}.btn-ghost:hover{background:#ffffff0f;border-color:#ffffff14}.btn:active{transform:scale(.96)}.btn:focus-visible{border-color:var(--control-border-focus);box-shadow:var(--control-shadow-focus);outline:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-icon{border-radius:40px;min-width:40px;height:40px;min-height:40px;padding:0}@media (max-width:768px){.btn-icon{min-width:40px;height:40px;min-height:40px}}.btn__icon{justify-content:center;align-items:center;display:inline-flex}.btn__label{flex-direction:row;display:flex}.btn-badge-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.pill{cursor:pointer;transition:border-color var(--duration-fast)ease,background var(--duration-fast)ease,transform var(--duration-fast)ease;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-weight:500;display:inline-flex}.pill:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-1px)}.pill-compact{border-radius:10px;gap:6px;padding:8px 12px;font-size:.9rem}.pill input[type=radio]{display:none}.pill:has(input:checked){border-color:rgba(var(--color-accent-rgb),.5);background:rgba(var(--color-accent-rgb),.12);color:#fff}.chip,.chip-button{color:#ffffffe6;cursor:pointer;transition:border-color var(--duration-fast)ease,background var(--duration-fast)ease,color var(--duration-fast)ease;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.chip--compact,.chip.chip--compact,.chip-button.chip--compact{gap:6px;padding:6px 10px;font-size:.9rem}.chip--muted,.chip.chip--muted,.chip-button.chip--muted{color:var(--control-muted);background:#ffffff0a;border-color:#ffffff1a}.chip.is-active,.chip-button.is-active{border-color:rgba(var(--color-accent-rgb),.6);background:rgba(var(--color-accent-rgb),.14);color:#fff}.chip-swatch{background:currentColor;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #ffffff2e}.accent-preset-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.accent-chip{appearance:none;color:#f5f5f7;border-radius:var(--control-radius);cursor:pointer;transition:border-color var(--duration-fast)ease,box-shadow var(--duration-fast)ease,transform var(--duration-fast)ease,background var(--duration-fast)ease;background:#1c1c22a6;border:1px solid #ffffff14;align-items:center;gap:10px;padding:10px 12px;display:flex}.accent-chip:hover,.accent-chip:focus-visible{border-color:rgba(var(--color-accent-rgb),.5);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb),.16)}.accent-chip:focus-visible{outline:none}.accent-chip:active{transform:translateY(1px)}.accent-chip.is-active{border-color:rgba(var(--color-accent-rgb),.75);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb),.2);background:#22222ad9}.accent-chip .chip-swatch{background:var(--chip-color);border-radius:999px;flex:none;width:18px;height:18px;box-shadow:0 0 0 1px #ffffff2e}.accent-chip .chip-label{font-size:.85rem;font-weight:500}.input,.select,.textarea{width:100%;min-width:var(--control-min-width);padding:var(--control-padding-md);border-radius:var(--control-radius);border:1px solid var(--control-border);background:var(--control-bg-strong);color:var(--control-text);transition:var(--control-transition)}.field{flex-direction:column;gap:6px;display:flex}.field-row{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.field-stacked{flex-direction:column;align-items:stretch;gap:8px}.field-label{color:#ffffffe6;font-weight:600}.field-help{color:var(--control-muted);font-size:.9rem}.field-sm{gap:4px}.field-lg{gap:8px}.field-group{gap:12px;display:grid}.group-row{align-items:center;gap:8px;display:flex}.group-col-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.group-col-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.group-col-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-full{grid-column:1/-1}.unite>:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.unite>:not(:first-child):not(:last-child){border-radius:0}.unite>:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group{flex-wrap:wrap;gap:8px;display:inline-flex}.inline-group{flex-direction:column;gap:6px;display:flex}.inline-group-label{color:#ffffffe6;font-weight:600}.inline-group-body{align-items:center;gap:8px;display:flex}.btn-group.unite>*{border-radius:0}.btn-group.unite>:first-child{border-top-left-radius:var(--control-radius);border-bottom-left-radius:var(--control-radius)}.btn-group.unite>:last-child{border-top-right-radius:var(--control-radius);border-bottom-right-radius:var(--control-radius)}.input-sm{padding:var(--control-padding-sm);font-size:.92rem}.input-lg{padding:var(--control-padding-lg);font-size:1rem}.input::placeholder,.select::placeholder,.textarea::placeholder{color:var(--control-placeholder)}.input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.input[type=number]{appearance:textfield}.input:hover,.select:hover,.textarea:hover{border-color:var(--control-border-hover)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--control-border-focus);box-shadow:var(--control-shadow-focus);outline:none}.input:disabled,.select:disabled,.textarea:disabled{opacity:.6;cursor:not-allowed;background:#ffffff0a}.input-bare{border-radius:var(--control-radius);padding:var(--control-padding-sm);min-width:var(--control-min-width);transition:var(--control-transition);background:#ffffff0a;border:1px solid #0000}.input-bare:hover{background:#ffffff0f;border-color:#ffffff14}.input-bare:focus-visible{border-color:var(--control-border-focus);box-shadow:var(--control-shadow-focus);background:#ffffff0f}.input-bg{background:var(--control-bg);border:1px solid var(--control-border);border-radius:var(--control-radius);padding:var(--control-padding-sm)}.bg-dark{background:#00000059}.textarea{resize:vertical;min-height:120px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23bdbdbd'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px 14px;padding-right:36px}.slider{appearance:none;background:linear-gradient(90deg,var(--accent-form-control)var(--range-fill,0%),#ffffff2e var(--range-fill,0%));border-radius:999px;width:100%;height:8px}.slider:focus-visible{box-shadow:var(--control-shadow-focus);outline:none}.slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;transition:transform var(--control-transition);background:#fff;border:2px solid #0000001a;border-radius:50%;box-shadow:0 2px 6px #00000059}.slider:active::-webkit-slider-thumb{transform:scale(.96)}.slider::-moz-range-thumb{width:18px;height:18px;transition:transform var(--control-transition);background:#fff;border:2px solid #0000001a;border-radius:50%;box-shadow:0 2px 6px #00000059}.slider:active::-moz-range-thumb{transform:scale(.96)}.slider-wrap{align-items:center;gap:8px;display:flex}.slider-value{text-align:right;font-variant-numeric:tabular-nums;min-width:42px;color:var(--control-muted)}.switch{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex;position:relative}.switch-track{border:1px solid var(--control-border);width:48px;height:26px;transition:var(--control-transition);background:#383838;border-radius:999px;position:relative;box-shadow:0 1px 4px #00000040}.switch-thumb{width:20px;height:20px;transition:var(--control-transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #00000059}.switch input{opacity:0;cursor:pointer;position:absolute;inset:0}.switch input:checked+.switch-track{background:var(--accent-form-control);border-color:var(--accent-form-control)}.switch input:checked+.switch-track .switch-thumb{transform:translate(22px)}.switch input:focus-visible+.switch-track{box-shadow:var(--control-shadow-focus)}.switch input:disabled+.switch-track{opacity:.5;cursor:not-allowed}.switch-text{flex-direction:column;gap:4px;display:flex}:where(.sc-switch-root){cursor:pointer;width:72px;height:28px;transition:var(--control-transition);background:#ffffff2e;border-radius:999px;flex-shrink:0;justify-content:flex-start;align-items:center;display:inline-flex;position:relative;box-shadow:0 1px 4px #00000040}:where(.sc-switch-root[data-state=checked]){background:var(--accent-form-control)}:where(.sc-switch-thumb){width:40px;height:24px;transition:var(--control-transition);background:#fff;border-radius:999px;display:block;transform:translate(1px)}:where(.sc-switch-root[data-state=checked]) :where(.sc-switch-thumb){transform:translate(11px)}:where(.sc-switch-root:focus-visible){box-shadow:var(--control-shadow-focus)}:where(.sc-switch-root:disabled),:where(.sc-switch-root[data-disabled]){opacity:.5;cursor:not-allowed}:where(.slider-root){touch-action:none;-webkit-user-select:none;user-select:none;flex:auto;align-items:center;width:100%;min-width:0;display:flex;position:relative}:where(.slider-track){background:#ffffff2e;border-radius:999px;width:100%;height:6px;position:relative;overflow:hidden}:where(.slider-range){background:var(--accent);height:100%;position:absolute}:where(.slider-thumb){width:16px;height:16px;transition:var(--control-transition);background:#fff;border-radius:999px;box-shadow:0 1px 4px #00000040}:where(.slider-thumb:focus-visible){box-shadow:var(--control-shadow-focus)}:where(.slider-root)[data-disabled],:where(.slider-root)[data-disabled] :where(.slider-thumb){opacity:.5}
.number-stepper{align-items:center;gap:10px;display:flex}.stepper-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.stepper-btn:hover:not(:disabled){color:#fff;background:#ffffff1f;border-color:#fff3}.stepper-btn:active:not(:disabled){background:#ffffff26;transform:scale(.95)}.stepper-btn:disabled{opacity:.3;cursor:not-allowed}.stepper-value-group{justify-content:center;align-items:center;gap:6px;min-width:40px;display:flex}.number-stepper .stepper-input,.stepper-input[type=number]{text-align:center;appearance:textfield;width:fit-content;min-width:20px;font-size:15px;font-weight:500;color:#fff!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important}.stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-input:focus{box-shadow:none!important;outline:none!important}.stepper-label{color:#fff9;white-space:nowrap;font-size:13px}
