:root{color:#09090b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fcfcfd;font-family:Satoshi,Avenir Next,Noto Sans SC,PingFang SC,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){:root{color:#fafafa;background:#0b0b10}}:root{--background:210 33% 99%;--foreground:240 10% 3.9%;--card:0 0% 100%;--primary:200 29% 45%;--primary-soft:200 60% 94%;--primary-foreground:0 0% 98%;--muted:240 4.8% 95%;--muted-foreground:240 3.8% 28.1%;--border:240 5.9% 88%;--input:240 5.9% 90%;--danger:0 72% 50%;--radius:.75rem;--shadow:0 10px 28px #09090b14}@media (prefers-color-scheme:dark){:root{--background:240 20.54% 5.2%;--foreground:0 0% 98%;--card:240 10% 3.9%;--primary:195 95% 85%;--primary-soft:240 5.9% 12%;--primary-foreground:240 3.7% 15.9%;--muted:240 5.9% 12%;--muted-foreground:240 5% 74.9%;--border:240 3.7% 19.9%;--input:240 3.7% 15.9%;--shadow:0 14px 32px #00000047}}.input-panel,.section-body,.field,.segmented-field,.contribution-table,.history-list{display:grid}.input-panel{gap:10px}.segmented-control button,.icon-button,.history-title button,.history-item button{min-height:38px;color:hsl(var(--foreground));background:0 0;border:1px solid #0000;border-radius:.65rem}.icon-button,.history-item button,.info-tip button{justify-content:center;align-items:center;display:inline-flex}.segmented-control button[aria-pressed=true]{color:hsl(var(--primary-foreground));background:hsl(var(--primary));box-shadow:0 1px 2px #09090b14}.panel{border:1px solid hsl(var(--border));background:hsl(var(--card));box-shadow:var(--shadow);border-radius:1rem}.form-section,.result-panel,.history-panel,.error-panel{padding:14px}.form-section{position:relative}.panel-heading,.history-title,.profile-title,.action-row,.heading-title,.label-with-tip,.base-title,.concept-line{align-items:center;display:flex}.panel-heading{gap:8px;margin-bottom:10px}.heading-title,.label-with-tip,.base-title,.concept-line{gap:6px}.heading-title{min-width:0}.panel-heading h2,.history-title h2,.detail-section h3,.chart-head h3{letter-spacing:0;margin:0;font-size:17px;font-weight:650}.field span,.segmented-field legend,.profile-title span,.source-block,.empty-state,.inline-hint{color:hsl(var(--muted-foreground))}.section-body,.field,.segmented-field{gap:8px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.field input,.field select,.contribution-row input{border:1px solid hsl(var(--input));width:100%;min-width:0;color:hsl(var(--foreground));background:hsl(var(--background));border-radius:.7rem;outline:none;padding:9px 10px}.field input:focus,.field select:focus,.contribution-row input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .16)}.segmented-field{border:0;margin:0;padding:0}.segmented-control{border:1px solid hsl(var(--border));background:hsl(var(--muted));border-radius:.8rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.inline-hint{margin:0;font-size:13px}.base-title{color:hsl(var(--muted-foreground));justify-content:space-between;margin:0;font-size:13px}.profile-title,.history-title{justify-content:space-between;gap:12px}.collapsible-section{padding:0}.collapsible-bar{border-radius:inherit;background:hsl(var(--card));grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding-right:14px;display:grid}.collapsible-summary{z-index:1;border-radius:inherit;width:100%;color:hsl(var(--foreground));background:hsl(var(--card));cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex;position:relative}.collapsible-summary>span{color:hsl(var(--primary));font-size:13px}.collapsible-section[data-open=true] .collapsible-bar{border-bottom:1px solid hsl(var(--border))}.collapsible-section .section-body{padding:14px}.error-panel{color:hsl(var(--danger))}@media (width<=640px){.field-grid{grid-template-columns:1fr}.form-section,.result-panel,.history-panel,.error-panel{padding:12px}}.chart-section{border:1px solid hsl(var(--border));background:hsl(var(--background));border-radius:1rem;gap:12px;padding:14px;display:grid}.chart-head{grid-template-columns:minmax(0,1fr) minmax(190px,220px);align-items:start;gap:12px;display:grid}.chart-head p{color:hsl(var(--muted-foreground));margin:4px 0 0;font-size:13px}.chart-body{grid-template-columns:minmax(180px,230px) minmax(0,1fr);align-items:center;gap:12px;display:grid}.pie-chart{aspect-ratio:1;width:100%;max-width:230px;overflow:visible}.pie-chart path{cursor:pointer;stroke:hsl(var(--card));stroke-width:2px;transform-origin:110px 110px;transition:opacity .16s,transform .16s}.pie-chart path[data-active=true]{transform:scale(1.035)}.pie-chart:has(path[data-active=true]) path:not([data-active=true]){opacity:.55}.pie-chart path:focus{stroke:hsl(var(--foreground));stroke-width:3px;outline:none}.pie-chart circle{fill:hsl(var(--card));stroke:hsl(var(--border));stroke-width:1px}.pie-empty{border:1px dashed hsl(var(--border));width:100%;min-height:190px;color:hsl(var(--muted-foreground));border-radius:999px;place-items:center;display:grid}.chart-legend{gap:7px;display:grid}.chart-legend button{border:1px solid hsl(var(--border));min-height:48px;color:hsl(var(--foreground));background:hsl(var(--card));text-align:left;border-radius:.75rem;grid-template-columns:12px minmax(0,1fr);align-items:center;gap:2px 8px;padding:8px 10px;display:grid}.chart-legend button[data-active=true]{border-color:hsl(var(--primary));background:hsl(var(--primary-soft))}.chart-legend span{border-radius:999px;width:10px;height:10px}.chart-legend small{color:hsl(var(--muted-foreground));grid-column:2}@media (width<=720px){.chart-head,.chart-body{grid-template-columns:1fr}.pie-chart{justify-self:center;max-width:250px}}.base-mode{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--muted) / .62);gap:8px;padding:12px;display:grid}.contribution-editor{gap:10px;display:grid}.contribution-table{gap:6px;overflow-x:auto}.contribution-row{grid-template-columns:92px repeat(4,minmax(80px,1fr));align-items:center;gap:6px;min-width:520px;display:grid}.editable-row,.editable-head{grid-template-columns:92px repeat(6,minmax(82px,1fr));min-width:720px}.table-head{color:hsl(var(--muted-foreground));font-size:13px}.readonly-row:not(.table-head){border-top:1px solid hsl(var(--border));padding:9px 0}.app-shell{width:min(1220px,100%);min-height:100vh;color:hsl(var(--foreground));margin:0 auto;padding:18px 24px 24px}.workspace{grid-template-columns:minmax(318px,372px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.input-column{scrollbar-width:thin;grid-area:1/1;max-height:calc(100vh - 36px);position:sticky;top:18px;overflow:auto}.result-column{grid-area:1/2;min-width:0}.input-tabs-shell{gap:10px;display:grid}.input-tabs{border:1px solid hsl(var(--border));background:hsl(var(--muted));border-radius:.9rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.input-tabs button{min-height:38px;color:hsl(var(--foreground));background:0 0;border:1px solid #0000;border-radius:.65rem}.input-tabs button[aria-selected=true]{color:hsl(var(--primary-foreground));background:hsl(var(--primary));box-shadow:0 1px 2px #09090b14}.app-footer{border-top:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));flex-wrap:wrap;gap:8px 14px;margin-top:18px;padding-top:14px;font-size:13px;display:flex}@media (width<=920px){.workspace{grid-template-columns:1fr}.input-column{grid-area:auto;max-height:calc(100vh - 20px);position:static;overflow:auto}.result-column{grid-area:auto}}@media (width<=640px){.app-shell{padding:10px}}.result-panel{gap:14px;display:grid}.result-hero{border:1px solid hsl(var(--border));color:hsl(var(--foreground));background:radial-gradient(circle at 15% 12%, hsl(var(--primary) / .22), transparent 30%), hsl(var(--muted));border-radius:1rem;gap:6px;padding:18px;display:grid}.eyebrow{width:fit-content;color:hsl(var(--primary));align-items:center;gap:6px;font-size:14px;font-weight:650;display:inline-flex}.result-hero strong{letter-spacing:0;font-size:44px;line-height:1}.result-hero small,.metric-card span,.bonus-card span,.bonus-card small,.breakdown-row small{color:hsl(var(--muted-foreground))}.action-row{flex-wrap:wrap;gap:8px}.icon-button{border-color:hsl(var(--border));background:hsl(var(--background));gap:7px;padding:0 12px}.icon-button:hover,.history-title button:hover,.history-item button:hover{color:hsl(var(--primary));border-color:hsl(var(--primary) / .45);background:hsl(var(--primary-soft))}.metric-grid,.bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.metric-card,.bonus-card{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--background));gap:5px;min-height:82px;padding:13px;display:grid}.metric-card strong,.bonus-card strong{font-size:18px}.bonus-card[data-best=true]{border-color:hsl(var(--primary));background:hsl(var(--primary-soft))}.detail-section{gap:10px;display:grid}.detail-section h3{align-items:center;gap:8px;display:flex}.breakdown-row{border-top:1px solid hsl(var(--border));grid-template-columns:1fr auto;gap:4px 8px;padding:10px 0;display:grid}.breakdown-row small{grid-column:1/-1}.source-block{border-top:1px solid hsl(var(--border));gap:6px;padding-top:12px;font-size:13px;display:grid}.source-block p{margin:0}.source-block a:hover{color:hsl(var(--primary))}.history-panel{gap:10px;display:grid}.history-list{gap:6px}.history-item{border-top:1px solid hsl(var(--border));grid-template-columns:1fr 36px 36px;align-items:center;gap:8px;padding:10px 0;display:grid}.history-item div{gap:2px;display:grid}.history-item span{color:hsl(var(--muted-foreground))}.history-title button,.history-item button{border-color:hsl(var(--border))}.empty-state{margin:0}@media (width<=640px){.metric-grid,.bonus-grid{grid-template-columns:1fr}.result-hero strong{font-size:34px}.action-row{grid-template-columns:1fr;display:grid}}.info-tip{flex:none;align-items:center;display:inline-flex;position:relative}.info-tip button{border:1px solid hsl(var(--border));width:22px;height:22px;color:hsl(var(--primary));background:hsl(var(--background));border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.info-bubble{z-index:20;border:1px solid hsl(var(--border));width:min(230px,76vw);color:hsl(var(--foreground));background:hsl(var(--card));box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:.75rem;padding:9px 10px;font-size:12px;line-height:1.5;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(4px)}.info-tip:hover .info-bubble,.info-tip:focus-within .info-bubble,.info-tip[data-open=true] .info-bubble{opacity:1;transform:translateY(0)}@media (width<=640px){.info-bubble{left:0;right:auto}}