*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#f0ece3;--bg-surface:#e8e4db;--bg-raised:#dedad1;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--border:#ccc8be;--border-mid:#bbb7ad;--yellow:#b89a0a;--yellow-dim:#9c8208;--yellow-bg:#b89a0a14;--yellow-border:#b89a0a4d;--yellow-sep:#b89a0a33;--yellow-sep-text:#78640099;--yellow-tag-bg:#b89a0a1a;--red:#b03030;--red-bg:#b0303014;--red-text:#b03030;--green-text:#2e7d3a;--emp-chip-bg:#0000000f;--row-hover:#00000008;--row-border:#00000014;--day-sep-bg:#b89a0a0d;--scrollbar-track:#f0ece3;--scrollbar-thumb:#ccc;--header-bg:#e8e4db;--config-select-bg:#e8e4db;--config-date-scheme:light;--font-display:"Barlow Condensed",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif;--font-mono:"JetBrains Mono",monospace;--sidebar-w:320px}[data-theme=dark]{--bg-base:#0a0a0a;--bg-surface:#1a1a1a;--bg-raised:#222;--text-primary:#f5f2eb;--text-secondary:#888;--text-muted:#555;--border:#333;--border-mid:#444;--yellow:#e8d44d;--yellow-dim:#c9b83a;--yellow-bg:#e8d44d12;--yellow-border:#e8d44d40;--yellow-sep:#e8d44d26;--yellow-sep-text:#e8d44d80;--yellow-tag-bg:#e8d44d1a;--red:#c94040;--red-bg:#c940401a;--red-text:#e07070;--green-text:#5bb46a;--emp-chip-bg:#f5f2eb0f;--row-hover:#ffffff05;--row-border:#3339;--day-sep-bg:#e8d44d0a;--scrollbar-track:#0a0a0a;--scrollbar-thumb:#333;--header-bg:#0a0a0a;--config-select-bg:#1a1a1a;--config-date-scheme:dark}[data-theme=dark] .shift-pill.pagi{background:#e8c84d1a;color:#e8c84d}[data-theme=dark] .shift-pill.malam{background:#7eb3d41a;color:#7eb3d4}[data-theme=dark] .shift-pill.siang{background:#7dd47d1a;color:#7dd47d}#root,body,html{-webkit-font-smoothing:antialiased;background:#f0ece3;background:var(--bg-base);color:#1a1a1a;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-body);font-size:14px;height:100%;line-height:1.6;transition:background .2s,color .2s}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{align-items:center;background:#e8e4db;background:var(--header-bg);border-bottom:1px solid #ccc8be;border-bottom:1px solid var(--border);display:flex;height:64px;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;transition:background .2s;z-index:100}.header-left{align-items:baseline;display:flex;gap:12px}.logo-tag{background:#b89a0a1a;background:var(--yellow-tag-bg);border:1px solid #b89a0a4d;border:1px solid var(--yellow-border);color:#b89a0a;color:var(--yellow);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;padding:3px 8px}.logo-title{color:#1a1a1a;color:var(--text-primary);font-family:Barlow Condensed,sans-serif;font-family:var(--font-display);font-size:32px;font-weight:600;letter-spacing:.06em;line-height:1}.header-right{align-items:center;display:flex;gap:10px}.header-right-text{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.header-sub{color:#999;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:12px}.header-method{color:#b89a0a;color:var(--yellow);letter-spacing:.08em}.header-method,.theme-toggle{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:11px}.theme-toggle{align-items:center;background:#0000;border:1px solid #ccc8be;border:1px solid var(--border);color:#666;color:var(--text-secondary);cursor:pointer;display:flex;gap:6px;letter-spacing:.06em;padding:5px 12px;transition:all .15s;white-space:nowrap}.theme-toggle:hover{border-color:#b89a0a;border-color:var(--yellow);color:#b89a0a;color:var(--yellow)}.btn-about{align-items:center;background:#0000;border:1px solid #ccc8be;border:1px solid var(--border);border-radius:50%;color:#666;color:var(--text-secondary);cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:13px;height:28px;justify-content:center;transition:all .15s;width:28px}.btn-about:hover{border-color:#b89a0a;border-color:var(--yellow);color:#b89a0a;color:var(--yellow)}.app-body{display:flex;flex:1 1;min-height:0}.sidebar{background:#e8e4db;background:var(--bg-surface);border-right:1px solid #ccc8be;border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:320px;min-width:var(--sidebar-w);overflow-y:auto;padding:2rem 1.5rem;transition:background .2s;width:320px;width:var(--sidebar-w)}.section-label{align-items:center;background:#b89a0a;background:var(--yellow);border-radius:999px;color:#0a0a0a;display:flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:10px;justify-content:center;letter-spacing:.14em;margin-bottom:1.5rem;padding:5px 16px;width:100%}.employee-list{display:flex;flex-direction:column;gap:6px}.employee-row{align-items:center;display:flex;gap:8px}.employee-num{color:#999;color:var(--text-muted);flex-shrink:0;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:10px;text-align:right;width:16px}.employee-input{background:#0000;border:none;border-bottom:1px solid #ccc8be;border-bottom:1px solid var(--border);color:#1a1a1a;color:var(--text-primary);flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-body);font-size:14px;outline:none;padding:6px 4px;transition:border-color .15s}.employee-input:focus{border-bottom-color:#b89a0a;border-bottom-color:var(--yellow)}.employee-input::placeholder{color:#999;color:var(--text-muted);font-style:italic}.employee-btn-row{display:flex;gap:8px;margin-top:10px}.btn-small{background:#0000;border:1px solid #ccc8be;border:1px solid var(--border);color:#666;color:var(--text-secondary);cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;padding:5px 12px;transition:all .15s}.btn-small:hover{border-color:#666;border-color:var(--text-secondary);color:#1a1a1a;color:var(--text-primary)}.btn-small.danger:hover{border-color:#b03030;border-color:var(--red);color:#b03030;color:var(--red)}.config-grid{gap:1.25rem}.config-grid,.config-row{display:flex;flex-direction:column}.config-row{gap:6px}.config-label{color:#999;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;margin-bottom:2px}.config-control{align-items:center;display:flex;gap:10px}.config-input-date,.config-select{appearance:none;-webkit-appearance:none;background:#e8e4db;background:var(--config-select-bg);border:1px solid #ccc8be;border:1px solid var(--border);color:#1a1a1a;color:var(--text-primary);flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:13px;outline:none;padding:7px 10px;transition:border-color .15s}.config-input-date:focus,.config-select:focus{border-color:#b89a0a;border-color:var(--yellow)}.config-select option{background:#e8e4db;background:var(--bg-surface);color:#1a1a1a;color:var(--text-primary)}.config-input-date{color-scheme:light;color-scheme:var(--config-date-scheme)}.config-derived{background:#b89a0a14;background:var(--yellow-bg);color:#b89a0a;color:var(--yellow);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:11px;padding:3px 8px;white-space:nowrap}.btn-generate{background:#b89a0a;background:var(--yellow);border:none;color:#0a0a0a;cursor:pointer;font-family:Barlow Condensed,sans-serif;font-family:var(--font-display);font-size:22px;letter-spacing:.08em;margin-top:2.5rem;overflow:hidden;padding:14px 20px;position:relative;transition:all .15s;width:100%}.btn-generate:hover:not(:disabled){background:#9c8208;background:var(--yellow-dim);transform:translateY(-1px)}.btn-generate:active:not(:disabled){transform:translateY(0)}.btn-generate:disabled{cursor:not-allowed;opacity:.7}.btn-inner{align-items:center;display:flex;gap:10px;justify-content:center}.btn-arrow{font-size:20px}.spinner{animation:spin .7s linear infinite;border:2px solid #0000004d;border-radius:50%;border-top-color:#0a0a0a;flex-shrink:0;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.error-block{align-items:flex-start;background:#b0303014;background:var(--red-bg);color:#b03030;color:var(--red-text);display:flex;font-size:13px;gap:8px;margin-top:1rem;padding:10px 12px}.error-icon{color:#b03030;color:var(--red);flex-shrink:0;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-weight:500}.content{background:#f0ece3;background:var(--bg-base);flex:1 1;min-width:0;overflow-y:auto;padding:2rem;transition:background .2s}.empty-state{align-items:center;display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:center;min-height:400px;position:relative}.empty-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(6,52px);grid-template-rows:repeat(4,52px);opacity:.12}.empty-cell{border:1px solid #ccc8be;border:1px solid var(--border)}.empty-text{position:absolute;text-align:center}.empty-title{font-family:Barlow Condensed,sans-serif;font-family:var(--font-display);font-size:28px;letter-spacing:.12em}.empty-sub,.empty-title{color:#999;color:var(--text-muted)}.empty-sub{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:13px;margin-top:4px}.loading-state{align-items:center;display:flex;height:100%;justify-content:center;min-height:400px}.sa-animation{text-align:center}.sa-bar-wrap{align-items:flex-end;display:flex;gap:5px;height:80px;justify-content:center;margin-bottom:1.5rem}.sa-bar{animation:sa-bounce 1.2s ease-in-out infinite;background:#b89a0a;background:var(--yellow);opacity:.8;width:10px}@keyframes sa-bounce{0%,to{height:8px;opacity:.3}50%{height:70px;opacity:1}}.loading-label{color:#1a1a1a;color:var(--text-primary);font-family:Barlow Condensed,sans-serif;font-family:var(--font-display);font-size:22px;letter-spacing:.08em}.loading-sub{color:#999;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:11px;margin-top:6px}.status-bar{border:1px solid #ccc8be;border:1px solid var(--border);display:flex;gap:0;margin-bottom:2rem;overflow:hidden}.stat-item{border-right:1px solid #ccc8be;border-right:1px solid var(--border);flex:1 1;padding:12px 16px}.stat-item:last-child{border-right:none}.stat-label{color:#999;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;margin-bottom:4px;text-transform:uppercase}.stat-value{color:#1a1a1a;color:var(--text-primary);font-family:Barlow Condensed,sans-serif;font-family:var(--font-display);font-size:24px;letter-spacing:.04em;line-height:1}.stat-value.good{color:#2e7d3a;color:var(--green-text)}.stat-value.warn{color:#b89a0a;color:var(--yellow)}.stat-value.bad{color:#b03030;color:var(--red)}.result-section{overflow-x:auto}.result-controls{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.result-title{color:#1a1a1a;color:var(--text-primary);flex:1 1;font-family:Barlow Condensed,sans-serif;font-family:var(--font-display);font-size:20px;letter-spacing:.08em}.filter-group{display:flex;gap:0}.filter-btn{background:#0000;border:1px solid #ccc8be;border:1px solid var(--border);color:#666;color:var(--text-secondary);cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;margin-left:-1px;padding:5px 14px;transition:all .15s}.filter-btn:first-child{margin-left:0}.filter-btn:hover{border-color:#666;border-color:var(--text-secondary);color:#1a1a1a;color:var(--text-primary);position:relative;z-index:1}.filter-btn.active{background:#b89a0a;background:var(--yellow);border-color:#b89a0a;border-color:var(--yellow);color:#0a0a0a;position:relative;z-index:2}.schedule-table{border-collapse:collapse;font-size:13px;width:100%}.schedule-table thead tr{border-bottom:1px solid #ccc8be;border-bottom:1px solid var(--border)}.schedule-table th{color:#999;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:9px;font-weight:400;letter-spacing:.14em;padding:8px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.schedule-table td{border-bottom:1px solid #00000014;border-bottom:1px solid var(--row-border);padding:10px 12px;vertical-align:middle}.schedule-table tbody tr:hover{background:#00000008;background:var(--row-hover)}.td-date{color:#666;color:var(--text-secondary);white-space:nowrap}.shift-pill,.td-date{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:12px}.shift-pill{display:inline-block;letter-spacing:.08em;padding:3px 10px}.shift-pill.pagi{background:#b89a0a1f;color:#7a6200}.shift-pill.malam{background:#2a5f821a;color:#2a5f82}.shift-pill.siang{background:#2a6e2a1a;color:#2a6e2a}.shift-pill.other{background:#0000000f;color:#666;color:var(--text-secondary)}.td-hours{color:#999;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:12px;white-space:nowrap}.td-employees{display:flex;flex-wrap:wrap;gap:5px}.emp-chip{background:#0000000f;background:var(--emp-chip-bg);color:#1a1a1a;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:11px;padding:2px 8px;white-space:nowrap}.td-count{color:#666;color:var(--text-secondary);font-family:Barlow Condensed,sans-serif;font-family:var(--font-display);font-size:18px;text-align:center}.day-sep td{background:#b89a0a0d;background:var(--day-sep-bg);border-bottom:none;border-top:1px solid #b89a0a33;border-top:1px solid var(--yellow-sep);padding:4px 12px}.day-sep-label{color:#78640099;color:var(--yellow-sep-text);font-family:Barlow Condensed,sans-serif;font-family:var(--font-display);font-size:13px;letter-spacing:.1em}.btn-export{align-items:center;background:#0000;border:1px solid #ccc8be;border:1px solid var(--border);color:#666;color:var(--text-secondary);cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:11px;gap:6px;letter-spacing:.06em;padding:5px 14px;transition:all .15s}.btn-export:hover{border-color:#1a1a1a;border-color:var(--text-primary);color:#1a1a1a;color:var(--text-primary)}.mode-tab{background:#0000;border:1px solid #ccc8be;border:1px solid var(--border);color:#666;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;padding:7px 4px;transition:all .15s}.mode-tab.active,.mode-tab:hover{border-color:#b89a0a;border-color:var(--yellow);color:#b89a0a;color:var(--yellow)}.mode-tab.active{background:#b89a0a1a;background:var(--yellow-tag-bg);font-weight:600}.preset-selector-container{display:flex;flex-direction:column;gap:1rem}.preset-header{display:flex;flex-direction:column;gap:4px}.preset-tag{color:#b89a0a;color:var(--yellow);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em}.preset-title{color:#1a1a1a;color:var(--text-primary);font-family:Barlow Condensed,sans-serif;font-family:var(--font-display);font-size:18px;letter-spacing:.06em}.preset-grid{display:flex;flex-direction:column;gap:.75rem}.preset-card{align-items:flex-start;background:#f0ece3;background:var(--bg-base);border:1px solid #ccc8be;border:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:12px;text-align:left;transition:all .15s}.preset-card:hover:not(:disabled){background:#b89a0a14;background:var(--yellow-bg);border-color:#b89a0a;border-color:var(--yellow);transform:translateX(2px)}.preset-card-icon{flex-shrink:0;font-size:24px}.preset-card-content{flex:1 1}.preset-card-title{color:#1a1a1a;color:var(--text-primary);font-family:Barlow Condensed,sans-serif;font-family:var(--font-display);font-size:15px;letter-spacing:.06em;line-height:1.2}.preset-card-subtitle{color:#b89a0a;color:var(--yellow);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:10px;margin-top:2px}.preset-card-desc{color:#999;color:var(--text-muted);font-size:11px;line-height:1.3;margin-top:4px}.preset-card-badge{align-self:center;color:#b89a0a;color:var(--yellow);flex-shrink:0;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:10px}.analytics-container{background:#e8e4db;background:var(--bg-surface);border:1px solid #ccc8be;border:1px solid var(--border);margin-top:2.5rem;padding:1.25rem 1.5rem}.analytics-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:1.25rem}.analytics-title{color:#1a1a1a;color:var(--text-primary);font-family:Barlow Condensed,sans-serif;font-family:var(--font-display);font-size:18px;letter-spacing:.06em}.fairness-pill{background:#0000001a;border:1px solid;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;padding:4px 12px}.analytics-metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:1.5rem}.analytics-card{background:#f0ece3;background:var(--bg-base);border:1px solid #ccc8be;border:1px solid var(--border);padding:10px 14px}.analytics-card-label{color:#999;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em}.analytics-card-value{color:#1a1a1a;color:var(--text-primary);font-family:Barlow Condensed,sans-serif;font-family:var(--font-display);font-size:22px;margin-top:2px}.analytics-card-unit{color:#999;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:11px}.workload-bars-list{display:flex;flex-direction:column;gap:10px}.workload-list-title{color:#999;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;margin-bottom:4px}.workload-bar-item{display:flex;flex-direction:column;gap:4px}.workload-item-header{align-items:center;display:flex;font-size:12px;justify-content:space-between}.workload-emp-name{color:#1a1a1a;color:var(--text-primary);font-weight:500}.workload-emp-name,.workload-emp-stats{font-family:JetBrains Mono,monospace;font-family:var(--font-mono)}.workload-emp-stats{color:#666;color:var(--text-secondary);font-size:11px}.weekend-badge{background:#b89a0a1a;background:var(--yellow-tag-bg);border:1px solid #b89a0a4d;border:1px solid var(--yellow-border);color:#b89a0a;color:var(--yellow);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:9px;padding:1px 6px}.workload-track{background:#f0ece3;background:var(--bg-base);border:1px solid #ccc8be;border:1px solid var(--border);height:6px;overflow:hidden}.workload-fill{background:#b89a0a;background:var(--yellow);height:100%;transition:width .3s ease}@media print{.app-header,.btn-export,.mode-switcher-tabs,.result-controls,.sidebar{display:none!important}.content{background:#fff!important;color:#000!important;padding:0!important}.schedule-table td,.schedule-table th{border-color:#ccc!important;color:#000!important}.shift-pill{background:#0000!important;border:1px solid #666!important;color:#000!important}}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#f0ece3;background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:#ccc;background:var(--scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background:#999;background:var(--text-muted)}@media (max-width:800px){.app-body{flex-direction:column}.sidebar{border-bottom:1px solid #ccc8be;border-bottom:1px solid var(--border);border-right:none;min-width:0;min-width:auto;width:100%}.content{padding:1.25rem}.status-bar{flex-wrap:wrap}.stat-item{min-width:140px}}.splash{align-items:center;animation:splash-in .5s ease;background:var(--bg-base);display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;transition:opacity .6s ease,transform .6s ease;z-index:999}.splash-out{opacity:0;transform:scale(.97)}@keyframes splash-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.splash-bg-grid{background-image:linear-gradient(var(--border) 1px,#0000 1px),linear-gradient(90deg,var(--border) 1px,#0000 1px);background-size:48px 48px;inset:0;opacity:.25;pointer-events:none;position:absolute}.splash-center{align-items:center;display:flex;flex-direction:column;gap:0;padding:0 2rem;position:relative;text-align:center}.splash-tag{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;margin-bottom:2rem;padding:4px 16px}.splash-logo-wrap{align-items:baseline;display:flex;gap:16px;margin-bottom:1rem}.splash-badge{background:var(--yellow-tag-bg);border:1px solid var(--yellow-border);color:var(--yellow);font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;padding:4px 10px}.splash-title{color:var(--text-primary);font-size:clamp(64px,10vw,120px);font-weight:600;letter-spacing:.06em;line-height:1}.splash-tagline,.splash-title{font-family:var(--font-display)}.splash-tagline{color:var(--text-secondary);font-size:clamp(18px,2.5vw,28px);font-weight:400;letter-spacing:.1em}.splash-tagline-sub{color:var(--yellow);font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;margin-bottom:2.5rem;margin-top:4px}.splash-divider{background:var(--border);height:1px;margin-bottom:2.5rem;width:120px}.splash-info-row{align-items:center;border:1px solid var(--border);display:flex;gap:0;margin-bottom:3rem}.splash-info-item{display:flex;flex-direction:column;gap:4px;padding:12px 28px}.splash-info-sep{background:var(--border);height:48px;width:1px}.splash-info-label{color:var(--text-muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.16em}.splash-info-value{color:var(--text-primary);font-family:var(--font-mono);font-size:13px;letter-spacing:.06em}.splash-enter{align-items:center;background:var(--yellow);border:none;color:#0a0a0a;cursor:pointer;display:flex;font-family:var(--font-display);font-size:24px;gap:10px;letter-spacing:.1em;margin-bottom:1rem;padding:14px 56px;transition:all .15s}.splash-enter:hover{background:var(--yellow-dim);transform:translateY(-2px)}.splash-enter-arrow{font-size:20px}.splash-auto{letter-spacing:.08em}.splash-auto,.splash-footer{color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.splash-footer{bottom:2rem;display:flex;gap:12px;letter-spacing:.1em;position:absolute}.splash-footer-sep{color:var(--border)}.modal-overlay{align-items:center;animation:fade-in .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:500}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-box{animation:modal-up .25s ease;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;max-height:85vh;max-width:640px;overflow-y:auto;width:100%}@keyframes modal-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;gap:12px;padding:1.25rem 1.5rem;position:-webkit-sticky;position:sticky;top:0}.modal-tag{background:var(--yellow-tag-bg);border:1px solid var(--yellow-border);color:var(--yellow);flex-shrink:0;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;padding:3px 8px}.modal-title{color:var(--text-primary);flex:1 1;font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:.08em}.modal-close{align-items:center;background:#0000;border:1px solid var(--border);border-radius:3px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:28px;justify-content:center;transition:all .15s;width:28px}.modal-close:hover{border-color:var(--red);color:var(--red)}.modal-body{gap:1.75rem;padding:1.5rem}.modal-body,.modal-section{display:flex;flex-direction:column}.modal-section{gap:.75rem}.modal-section-label{border-bottom:1px solid var(--border);color:var(--yellow);font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;padding-bottom:6px}.modal-text{color:var(--text-secondary);font-size:13px;line-height:1.7}.modal-steps{display:flex;flex-direction:column;gap:0}.modal-step{align-items:flex-start;border:1px solid var(--border);display:flex;gap:12px;margin-top:-1px;padding:10px 12px}.modal-step-num{color:var(--yellow);flex-shrink:0;font-family:var(--font-display);font-size:22px;line-height:1;width:28px}.modal-step-content{display:flex;flex-direction:column;gap:2px}.modal-step-title{color:var(--text-primary);font-family:var(--font-mono);font-size:12px;letter-spacing:.06em}.modal-step-desc{color:var(--text-muted);font-size:12px}.modal-step-arrow{color:var(--border);font-size:16px;padding-left:18px}.modal-cost-grid{display:flex;flex-direction:column;gap:6px}.modal-cost-item{align-items:center;display:flex;gap:10px;padding:8px 12px}.modal-cost-item.hard{background:#c940400f}.modal-cost-item.soft{background:var(--yellow-bg)}.modal-cost-type{flex-shrink:0;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;padding:2px 6px}.modal-cost-item.hard .modal-cost-type{background:#c940401f;color:var(--red)}.modal-cost-item.soft .modal-cost-type{background:var(--yellow-tag-bg);color:var(--yellow)}.modal-cost-desc{color:var(--text-secondary);flex:1 1;font-size:12px}.modal-cost-val{color:var(--text-muted);flex-shrink:0;font-family:var(--font-mono);font-size:12px}.modal-stack-row{border:1px solid var(--border);display:flex;gap:0;overflow:hidden}.modal-stack-item{border-right:1px solid var(--border);display:flex;flex:1 1;flex-direction:column;gap:4px;padding:10px 14px}.modal-stack-item:last-child{border-right:none}.modal-stack-label{color:var(--text-muted);font-family:var(--font-mono);font-size:8px;letter-spacing:.14em}.modal-stack-val{color:var(--text-primary);font-family:var(--font-mono);font-size:11px}
/*# sourceMappingURL=main.dc472c61.css.map*/