.peaks-workspace { display:grid; gap:18px; }
.peaks-workspace[hidden] { display:none!important; }
.peaks-workspace-head, .peaks-period header, .peaks-mode-title { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; }
.peaks-workspace-head h3, .peaks-mode-title h4 { margin:5px 0; }
.peaks-mode-tabs { display:flex; gap:10px; padding:6px; border-radius:16px; background:rgba(111,76,176,.08); }
.peaks-mode-tabs button { flex:1; min-height:46px; border-radius:12px; font-weight:800; }
.peaks-mode-tabs button.active { color:#fff; border-color:#7048bd; background:#7048bd; }
.peaks-mode-panel { display:grid; gap:16px; }
.peaks-mode-panel[hidden] { display:none!important; }
.peaks-calculation-summary { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:9px; }
.peaks-calculation-summary span { padding:10px 12px; border-radius:12px; background:rgba(111,76,176,.07); line-height:1.55; }
.peaks-periods { display:grid; grid-template-columns:repeat(auto-fit,minmax(285px,1fr)); gap:14px; }
.peaks-period { display:grid; gap:12px; padding:16px; border:1px solid rgba(111,76,176,.2); border-radius:18px; background:rgba(255,255,255,.76); }
.peaks-period.status-current { border:2px solid #7048bd; box-shadow:0 10px 28px rgba(73,43,126,.16); background:rgba(248,245,255,.96); }
.peaks-period.status-past { opacity:.88; }
.peaks-period h4 { margin:4px 0; font-size:21px; }
.peaks-status { padding:6px 10px; border-radius:999px; font-weight:800; background:rgba(111,76,176,.11); }
.status-current .peaks-status { color:#fff; background:#7048bd; }
.peaks-number-pair { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.peaks-number-pair div { display:flex; justify-content:space-between; align-items:center; padding:10px 14px; border-radius:13px; background:rgba(111,76,176,.08); }
.peaks-number-pair strong { font-size:26px; color:#5e3a9f; }
.peaks-period details { border-top:1px solid rgba(111,76,176,.16); padding-top:10px; }
.peaks-period summary, .peaks-report-preview summary { cursor:pointer; font-weight:800; color:#4c2d83; }
.peaks-formulas { margin:12px 0; padding:10px 12px; border-radius:12px; background:rgba(111,76,176,.06); }
.peaks-interpretations { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.peaks-interpretations h5 { margin:6px 0 10px; font-size:17px; }
.peaks-meaning { padding:10px 12px; margin-top:8px; border-radius:12px; white-space:pre-line; }
.peaks-meaning p { margin:5px 0 0; line-height:1.65; }
.peaks-meaning.is-constructive { background:rgba(48,151,87,.09); }
.peaks-meaning.is-blocking { background:rgba(180,72,72,.08); }
.peaks-summary-form, .peaks-report-preview { padding:16px; border:1px solid rgba(111,76,176,.18); border-radius:18px; background:rgba(255,255,255,.72); }
.peaks-summary-form label, .peaks-report-grid label { display:grid; gap:7px; font-weight:800; }
.peaks-summary-form textarea, .peaks-report-grid textarea { min-height:120px; resize:vertical; }
.peaks-report-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:14px 0; }
.peaks-error { padding:18px; border:1px solid rgba(180,72,72,.3); border-radius:16px; background:rgba(180,72,72,.07); }
.peaks-saved-reports { display:grid; gap:10px; padding:16px; border:1px solid rgba(111,76,176,.18); border-radius:18px; background:rgba(255,255,255,.72); }
.peaks-saved-reports h5 { margin:0; font-size:18px; }
.peaks-saved-reports > div { display:grid; gap:8px; }
.peaks-saved-reports article { display:flex; justify-content:space-between; gap:14px; padding:10px 12px; border-radius:12px; background:rgba(111,76,176,.07); }
@media (max-width:760px) { .peaks-interpretations, .peaks-report-grid { grid-template-columns:1fr; } .peaks-periods { grid-template-columns:1fr; } }
@media print { .peaks-mode-tabs, .peaks-summary-form, .peaks-report-preview, .peaks-period details:not([open]) { display:none!important; } }