*,:before,:after{box-sizing:border-box}:root{--blue:#06c;--blue-light:#e7f1ff;--blue-border:#bee3f8;--green:#28a745;--green-light:#d4edda;--green-border:#b8dfc8;--divider:#06c;--border:#dee2e6;--bg:#fff;--bg-alt:#f8f9fa;--text:#212529;--text-muted:#6c757d}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,Segoe UI,sans-serif;font-size:16px;line-height:1.5}#app{max-width:800px;margin:0 auto;padding:0 16px 48px}.site-header{text-align:center;border-bottom:2px solid var(--blue);margin-bottom:28px;padding:32px 0 24px}.site-header h1{color:var(--blue);margin:0 0 8px;font-size:1.6rem}.subtitle{color:var(--text-muted);margin:0;font-size:.95rem}.input-section{background:var(--bg-alt);border-radius:8px;margin-bottom:28px;padding:20px}.share-button{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:-8px;margin-bottom:28px;padding:10px 16px;font-size:.92rem;font-weight:500;transition:border-color .15s,color .15s;display:flex}.share-button:hover{border-color:var(--blue)}.share-button.share-button-copied{border-color:var(--green);color:var(--green)}.input-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.input-group{flex-direction:column;gap:4px;display:flex}.input-group label{color:var(--text-muted);white-space:nowrap;font-size:.82rem;font-weight:500}.label-blue{color:var(--blue)!important}.label-green{color:var(--green)!important}.input-group select,.input-group input{border:1px solid var(--border);color:var(--text);background:var(--bg);border-radius:6px;outline:none;padding:8px 6px;font-size:.95rem;transition:border-color .15s}.input-group select:focus,.input-group input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0066cc1f}.input-blue{border-color:var(--blue)!important}.input-green{border-color:var(--green)!important}.input-green:focus{border-color:var(--green)!important;box-shadow:0 0 0 3px #28a7451f!important}@media (width<=480px){.input-grid{grid-template-columns:1fr}}.table-wrapper{border:1px solid var(--border);scrollbar-width:none;-ms-overflow-style:none;border-radius:8px;margin-bottom:24px;overflow-x:auto}.table-wrapper::-webkit-scrollbar{display:none}.result-table-wrapper{margin-top:24px}@media (width>=1100px){#app{max-width:1320px}.page-layout{align-items:flex-start;gap:24px;display:flex}.page-left,.page-right{flex:1 1 0;min-width:0}.result-table-wrapper{margin-top:0}}table{border-collapse:collapse;width:100%;font-size:.9rem}thead tr{background:var(--blue-light);color:var(--blue)}thead th{text-align:right;white-space:nowrap;padding:10px 12px;font-weight:600}.col-month{text-align:center;border-right:1px solid var(--border);width:72px}.col-subsidy{border-right:1px solid var(--border)}tbody tr:nth-child(2n){background:var(--bg-alt)}tbody td{text-align:right;border-top:1px solid var(--border);white-space:nowrap;padding:7px 12px}tbody td.td-month{text-align:center;color:var(--text-muted);border-right:1px solid var(--border)}tbody td.td-subsidy{border-right:1px solid var(--border)}.advanced-panel{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;display:flex}.advanced-option{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.option-input-group-nowrap{flex-wrap:nowrap;align-items:center;gap:12px;display:flex}@media (width<=480px){.advanced-option .option-label{flex-basis:100%}.option-input-group-nowrap{flex-wrap:nowrap;gap:8px;width:100%}}.option-label{cursor:pointer;color:var(--text);white-space:nowrap;align-items:center;gap:6px;font-size:.88rem;display:flex}.option-label input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:var(--blue)}.option-title{font-weight:500}.option-input-row{align-items:center;gap:4px;min-width:0;display:flex}.option-input{border:1px solid var(--border);width:80px;color:var(--text);background:var(--bg);border-radius:6px;outline:none;padding:5px 8px;font-size:.9rem;transition:border-color .15s}.option-input:not(:disabled):focus{border-color:var(--blue);box-shadow:0 0 0 3px #0066cc1f}.option-input:disabled{background:var(--bg-alt);color:var(--text-muted);cursor:not-allowed}.option-unit{color:var(--text-muted);font-size:.88rem}.option-input-wide{width:130px}.option-input-narrow{width:56px}.option-select{border:1px solid var(--border);color:var(--text);background:var(--bg);cursor:pointer;border-radius:6px;outline:none;padding:5px 6px;font-size:.9rem}.option-select:disabled{background:var(--bg-alt);color:var(--text-muted);cursor:not-allowed}.option-select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0066cc1f}.advanced-option-col{flex-direction:column;align-items:flex-start;gap:8px}.option-sub-inputs{flex-wrap:wrap;gap:16px;padding-left:22px;display:flex}.option-input-group{flex-direction:column;gap:4px;display:flex}#benefit-inputs .option-input-group{flex:0 0 calc(25% - 12px);min-width:0}#benefit-inputs .option-input-wide{width:100%;min-width:0}@media (width<=480px){#benefit-inputs .option-input-group{flex:0 0 calc(50% - 8px)}}.option-sub-label{color:var(--text-muted);font-size:.8rem}.addon-service{flex-direction:column;flex:0 0 calc(33.333% - 11px);gap:4px;min-width:0;display:flex}@media (width<=480px){.option-sub-inputs{gap:8px}.addon-service{flex:0 0 calc(50% - 4px)}}.addon-service .option-input-wide{flex:auto;width:100%;min-width:0}.addon-service .option-select{flex:none}.addon-service-label{cursor:pointer;flex-wrap:wrap;align-items:center;gap:6px;display:flex}.addon-row{color:var(--text-muted);font-size:.85rem}.td-addon{border-left:1px solid var(--border);border-right:1px solid var(--border);color:var(--text-muted)}.addon-line{color:var(--text-muted);font-size:.8rem}.sum-total-line{border-top:1px solid var(--border);margin-top:1px;padding-top:1px;font-weight:700;display:inline-block}.col-addon{border-left:1px solid var(--border);border-right:1px solid var(--border)}.mixed-tag{color:var(--text-muted);vertical-align:super;margin-left:2px;font-size:.7rem}tr.divider-row td{border-top:2px dashed var(--divider);background:0 0;border-bottom:none;padding:0}tr.summary-row-table td{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-weight:700}tr.summary-row-table td.summary-label{color:var(--text-muted);white-space:nowrap;font-size:.82rem;line-height:1.3}tr.device-row-table td{border-top:2px solid var(--blue);background:#f0f4ff;font-weight:600}tr.device-row-table td.summary-label{color:var(--text-muted);white-space:nowrap;font-size:.82rem;line-height:1.3}tr.total-row-table td{border-top:1px solid var(--green-border);border-top:2px solid var(--green);background:#e8f4e8;font-weight:700}tr.total-row-table td.summary-label{color:var(--text-muted);white-space:nowrap;font-size:.82rem;line-height:1.3}tr.total-row-table span.diff-best{color:var(--green);font-size:.78rem;font-weight:600;display:block}tr.total-row-table span.diff-more{color:#c0392b;font-size:.78rem;font-weight:600;display:block}.summary-divider{border-top:1px dashed var(--border);margin:4px 0}.period-section{margin-bottom:24px}.period-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border);margin-bottom:10px;padding:6px 0;font-size:.9rem;font-weight:700}.summary-grid{align-items:stretch;gap:16px;display:flex}.summary-col{flex-direction:column;flex:1 1 0;gap:12px;min-width:0;display:flex}.summary-col[hidden]{display:none}@media (width<=480px){.summary-grid{flex-direction:column}}.summary-card{border-radius:8px;flex-direction:column;gap:8px;padding:16px}.summary-card:not([hidden]){flex:1;display:flex}.summary-card h2{margin:0 0 4px;font-size:.9rem;font-weight:700}.card-blue{background:var(--blue-light);border:1px solid var(--blue)}.card-blue h2{color:var(--blue)}.card-green{background:var(--green-light);border:1px solid var(--green)}.card-green h2{color:var(--green)}.summary-row{color:var(--text-muted);justify-content:space-between;font-size:.88rem}.summary-row:not([hidden]){display:flex}.summary-row span:last-child{color:var(--text);font-weight:500}.summary-total{border-top:1px solid var(--border);margin-top:auto;padding-top:8px;font-size:1rem;font-weight:700;color:var(--text)!important}.card-blue .summary-total span:last-child{color:var(--blue)}.card-green .summary-total span:last-child{color:var(--green)}:root{--mvno:#7c3aed;--mvno-light:#ede9fe;--mvno-border:#c4b5fd}.card-mvno{background:var(--mvno-light);border:1px solid var(--mvno)}.card-mvno h2{color:var(--mvno);font-size:.85rem}.col-mvno{border-left:1px solid var(--border)}.td-choice-border{border-right:1px solid var(--border)}.card-rank{text-align:center;background:#ffffff80;border-radius:6px;margin-top:8px;padding:6px 8px;font-size:.95rem;font-weight:700}.card-rank-best{color:var(--green)}.card-rank-more{color:#dc2626}.diff-more{color:#dc2626;font-weight:600}.diff-less{color:var(--green);font-weight:600}.benefit-row span:last-child{font-weight:500;color:var(--green)!important}