.main-container{max-width:1400px;margin:0 auto;padding:40px 20px}.page-header-zone{background:linear-gradient(135deg,#a855f714 0%,#6366f10f 100%);border-bottom:1px solid #a855f726;padding:2rem 0 1.5rem}.page-title{font-family:var(--calc-font-headline);color:var(--calc-text-primary);margin:0 0 .5rem;font-size:clamp(1.6rem,4vw,2.4rem)}.page-subtitle{color:var(--calc-text-faded);max-width:70ch;margin:0;line-height:1.6}.page-sections-outer{max-width:1600px;margin:0 auto;padding:0 1.5rem 3rem}.action-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.action-btn{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-md);color:var(--calc-text-primary);cursor:pointer;font-family:var(--calc-font-headline);padding:.45rem .9rem;font-size:.85rem;transition:background .15s,border-color .15s}.action-btn:hover{border-color:var(--calc-purple);background:#a855f71f}.action-btn--reset:hover{border-color:var(--calc-rose);background:#fb71851f}.calc-tabs{margin-bottom:1.5rem}.tab-bar{border-bottom:2px solid var(--calc-border-default);flex-wrap:wrap;gap:.35rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.tab-btn{border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-md);color:var(--calc-text-faded);cursor:pointer;font-family:var(--calc-font-headline);background:0 0;padding:.5rem 1rem;font-size:.88rem;transition:background .15s,color .15s,border-color .15s}.tab-btn:hover{color:var(--calc-text-primary);border-color:var(--calc-purple)}.tab-btn.active{background:var(--calc-purple);border-color:var(--calc-purple);color:#fff;font-weight:600}.tab-panel{display:none}.tab-panel.active{display:block}.calc-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}.input-col,.result-col{flex-direction:column;gap:1rem;display:flex}.panel-label{font-family:var(--calc-font-headline);letter-spacing:.08em;text-transform:uppercase;color:var(--calc-purple);margin-bottom:.25rem;font-size:.75rem;font-weight:700}.field-group{flex-direction:column;gap:.35rem;display:flex}.field-label{color:var(--calc-text-faded);font-size:.88rem;font-weight:500}.field-group input,.field-group .glass-select{background:var(--calc-bg-input);border:1px solid var(--calc-border-strong);border-radius:var(--calc-radius-md);color:var(--calc-text-primary);font-family:var(--calc-font-mono);box-sizing:border-box;width:100%;padding:.65rem .85rem;font-size:1.05rem;transition:border-color .15s}.field-group input:focus,.field-group .glass-select:focus{border-color:var(--calc-purple);outline:none;box-shadow:0 0 0 3px #a855f726}.glass-select{cursor:pointer}.input-hint{color:var(--calc-text-dim);font-size:.78rem}.preset-chips{flex-wrap:wrap;gap:.4rem;display:flex}.preset-chip{color:var(--calc-text-faded);cursor:pointer;font-family:var(--calc-font-headline);background:#a855f714;border:1px solid #a855f740;border-radius:20px;padding:.35rem .85rem;font-size:.82rem;transition:background .15s,color .15s,border-color .15s}.preset-chip:hover{color:var(--calc-text-primary);background:#a855f72e}.preset-chip.active{background:var(--calc-purple);border-color:var(--calc-purple);color:#fff}.result-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-lg);padding:1.25rem 1.5rem}.result-hero{text-align:center;border-bottom:1px solid var(--calc-border-subtle);margin-bottom:1rem;padding-bottom:1rem}.result-value{font-family:var(--calc-font-mono);color:var(--calc-purple);margin-bottom:.4rem;font-size:clamp(2rem,6vw,3rem);line-height:1}.result-detail{color:var(--calc-text-faded);font-size:.9rem;line-height:1.5}.stat-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.stat-card{border-radius:var(--calc-radius-md);text-align:center;background:#a855f70f;border:1px solid #a855f726;padding:.7rem .85rem}.stat-val{font-family:var(--calc-font-mono);color:var(--calc-text-primary);margin-bottom:.2rem;font-size:1.05rem;font-weight:600}.stat-name{color:var(--calc-text-dim);font-size:.72rem;line-height:1.3}.mag-rating{border-radius:10px;padding:.2rem .5rem;font-size:.85rem}.rating-good{color:#34d399;background:#34d39926}.rating-warn{color:#f59e0b;background:#f59e0b26}.rating-bad{color:#fb7185;background:#fb718526}.rating-info{color:#60a5fa;background:#60a5fa26}.chart-label{text-transform:uppercase;letter-spacing:.06em;color:var(--calc-text-dim);margin-top:1rem;margin-bottom:.5rem;font-size:.78rem;font-weight:600}.ep-header{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.target-chips{flex-wrap:wrap;gap:.4rem;display:flex}.target-chip{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);color:var(--calc-text-faded);cursor:pointer;font-family:var(--calc-font-headline);border-radius:20px;padding:.35rem .85rem;font-size:.82rem;transition:background .15s,color .15s,border-color .15s}.target-chip:hover{border-color:var(--calc-purple);color:var(--calc-text-primary)}.target-chip.active{background:var(--calc-purple);border-color:var(--calc-purple);color:#fff}.ep-hint{color:var(--calc-text-dim);margin-bottom:1rem;font-size:.83rem}.ep-footnote{color:var(--calc-text-dim);margin-top:.75rem;font-size:.8rem;font-style:italic}.table-wrap{overflow-x:auto}.eyepiece-table{border-collapse:collapse;width:100%;font-size:.9rem}.eyepiece-table th{color:var(--calc-text-faded);font-family:var(--calc-font-headline);letter-spacing:.05em;text-align:left;text-transform:uppercase;background:#a855f71a;padding:.6rem .8rem;font-size:.78rem;font-weight:700}.eyepiece-table td{border-bottom:1px solid var(--calc-border-subtle);color:var(--calc-text-primary);padding:.55rem .8rem}.eyepiece-table td.mono{font-family:var(--calc-font-mono)}.eyepiece-table tr:hover td{background:#a855f70d}.ep-current td{background:#a855f71f;font-weight:600}.ep-recommended td{background:#34d39912}.ep-too-high td{opacity:.75;background:#fb718512}.suit-badge{white-space:nowrap;border-radius:10px;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-block}.suit-good{color:#34d399;background:#34d39926}.suit-warn{color:#f59e0b;background:#f59e0b26}.suit-bad{color:#fb7185;background:#fb718526}.suit-neutral{color:#94a3b8;background:#94a3b826}.suit-current{color:var(--calc-purple);background:#a855f733}.suit-intro{color:var(--calc-text-faded);max-width:70ch;margin-bottom:1.25rem;font-size:.88rem}.suitability-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem;margin-bottom:1.25rem;display:grid}.target-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-md);text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding:1rem .75rem;transition:border-color .15s;display:flex}.target-card.target-good{border-color:#34d39959}.target-card.target-borderline{border-color:#f59e0b59}.target-card.target-too-high{border-color:#fb718540}.target-card.target-too-low{opacity:.8;border-color:#94a3b833}.target-icon{font-size:1.8rem;line-height:1}.target-name{color:var(--calc-text-primary);font-size:.85rem;font-weight:600}.target-range{color:var(--calc-text-dim);font-family:var(--calc-font-mono);font-size:.75rem}.suit-legend{color:var(--calc-text-dim);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.8rem;display:flex}[data-theme=light]{--calc-purple:#7c3aed}[data-theme=light] .page-header-zone{background:linear-gradient(135deg,#7c3aed0f 0%,#4f46e50a 100%);border-bottom-color:#7c3aed26}[data-theme=light] .tab-btn{color:#334155;background:#fff;border-color:#00000026}[data-theme=light] .tab-btn:hover{color:#0f172a;border-color:#7c3aed}[data-theme=light] .tab-btn.active{color:#fff;background:#7c3aed;border-color:#7c3aed}[data-theme=light] .action-btn{color:#334155;background:#fff;border-color:#00000026}[data-theme=light] .action-btn:hover{background:#7c3aed14;border-color:#7c3aed}[data-theme=light] .result-card{background:#fff;border-color:#0000001f;box-shadow:0 2px 12px #00000017}[data-theme=light] .result-hero{border-bottom-color:#00000014}[data-theme=light] .result-value{color:#7c3aed}[data-theme=light] .result-detail{color:#475569}[data-theme=light] .stat-card{background:#edf2f9;border-color:#0000001a}[data-theme=light] .stat-val{color:#0f172a}[data-theme=light] .stat-name{color:#64748b}[data-theme=light] .rating-good{color:#047857;background:#0478571f}[data-theme=light] .rating-warn{color:#b45309;background:#b453091f}[data-theme=light] .rating-bad{color:#be123c;background:#be123c1f}[data-theme=light] .rating-info{color:#2563eb;background:#2563eb1f}[data-theme=light] .suit-good{color:#047857;background:#0478571f}[data-theme=light] .suit-warn{color:#b45309;background:#b453091f}[data-theme=light] .suit-bad{color:#be123c;background:#be123c1f}[data-theme=light] .suit-neutral{color:#475569;background:#4755691f}[data-theme=light] .suit-current{color:#7c3aed;background:#7c3aed1f}[data-theme=light] .preset-chip{color:#334155;background:#f0f4f9;border-color:#7c3aed40}[data-theme=light] .preset-chip:hover{color:#0f172a;background:#7c3aed1a}[data-theme=light] .preset-chip.active{color:#fff;background:#7c3aed;border-color:#7c3aed}[data-theme=light] .field-group input,[data-theme=light] .field-group .glass-select{color:#0f172a;background:#f0f4f9;border-color:#0000002e}[data-theme=light] .field-group input:focus,[data-theme=light] .field-group .glass-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}[data-theme=light] .field-label{color:#334155}[data-theme=light] .input-hint{color:#64748b}[data-theme=light] .panel-label{color:#7c3aed}[data-theme=light] .eyepiece-table th{color:#475569;background:#7c3aed14}[data-theme=light] .eyepiece-table td{color:#0f172a;border-bottom-color:#0000000f}[data-theme=light] .eyepiece-table tr:hover td{background:#7c3aed0d}[data-theme=light] .ep-current td{background:#7c3aed1a}[data-theme=light] .ep-recommended td{background:#04785712}[data-theme=light] .ep-too-high td{background:#be123c0f}[data-theme=light] .target-card{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000d}[data-theme=light] .target-card.target-good{border-color:#0478574d}[data-theme=light] .target-card.target-borderline{border-color:#b453094d}[data-theme=light] .target-card.target-too-high{border-color:#be123c40}[data-theme=light] .target-card.target-too-low{border-color:#47556933}[data-theme=light] .target-name{color:#0f172a}[data-theme=light] .target-range{color:#64748b}[data-theme=light] .target-chip{color:#334155;background:#fff;border-color:#00000026}[data-theme=light] .target-chip:hover{color:#0f172a;border-color:#7c3aed}[data-theme=light] .target-chip.active{color:#fff;background:#7c3aed;border-color:#7c3aed}[data-theme=light] .page-title{color:#0f172a}[data-theme=light] .page-subtitle{color:#475569}[data-theme=light] .ep-hint,[data-theme=light] .ep-footnote{color:#64748b}[data-theme=light] .suit-intro{color:#475569}[data-theme=light] .suit-legend{color:#64748b}[data-theme=light] .chart-label{color:#475569}[data-theme=light] .tab-bar{border-bottom-color:#0000001a}@media (width<=768px){.calc-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.suitability-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.ep-header{flex-direction:column;align-items:flex-start}.tab-bar{gap:.25rem}.tab-btn{padding:.4rem .7rem;font-size:.8rem}}@media (width<=480px){.main-container{padding:20px 12px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.preset-chips{gap:.3rem}.suitability-grid{grid-template-columns:repeat(2,1fr)}}