body{font-family:"Source Sans 3",system-ui,sans-serif;font-weight:535;letter-spacing:.01em}:root{--bg-base: #141210;--bg-surface: #1c1917;--bg-raised: #292524;--border: #3a342e;--border-subtle: #272220;--border-strong: #4d453d;--white: #ece9e4;--action: #2563eb;--action-highlight: #3b82f6;--action-bg: color-mix(in srgb, var(--action) 12%, transparent);--cancel: #374151;--cancel-highlight: #4b5563;--color-heading: #d97706;--danger: #7f1d1d;--danger-highlight: #dc2626;--danger-text: #f87171;--warning: #f59e0b;--warning-highlight: #fbbf24;--warning-bg: #1c1a0a;--success: #1a4429;--success-highlight: #155724;--success-text: #a8d5a2;--text-primary: #ece9e4;--text-secondary: #a8a29e;--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 2px 8px rgba(0,0,0,.25);--shadow: 0 4px 12px rgba(0,0,0,.45);--shadow-lg: 0 8px 28px rgba(0,0,0,.55);--elev-highlight: inset 0 1px 0 rgba(255,255,255,.05);--backdrop: rgba(0,0,0,.7);--transition-fast: .12s ease;--transition-move: .16s ease;--radius-ctl: 10px;--radius-surface: 16px;--gap: 8px;--font-title: 40px;--font-subtitle: 31px;--font-section: 25px;--font-card: 20px;--font-base: 16px;--font-small: 14px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.feature-card-header{color:var(--text-primary)}.card:hover .feature-card-header{color:var(--color-heading)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;padding:6px 14px;height:36px;min-width:36px;box-sizing:border-box;border:2px solid var(--btn-bg);border-radius:var(--radius-ctl);color:var(--text-primary);cursor:pointer;font-size:var(--font-base);font-weight:inherit;letter-spacing:inherit;line-height:1;flex-shrink:0;-webkit-user-select:none;user-select:none;background-color:var(--bg-base);transition:background-color var(--transition-fast)}.btn:hover{background-color:var(--bg-raised)}.btn:disabled,.btn-dialog:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover,.btn-dialog:disabled:hover{background-color:var(--bg-base)}.btn-action{--btn-bg: var(--action);--btn-bg-hover: var(--action-highlight)}.btn-cancel{--btn-bg: var(--cancel);--btn-bg-hover: var(--cancel-highlight)}.btn-danger{--btn-bg: var(--danger);--btn-bg-hover: var(--danger-highlight)}.btn-success{--btn-bg: var(--success);--btn-bg-hover: var(--success-highlight)}.btn-warning{--btn-bg: var(--warning);--btn-bg-hover: var(--warning-highlight)}.seg-toggle{display:flex}.btn-seg{display:inline-flex;align-items:center;justify-content:center;height:36px;box-sizing:border-box;padding:6px 14px;border:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);border-radius:0 0 var(--radius-ctl) var(--radius-ctl);position:relative;color:var(--text-primary);cursor:pointer;font-size:var(--font-base);font-weight:inherit;background-color:var(--bg-surface)}.btn-seg:hover{background-color:var(--bg-raised)}.btn-seg:not(:first-child){border-left:none}.btn-seg.active{border-bottom:3px solid var(--action);z-index:1}.btn-seg:disabled{opacity:.5;cursor:not-allowed}.btn-seg:disabled:hover{background-color:var(--bg-surface)}.btn-nav{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;padding:0 12px;height:36px;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-ctl);color:var(--text-secondary);cursor:pointer;font-size:var(--font-base);line-height:1;flex-shrink:0;-webkit-user-select:none;user-select:none;background:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn-nav:hover{background-color:var(--bg-raised);border-color:var(--border-strong);color:var(--text-primary)}.btn-nav:disabled{opacity:.4;cursor:default;pointer-events:none}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;padding:6px 14px;height:36px;box-sizing:border-box;border:none;border-radius:var(--radius-ctl);color:var(--text-secondary);cursor:pointer;font-size:var(--font-base);line-height:1;flex-shrink:0;-webkit-user-select:none;user-select:none;background:none;transition:color var(--transition-fast)}.btn-ghost:hover{color:var(--text-primary)}.btn-menu{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;padding:6px 14px;height:36px;box-sizing:border-box;width:100%;border:none;border-radius:0;cursor:pointer;font-size:var(--font-base);line-height:1;flex-shrink:0;-webkit-user-select:none;user-select:none;background:none;text-align:left;transition:background-color var(--transition-fast)}.btn-menu:hover{background-color:var(--bg-raised)}.btn-dialog{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;padding:14px 24px;height:auto;box-sizing:border-box;min-width:120px;border:none;border-radius:var(--radius-ctl);color:#fff;cursor:pointer;font-size:var(--font-base);line-height:1;flex-shrink:0;-webkit-user-select:none;user-select:none;background-color:var(--btn-bg);transition:background-color var(--transition-fast)}.btn-dialog:hover{background-color:var(--btn-bg-hover)}.card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-surface);padding:10px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-sm),var(--elev-highlight)}.card-interactive{cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-move),box-shadow var(--transition-move)}.card-interactive:hover{background-color:var(--bg-raised);transform:translateY(-1px);box-shadow:var(--shadow),var(--elev-highlight)}.card-interactive:has(:hover:is(button,textarea,input,a)){background-color:var(--bg-surface);transform:none;box-shadow:var(--shadow-sm),var(--elev-highlight)}input,textarea,select,.field{border-radius:var(--radius-ctl);background-color:var(--bg-raised);border:1px solid var(--border-strong);color:#fff;font-size:var(--font-base);letter-spacing:inherit;min-height:36px;box-sizing:border-box;padding:2px 12px;transition:border-color var(--transition-fast)}.field{display:flex;align-items:center}::placeholder{color:var(--text-secondary);opacity:.7}.dialog{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-surface);padding:24px 28px;box-shadow:var(--shadow-lg),var(--elev-highlight)}.dialog-title{font-size:var(--font-card);font-weight:650;color:var(--text-primary)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.warning-box{background-color:var(--warning-bg);border:1px solid var(--warning);border-radius:var(--radius-ctl);padding:10px 14px;font-size:var(--font-base);color:var(--warning)}.callout{position:relative;background-color:var(--bg-surface);border:2px solid var(--border-strong);border-radius:var(--radius-surface);box-shadow:var(--shadow);font-size:var(--font-base);--caret-x: 24px}.callout:before{content:"";position:absolute;top:-16px;left:var(--caret-x);margin-left:-9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:14px solid var(--border-strong)}.callout:after{content:"";position:absolute;top:-14px;left:var(--caret-x);margin-left:-7px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:14px solid var(--bg-surface)}.callout.callout-above:before{top:auto;bottom:-16px;border-bottom:0;border-top:14px solid var(--border-strong)}.callout.callout-above:after{top:auto;bottom:-14px;border-bottom:0;border-top:14px solid var(--bg-surface)}.popup-menu{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-ctl);padding:4px 0;box-shadow:var(--shadow)}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background-color:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-ctl);padding:4px 10px;font-size:var(--font-base);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 80ms;z-index:10000}[data-tip]:hover:after{opacity:1}[data-tip-below]:after{bottom:auto;top:calc(100% + 6px)}.row{display:flex;align-items:center}.stack{display:flex;flex-direction:column}.muted{color:var(--text-secondary)}.link-muted{color:var(--text-secondary);cursor:pointer}.link-muted:hover{color:var(--text-primary)}.panel-title{display:inline-block;font-size:var(--font-title);font-weight:650;line-height:1.1;color:var(--color-heading);padding-bottom:8px;margin:0}.section-header{font-size:var(--font-base);color:var(--text-primary);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.menu-row-hover:hover,.tbl-row-hover tbody tr:hover td{background-color:var(--bg-raised)}.cmp-row-hover tbody tr:hover td{filter:brightness(1.12)}.pcal-day{text-align:center;padding:8px 0;border-radius:6px;cursor:pointer;font-size:var(--font-base);font-weight:400;border:2px solid transparent;color:var(--text-primary);transition:background-color var(--transition-fast)}.pcal-day.sunday{color:var(--warning)}.pcal-day:hover{background-color:var(--bg-raised)}.pcal-day.today{font-weight:700;background-color:var(--bg-raised);border-color:var(--border-strong)}.pcal-day.selected{border:3px solid var(--action);color:var(--text-primary)}.unit-btn{background-color:var(--bg-surface)}.unit-btn:hover{background-color:var(--bg-raised)}.cal-row{cursor:pointer;color:var(--text-primary)}.cal-row td{padding:6px 10px;border-top:2px solid transparent}.cal-row td:first-child{border-left:2px solid transparent}.cal-row td:last-child{border-right:2px solid transparent;text-align:center}.cal-row:hover{background-color:var(--bg-raised)}.cal-row.selected{background-color:transparent}.cal-row.selected td{border:2px solid var(--action)}.cal-row.selected td:first-child{border-right:none}.cal-row.selected td:last-child{border-left:none}.empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 24px;text-align:center}.empty-state-icon{width:56px;height:56px;border-radius:50%;background-color:var(--bg-raised);color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.empty-state-title{font-size:var(--font-card);font-weight:600;color:var(--text-primary)}.empty-state-hint{font-size:var(--font-base);color:var(--text-secondary);max-width:420px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--bg-base);color:var(--text-primary)}.site-shell{display:flex;min-height:100%}.site-main{flex:1;min-width:0;overflow-y:auto}.page{max-width:1400px;margin:0 auto;padding:0 32px}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--action-highlight);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(max-width:767px){.site-shell{flex-direction:column}.site-sidebar{width:100%!important;flex-direction:row!important;border-right:none!important;border-bottom:1px solid var(--border);align-items:center}.site-sidebar>div:first-child{border-bottom:none!important;padding:12px 16px!important}.site-sidebar>div:last-child{display:flex;flex:1;justify-content:flex-end;padding:0 8px!important}.site-sidebar a{width:auto!important;padding:12px!important;border-left:none!important}.page{padding:0 20px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.calc-cousin{--font-base: 14px}