:root{--bg: #0b0d14;--bg-elevated: #121622;--bg-soft: #171c2b;--text: #edf0f7;--text-muted: #9aa3b8;--accent: #c9a962;--accent-soft: rgba(201, 169, 98, .16);--border: rgba(255, 255, 255, .08);--danger: #e07a7a;--success: #7bc4a4;--radius: 16px;--shadow: 0 24px 60px rgba(0, 0, 0, .35);font-family:Manrope,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(201,169,98,.08),transparent 32%),linear-gradient(180deg,#0b0d14,#090b11)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{padding:24px 24px 8px;max-width:1120px;margin:0 auto;width:100%}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:700;letter-spacing:.04em}.brand-mark{color:var(--accent)}.brand-tagline{margin:6px 0 0;color:var(--text-muted)}.site-main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:16px 24px 48px}.site-footer{padding:24px;text-align:center;color:var(--text-muted);font-size:.875rem}.page-grid{display:grid;gap:24px}.hero-card,.panel{background:#121622eb;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.hero-card h1,.panel h2,.panel h3{font-family:Cormorant Garamond,serif;margin:0 0 12px}.hero-card p{color:var(--text-muted);line-height:1.6;margin:0}.form-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full-width{grid-column:1 / -1}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:.875rem;color:var(--text-muted)}.field input,.field select{width:100%;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);border-radius:12px;padding:12px 14px}.field input:focus,.field select:focus{outline:2px solid rgba(201,169,98,.35);border-color:#c9a96280}.checkbox-row{display:flex;align-items:center;gap:10px;color:var(--text-muted)}.primary-button,.secondary-button{border:none;border-radius:999px;padding:14px 22px;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.primary-button{background:linear-gradient(135deg,#d4ba73,#a8843d);color:#17130a;font-weight:700}.secondary-button{background:transparent;border:1px solid var(--border);color:var(--text)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.6;cursor:wait;transform:none}.actions-row{display:flex;gap:12px;flex-wrap:wrap}.alert{border-radius:12px;padding:12px 14px;line-height:1.5}.alert-warning{background:#c9a9621f;border:1px solid rgba(201,169,98,.28);color:#f0dfba}.alert-error{background:#e07a7a1f;border:1px solid rgba(224,122,122,.28);color:#ffd2d2}.chart-layout{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:24px}.chart-wheel-wrap{display:flex;justify-content:center;align-items:center;min-height:320px;background:#ffffff05;border-radius:12px;padding:12px}.chart-wheel-wrap svg{width:100%;max-width:380px;height:auto}.meta-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.meta-list li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border);color:var(--text-muted)}.meta-list strong{color:var(--text);font-weight:600}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:10px 8px;border-bottom:1px solid var(--border);text-align:left;font-size:.925rem}.data-table th{color:var(--text-muted);font-weight:600}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:.75rem;background:var(--accent-soft);color:#f0dfba}.badge-retro{background:#e07a7a24;color:#ffc9c9}.distribution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.distribution-item{background:#ffffff08;border:1px solid var(--border);border-radius:12px;padding:14px}.distribution-item span{display:block;color:var(--text-muted);font-size:.8rem}.distribution-item strong{display:block;margin-top:6px;font-size:1.25rem}.interpretation-list{display:grid;gap:16px}.interpretation-item h3{margin-bottom:8px;color:#f0dfba}.interpretation-item p{margin:0;color:var(--text-muted);line-height:1.7}@media(max-width:900px){.form-grid,.chart-layout,.distribution-grid{grid-template-columns:1fr}}
