:root{--accent:#16a34a;--accent-glow:rgba(22,163,74,.12);--accent-soft:rgba(22,163,74,.07)}.container{max-width:860px;margin:0 auto;padding:0 20px 80px}.input-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px}.section-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:8px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:560px){.input-grid{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.82rem;font-weight:700;color:var(--text2)}.field-hint{font-size:.72rem;font-weight:400;color:var(--text3);display:block;margin-top:2px}.field-row{display:flex;align-items:center;gap:8px}.field-row input[type=number]{flex:1;background:var(--bg3);border:1px solid var(--border2);border-radius:8px;padding:10px 14px;color:var(--text);font-size:16px;font-family:inherit;font-variant-numeric:tabular-nums;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none;min-height:44px}.field-row input[type=number]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.field-unit{font-size:.82rem;color:var(--text3);flex-shrink:0}.calc-btn{width:100%;padding:16px;background:var(--accent);color:#fff;font-family:var(--font-display);font-size:1rem;font-weight:800;border:none;border-radius:var(--radius);cursor:pointer;margin-top:8px;transition:opacity .2s,transform .15s,box-shadow .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px}.result-hero{background:linear-gradient(135deg,var(--surface) 0%,var(--bg3) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;margin-bottom:16px;position:relative;overflow:hidden}.result-orb{position:absolute;pointer-events:none;width:300px;height:200px;top:-60px;left:50%;transform:translate(-50%);background:radial-gradient(ellipse,var(--accent-glow),transparent 70%);filter:blur(40px);border-radius:50%}.result-eyebrow{font-size:.72rem;letter-spacing:.1em;color:var(--text3);text-transform:uppercase;margin-bottom:8px;text-align:center}.result-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:520px){.result-nums{grid-template-columns:repeat(2,1fr)}}.result-num-item{background:var(--bg2);border-radius:var(--radius);padding:14px 10px;text-align:center}.result-num-label{font-size:.68rem;color:var(--text3);margin-bottom:4px;line-height:1.4}.result-num-val{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.2}.col-purple{color:var(--purple)}.col-green{color:var(--accent)}.col-blue{color:var(--blue)}.col-red{color:var(--red)}.col-gold{color:var(--gold)}.reveal{opacity:0;transform:translateY(12px);transition:opacity .4s,transform .4s}.disclaimer{font-size:.72rem;color:var(--text3);line-height:1.6;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:8px}@media(max-width:480px){.type-grid{grid-template-columns:1fr}}.type-card{background:var(--bg3);border:2px solid var(--border);border-radius:var(--radius);padding:14px 16px;cursor:pointer;transition:all .2s}.type-card:hover,.type-card.active{border-color:var(--accent);background:var(--accent-soft)}.type-card-name{font-size:.85rem;font-weight:700;color:var(--text);margin-bottom:4px}.type-card.active .type-card-name{color:var(--accent)}.type-card-limit{font-size:.72rem;color:var(--text3);line-height:1.4}.warn-box{background:#dc26260d;border:1px solid rgba(220,38,38,.2);border-radius:var(--radius);padding:16px 20px;margin-bottom:16px;font-size:.82rem;color:var(--text2);line-height:1.7}.warn-box strong{color:var(--red)}.kojo-table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px;overflow-x:auto}.kojo-table{width:100%;border-collapse:collapse;font-size:.82rem;min-width:520px}.kojo-table th{background:var(--accent);color:#fff;font-weight:700;padding:10px 12px;text-align:center;font-size:.78rem;white-space:nowrap}.kojo-table th.th-left{text-align:left}.kojo-table tbody tr{border-bottom:1px solid var(--border)}.kojo-table tbody tr:last-child{border-bottom:none}.kojo-table tbody tr:hover{background:var(--bg2)}.kojo-table tbody tr.capped{background:#b453090d}.kojo-table tbody tr.capped:hover{background:#b4530914}.kojo-table td{padding:9px 12px;color:var(--text);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.kojo-table td:first-child{text-align:left;color:var(--text2)}.kojo-table tfoot td{font-weight:700;border-top:2px solid var(--border);background:var(--bg2);font-variant-numeric:tabular-nums}.progress-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px}.progress-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.progress-row:last-child{margin-bottom:0}.progress-label{font-size:.78rem;color:var(--text2);width:80px;flex-shrink:0}.progress-track{flex:1;height:16px;background:var(--bg3);border-radius:8px;overflow:hidden}.progress-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--accent),#4ade80);transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-val{font-size:.78rem;font-weight:700;color:var(--accent);width:70px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.kojo-chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px}.kojo-chart-wrap{width:100%;overflow:hidden;margin-bottom:10px}.kojo-chart{width:100%;height:auto;display:block}.chart-legend-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:12px;font-size:.75rem;color:var(--text2)}.cl-item{display:flex;align-items:center;gap:6px}.cl-actual:before{content:"";display:block;width:12px;height:12px;border-radius:3px;background:#16a34a;flex-shrink:0}.cl-capped:before{content:"";display:block;width:12px;height:12px;border-radius:3px;background:#d97706;opacity:.6;flex-shrink:0}.cl-cumul:before{content:"";display:block;width:12px;height:4px;border-radius:2px;background:#2563eb;flex-shrink:0}.detail-toggle{border-top:1px solid var(--border);margin-top:8px;padding-top:4px}.detail-toggle summary{font-size:.8rem;color:var(--text3);cursor:pointer;padding:8px 0;list-style:none;display:flex;align-items:center;gap:6px;user-select:none}.detail-toggle summary::-webkit-details-marker{display:none}.detail-toggle summary:before{content:"▶";font-size:.6rem;transition:transform .2s;flex-shrink:0}.detail-toggle[open] summary:before{transform:rotate(90deg)}.detail-toggle summary:hover{color:var(--text)}.kojo-table-wrap{overflow-x:auto;margin-top:10px}.limit-table{width:100%;border-collapse:collapse;font-size:.82rem;margin:12px 0}.limit-table th{background:var(--bg3);color:var(--text2);font-weight:700;padding:8px 12px;text-align:center;font-size:.76rem;border-bottom:1px solid var(--border)}.limit-table td{padding:8px 12px;color:var(--text);text-align:center;border-bottom:1px solid var(--border);font-size:.8rem}.limit-table td:first-child{text-align:left;color:var(--text2)}.limit-table tr:last-child td{border-bottom:none}