.calculator-container{max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-12)}.calc-search-container{max-width:640px;margin:0 auto var(--space-8)}.calc-search-label{display:block;font-family:var(--font-ui);font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:var(--space-2)}.calc-search-wrapper{position:relative}.calc-search-box{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-ui);font-size:var(--text-base);outline:none;transition:border-color var(--transition-fast)}.calc-search-box:focus{border-color:var(--accent)}.calc-search-container{padding:.75rem 1.25rem;margin-bottom:var(--space-6)}.calc-search-label{font-family:var(--font-caps);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);display:block;margin-bottom:var(--space-2)}.calc-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:0 8px 24px var(--shadow);max-height:320px;overflow-y:auto;z-index:50}.calc-search-row{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--font-ui);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.calc-search-row:last-child{border-bottom:none}.calc-search-row:hover{background:var(--surface-2)}.calc-search-name{flex:1;font-weight:500}.calc-search-empty{padding:var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-faint);text-align:center}.calc-workspace{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-bottom:var(--space-10)}@media(min-width:900px){.calc-workspace{grid-template-columns:320px 1fr}.calc-panel-raw{grid-column:1 / -1}}@media(min-width:1100px){.calc-workspace{grid-template-columns:320px 1fr 340px}.calc-panel-raw{grid-column:auto}}.calc-panel{overflow:hidden;display:flex;flex-direction:column;padding:1rem 1.25rem}.calc-panel-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-2);border-bottom:1px solid var(--border);margin-bottom:var(--space-3)}.calc-panel-title{font-family:var(--font-caps);font-size:1.15rem;font-weight:700;color:var(--text);margin:0;text-transform:uppercase;letter-spacing:.06em}.calc-panel-badge{font-family:var(--font-caps);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--accent)}.calc-panel-body{padding:var(--space-4);flex:1;min-height:120px}.calc-empty-hint{color:var(--text-faint);font-family:var(--font-ui);font-size:var(--text-sm);font-style:italic;padding:var(--space-6) var(--space-2);text-align:center}.calc-target-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.calc-target-row:last-child{border-bottom:none}.calc-target-info{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.calc-item-thumb{width:24px;height:24px;border-radius:var(--radius-sm);background:var(--surface-2);flex-shrink:0}.calc-item-ph{width:24px;height:24px;border-radius:var(--radius-sm);background:var(--border);flex-shrink:0}.calc-item-link{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;color:var(--text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calc-item-link:hover{color:var(--accent)}.calc-target-controls{display:flex;align-items:center;gap:4px}.calc-btn-qty,.calc-btn-remove{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.calc-btn-qty:hover{background:var(--border);border-color:var(--border-strong)}.calc-btn-remove{color:var(--danger);margin-left:4px}.calc-btn-remove:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.calc-qty-input{width:44px;height:26px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-ui);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.calc-tree-node{margin:4px 0}.calc-tree-header{display:flex;align-items:center;gap:var(--space-2);padding:3px 0;font-family:var(--font-ui);font-size:var(--text-sm)}.calc-tree-toggle{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);border-radius:2px;color:var(--text);font-size:11px;font-family:var(--font-ui);font-weight:700;cursor:pointer;line-height:1;padding:0}.calc-tree-spacer{width:18px;display:inline-block}.calc-tree-title{font-weight:600;color:var(--text);text-decoration:none}.calc-tree-title:hover{color:var(--accent)}.calc-tree-pill{font-size:var(--text-xs);color:var(--text-faint);background:var(--surface-2);padding:1px 6px;border-radius:var(--radius-sm);border:1px solid var(--border);font-variant-numeric:tabular-nums}.calc-pill-haveit{border-color:var(--good);color:var(--good)}.calc-pill-cycle{border-color:var(--flame);color:var(--flame)}.calc-tree-select{font-family:var(--font-ui);font-size:var(--text-xs);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:1px 4px;margin-left:auto}.calc-tree-children{padding-left:20px;border-left:1px dashed var(--border);margin-left:9px}.calc-raw-summary-bar{padding:var(--space-2) var(--space-4);background:var(--surface-2);font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-faint);font-variant-numeric:tabular-nums;border-bottom:1px solid var(--border)}.calc-raw-table{display:flex;flex-direction:column}.calc-raw-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-family:var(--font-ui);font-size:var(--text-sm)}.calc-raw-row:last-child{border-bottom:none}.calc-raw-head{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding-bottom:var(--space-1);border-bottom:1px solid var(--border-strong)}.calc-col-check{width:40px;text-align:center;flex-shrink:0}.calc-col-item{flex:1;display:flex;align-items:center;gap:var(--space-2);min-width:0}.calc-col-total{width:70px;text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:var(--accent);flex-shrink:0}.calc-col-have{width:60px;text-align:center;flex-shrink:0}.calc-row-collected .calc-item-link,.calc-row-collected .calc-col-total{text-decoration:line-through;opacity:.5}.calc-guide{padding:1.25rem 1.5rem}.guide-title{font-family:var(--font-caps);font-size:1.25rem;font-weight:700;color:var(--text);margin:0 0 var(--space-4);text-transform:uppercase;letter-spacing:.06em}.guide-content p{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text);line-height:1.6;margin:0 0 var(--space-3)}.guide-content ul{margin:0;padding-left:var(--space-5)}.guide-content li{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text);line-height:1.6;margin-bottom:var(--space-2)}.guide-content code{font-family:monospace;font-size:.9em;background:var(--surface-2);padding:1px 4px;border-radius:var(--radius-sm);color:var(--accent)}