:root{color:#191f24;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#f6f9f8 0%,#f0f4f5 100%);font-family:Avenir Next,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:#f6f9f8}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}:root{--background:165 18% 97%;--foreground:210 18% 12%;--card:0 0% 100%;--surface:180 16% 99%;--surface-strong:180 10% 94%;--primary:164 94% 31%;--primary-strong:164 98% 25%;--primary-soft:164 70% 94%;--primary-foreground:0 0% 100%;--accent:32 92% 52%;--muted:210 12% 93%;--muted-foreground:216 12% 43%;--border:205 16% 82%;--input:205 16% 78%;--danger:0 72% 50%;--radius:8px;--shadow:0 14px 34px #191f2412}.panel{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));box-shadow:var(--shadow)}.input-panel,.section-body,.field,.segmented-field,.contribution-table,.history-list{display:grid}.input-panel{gap:10px}.form-section,.history-panel,.error-panel{padding:14px}.form-section{position:relative}.panel-heading,.history-title,.profile-title,.heading-title,.label-with-tip,.base-title,.concept-line{align-items:center;display:flex}.panel-heading{color:hsl(var(--primary-strong));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{color:hsl(var(--foreground));letter-spacing:0;margin:0;font-size:15px;font-weight:760}.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:9px;display:grid}.field span,.segmented-field legend{font-size:12px;font-weight:660}.field input,.field select,.contribution-row input{border:1px solid hsl(var(--input));width:100%;min-width:0;height:36px;color:hsl(var(--foreground));background:hsl(var(--surface));border-radius:6px;outline:none;padding:7px 9px}.field input:focus,.field select:focus,.contribution-row input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .15)}.segmented-field{border:0;margin:0;padding:0}.segmented-control,.input-tabs{border:1px solid hsl(var(--border));background:hsl(var(--surface-strong));border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;display:grid}.segmented-control button,.input-tabs button,.history-title button,.history-item button,.header-action{min-height:34px;color:hsl(var(--foreground));background:0 0;border:1px solid #0000;border-radius:6px}.segmented-control button,.input-tabs button{padding:0 8px;font-size:12px;font-weight:720}.segmented-control button[aria-pressed=true],.input-tabs button[aria-selected=true]{color:hsl(var(--primary));border-color:hsl(var(--primary));background:hsl(var(--card));box-shadow:0 1px 2px #191f2414}.inline-hint{margin:0;font-size:12px;line-height:1.55}.base-title{justify-content:space-between;margin:0;font-size:12px;font-weight:700}.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:12px;display:grid}.collapsible-summary{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:13px 14px;display:flex}.collapsible-summary>span{color:hsl(var(--primary));font-size:12px;font-weight:720}.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,.history-panel,.error-panel{padding:12px}}.chart-section{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));box-shadow:var(--shadow);gap:14px;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:12px;line-height:1.5}.chart-body{grid-template-columns:minmax(190px,245px) minmax(0,1fr);align-items:center;gap:14px;display:grid}.pie-chart{aspect-ratio:1;width:100%;max-width:245px;overflow:visible}.pie-chart path{cursor:pointer;stroke:hsl(var(--card));stroke-width:2.5px;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:.52}.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-chart text{fill:hsl(var(--foreground));text-anchor:middle;font-size:14px;font-weight:800}.pie-chart .chart-caption{fill:hsl(var(--muted-foreground));font-size:10px;font-weight:650}.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(--surface));text-align:left;border-radius:7px;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(--surface));gap:8px;padding:11px;display:grid}.contribution-editor{gap:10px;display:grid}.profile-title{padding:2px 0;font-size:12px}.profile-title strong{color:hsl(var(--foreground))}.contribution-table{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));gap:0;overflow-x:auto}.contribution-row{grid-template-columns:92px repeat(4,minmax(78px,1fr));align-items:center;gap:0;min-width:520px;display:grid}.editable-row,.editable-head{grid-template-columns:92px repeat(6,minmax(78px,1fr));min-width:720px}.contribution-row>span,.contribution-row>input{border-top:1px solid hsl(var(--border))}.contribution-row>span{min-height:34px;padding:8px;font-size:12px}.contribution-row input{border-width:1px 0 0 1px;border-radius:0;height:32px;font-size:12px}.table-head>span{color:hsl(var(--muted-foreground));background:hsl(var(--surface-strong));border-top:0;font-weight:760}.readonly-row:not(.table-head)>span:first-child,.editable-row>span:first-child{font-weight:700}.app-shell{width:min(1480px,100%);min-height:100vh;color:hsl(var(--foreground));margin:0 auto;padding:18px 22px}.app-header{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;padding:0 2px 14px;display:flex}.brand-block,.header-actions,.brand-mark,.header-action{align-items:center;display:inline-flex}.brand-block{gap:12px;min-width:0}.brand-mark{width:40px;height:40px;color:hsl(var(--primary-foreground));background:linear-gradient(135deg, hsl(var(--primary)), #06796a);box-shadow:0 10px 22px hsl(var(--primary) / .23);border-radius:8px;justify-content:center}.brand-block h1{letter-spacing:0;margin:0;font-size:18px;font-weight:820;line-height:1.25}.brand-block p{color:hsl(var(--muted-foreground));margin:3px 0 0;font-size:12px}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.header-action{border-color:hsl(var(--border));background:hsl(var(--card));justify-content:center;gap:7px;min-width:108px;padding:0 14px;font-size:13px;font-weight:760}.header-action:hover,.history-title button:hover,.history-item button:hover{color:hsl(var(--primary));border-color:hsl(var(--primary));background:hsl(var(--primary-soft))}.header-action[data-featured=true]{color:hsl(var(--primary-foreground));border-color:hsl(var(--primary));background:hsl(var(--primary))}.header-action[data-featured=true]:hover{color:hsl(var(--primary-foreground));border-color:hsl(var(--primary-strong));background:hsl(var(--primary-strong))}.workspace{grid-template-columns:minmax(330px,392px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.input-column{scrollbar-width:thin;grid-area:1/1;max-height:calc(100vh - 32px);padding-right:2px;position:sticky;top:16px;overflow:auto}.result-column{grid-area:1/2;min-width:0}.input-tabs-shell{gap:10px;display:grid}.app-footer{border-top:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));flex-wrap:wrap;justify-content:space-between;gap:8px 18px;margin-top:18px;padding-top:12px;font-size:12px;display:flex}.app-footer span:last-child{color:hsl(var(--accent));font-weight:700}@media (width<=980px){.workspace{grid-template-columns:1fr}.input-column,.result-column{grid-area:auto}.input-column{max-height:none;position:static;overflow:visible}}@media (width<=720px){.app-shell{padding:12px}.app-header{flex-direction:column;align-items:stretch}.header-actions{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.header-action{min-width:0;padding:0 8px}}@media (width<=360px){.brand-block h1{font-size:16px}.header-actions{grid-template-columns:1fr}}.result-panel{box-shadow:none;background:0 0;border:0;gap:14px;padding:0;display:grid}.result-header{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));box-shadow:var(--shadow);grid-template-columns:minmax(280px,.95fr) minmax(0,1.45fr);gap:14px;padding:14px;display:grid}.result-hero{border-right:1px solid hsl(var(--border));align-content:center;gap:8px;padding-right:18px;display:grid}.eyebrow{width:fit-content;color:hsl(var(--primary));align-items:center;gap:6px;font-size:13px;font-weight:820;display:inline-flex}.result-hero strong{color:hsl(var(--primary));letter-spacing:0;font-size:clamp(34px,4vw,52px);line-height:.98}.result-hero small,.metric-card span,.bonus-card span,.bonus-card small,.breakdown-row span:not(:first-child){color:hsl(var(--muted-foreground))}.metric-grid,.bonus-grid{gap:10px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card,.bonus-card{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--surface));align-content:center;gap:6px;min-height:86px;padding:12px;display:grid}.metric-card strong,.bonus-card strong{color:hsl(var(--foreground));font-size:18px;line-height:1.25}.analysis-grid{grid-template-columns:minmax(0,1.25fr) minmax(310px,.85fr);gap:14px;display:grid}.detail-section{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));box-shadow:var(--shadow);gap:10px;padding:14px;display:grid}.detail-section h3{align-items:center;gap:8px;display:flex}.bonus-grid{grid-template-columns:1fr}.bonus-card[data-best=true]{border-color:hsl(var(--primary));background:hsl(var(--primary-soft))}.breakdown-table{border:1px solid hsl(var(--border));border-radius:var(--radius);overflow-x:auto}.breakdown-row{grid-template-columns:1fr repeat(4,minmax(128px,.8fr));min-width:760px;display:grid}.breakdown-row span{border-top:1px solid hsl(var(--border));min-height:40px;padding:10px 12px;font-size:13px}.breakdown-row span+span{border-left:1px solid hsl(var(--border))}.breakdown-row:first-child span{color:hsl(var(--muted-foreground));background:hsl(var(--surface-strong));border-top:0;font-weight:760}.breakdown-row:not(.table-head) span:first-child{color:hsl(var(--foreground));font-weight:760}.source-block{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));gap:7px;padding:12px 14px;font-size:12px;display:grid}.source-block p{color:hsl(var(--accent));margin:0;font-weight:700}.source-block a:hover{color:hsl(var(--primary))}.history-panel{gap:10px;display:grid}.history-list{border:1px solid hsl(var(--border));border-radius:var(--radius);gap:0;overflow:hidden}.history-item{border-top:1px solid hsl(var(--border));background:hsl(var(--surface));grid-template-columns:minmax(0,1fr) 34px 34px;align-items:center;gap:7px;padding:9px;display:grid}.history-item:first-child{border-top:0}.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<=1180px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.result-header,.analysis-grid{grid-template-columns:1fr}.result-hero{border-right:0;border-bottom:1px solid hsl(var(--border));padding-bottom:14px;padding-right:0}}@media (width<=640px){.metric-grid{grid-template-columns:1fr}.result-header,.detail-section{padding:12px}}.info-tip{flex:none;align-items:center;display:inline-flex;position:relative}.info-tip button{border:1px solid hsl(var(--border));width:20px;height:20px;color:hsl(var(--primary));background:hsl(var(--surface));border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.info-tip button:hover{border-color:hsl(var(--primary));background:hsl(var(--primary-soft))}.info-bubble{z-index:20;border:1px solid hsl(var(--border));border-radius:var(--radius);width:min(240px,76vw);color:hsl(var(--foreground));background:hsl(var(--card));box-shadow:var(--shadow);opacity:0;pointer-events:none;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:auto;right:0}}