:root { --ar-bg:#0b0f1a; --ar-panel:#111626; --ar-line:rgba(156,169,211,.18); --ar-text:#eef1f8; --ar-muted:#a6afc7; --ar-purple:#aeb6ff; --ar-gold:#d8b878; }
#screen-result > div:first-child { max-width:1180px!important; }
.ar-report { color:var(--ar-text); font-size:16px; line-height:1.7; }
.ar-report * { box-sizing:border-box; }
.ar-report h1,.ar-report h2,.ar-report h3,.ar-report p { margin-top:0; }
.ar-report h1 { font-size:clamp(28px,3.4vw,44px); line-height:1.15; letter-spacing:-.035em; margin-bottom:20px; max-width:770px; }
.ar-report h2 { font-size:clamp(23px,2.3vw,30px); line-height:1.25; letter-spacing:-.025em; margin-bottom:0; }
.ar-report h3 { font-size:18px; line-height:1.4; margin-bottom:14px; }
.ar-report p { color:#bdc5d9; margin-bottom:16px; }
.ar-report a { color:var(--ar-purple); text-underline-offset:4px; }
.ar-report button,.ar-report summary,.ar-report a { -webkit-tap-highlight-color:transparent; }
.ar-report button:focus-visible,.ar-report summary:focus-visible,.ar-report a:focus-visible,.ar-planet:focus-visible { outline:2px solid var(--ar-gold); outline-offset:5px; }
.ar-cover { background:linear-gradient(145deg,#191e33 0%,#0e1321 75%); border:1px solid rgba(174,182,255,.25); border-radius:26px; padding:40px; margin-bottom:28px; }
.ar-overline { display:block; color:#a6b0d9; font-size:11px; font-weight:700; letter-spacing:.15em; margin-bottom:13px; }
.ar-cover-title { display:flex; gap:22px; align-items:flex-start; justify-content:space-between; }
.ar-ready { flex:none; border:1px solid #475941; background:#202b25; color:#bed5b9; border-radius:30px; padding:6px 12px; font-size:12px; margin-top:4px; white-space:nowrap; }
.ar-birth { font-size:15px; color:#c3cbe0!important; margin-bottom:18px!important; }
.ar-pills { display:flex; gap:8px; flex-wrap:wrap; margin:0 0 22px; }
.ar-pills span { font-size:12px; padding:5px 11px; border:1px solid rgba(174,182,255,.23); border-radius:30px; color:#c7cff1; background:rgba(111,124,255,.08); }
.ar-intro { max-width:760px; font-size:16px; line-height:1.7; }
.ar-cover nav { display:flex; flex-wrap:wrap; gap:12px 24px; padding-top:17px; margin-top:24px; border-top:1px solid var(--ar-line); font-size:13px; }
.ar-section { scroll-margin-top:24px; margin-bottom:28px; padding:32px; background:rgba(14,19,32,.92); border:1px solid var(--ar-line); border-radius:24px; }
.ar-section-head { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:22px; }
.ar-section-head .ar-overline { margin-bottom:10px; }
.ar-note { color:#9ca6c1; font-size:12px; white-space:nowrap; }
.ar-lead { max-width:760px; color:var(--ar-muted)!important; font-size:15px; }
.ar-button { font:inherit; font-size:12px; color:#d8def3; background:#20283e; border:1px solid #39425d; border-radius:10px; padding:10px 14px; cursor:pointer; flex:none; }
.ar-button:hover { background:#2a3451; }
.ar-highlights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:22px; }
.ar-highlight { background:#171e31; border:1px solid var(--ar-line); border-radius:16px; padding:21px; }
.ar-highlight p { font-size:14px; line-height:1.65; margin-bottom:0; }
.ar-highlight .ar-overline { color:var(--ar-gold); }
.ar-report details { border-top:1px solid var(--ar-line); padding-top:16px; margin-top:18px; }
.ar-report details > summary { cursor:pointer; color:#d2d8ec; font-size:14px; font-weight:600; padding:4px 0; }
.ar-report details[open] > summary { margin-bottom:20px; }
.ar-summary { max-width:850px; }
.ar-map-grid { display:grid; grid-template-columns:minmax(0,1fr) 285px; gap:28px; align-items:start; }
.ar-wheel { width:100%; max-width:720px; margin:auto; }
.ar-natal-svg { width:100%; display:block; overflow:visible; }
.ar-wheel-bg { fill:#0b101e; stroke:#404962; stroke-width:1.2; }
.ar-wheel-ring { fill:none; stroke:#3c465d; stroke-width:1; }
.ar-tick { stroke:#5d6681; stroke-width:.7; opacity:.55; }
.ar-major-tick { stroke:#8b97ba; stroke-width:1.2; opacity:1; }
.ar-sign { fill:#bbc5e6; font-size:24px; font-family:Georgia,serif; }
.ar-house-line { stroke:#5e6a8c; stroke-width:.75; opacity:.45; }
.ar-angle-line { stroke:#c6ad7f; stroke-width:1.35; opacity:.8; }
.ar-house-number { fill:#8491b5; font:14px "Space Grotesk",sans-serif; }
.ar-aspect { stroke-width:1.25; opacity:.8; transition:opacity .18s; }
.ar-aspect.ar-muted { opacity:.2; }
.ar-planet { cursor:pointer; }
.ar-planet circle { fill:#1c2540; stroke:#6a78ac; stroke-width:1.2; }
.ar-planet text { fill:#d7def4; font:24px Georgia,serif; }
.ar-planet.is-selected circle { fill:#4b4254; stroke:#e0bf7e; stroke-width:2.2; }
.ar-planet.is-selected text { fill:#ffe0a8; }
.ar-planet-leader { stroke:#66729b; stroke-width:1; opacity:.7; }
.ar-exact-point { fill:#d6bd8c; }
.ar-center { fill:#101726; stroke:#394562; stroke-width:1; }
.ar-center-label { fill:#b8c2de; font-size:10px; letter-spacing:2px; }
.ar-center-small { fill:#8997bb; font-size:10px; }
.ar-legend { display:flex; justify-content:center; flex-wrap:wrap; gap:8px 15px; font-size:11px; color:#aab4cf; margin:12px 0; }
.ar-legend span { display:flex; align-items:center; gap:6px; }
.ar-legend i { display:inline-block; width:14px; height:2px; }
.ar-source { color:#8795b5!important; font-size:11.5px; line-height:1.6; margin-top:16px!important; margin-bottom:0!important; }
.ar-chart-aside { padding-top:18px; }
.ar-point-info { min-height:220px; padding:21px; border-radius:16px; border:1px solid rgba(216,184,120,.34); background:rgba(216,184,120,.06); }
.ar-point-info .ar-overline { color:var(--ar-gold); font-size:10px; }
.ar-point-info p,.ar-point-info li { font-size:13px; line-height:1.6; }
.ar-point-info ul { padding-left:16px; color:#b9c2d9; }
.ar-planet-list { display:grid; gap:5px; margin-top:18px; }
.ar-planet-list button { display:flex; justify-content:space-between; gap:8px; border:1px solid transparent; background:transparent; color:#c5cfe5; text-align:left; font:inherit; font-size:12px; padding:9px 11px; border-radius:9px; cursor:pointer; }
.ar-planet-list button b { color:#a2b0d2; font-size:11px; font-weight:500; white-space:nowrap; }
.ar-planet-list button:hover,.ar-planet-list button.is-selected { background:#1b2540; border-color:#3c496d; }
.ar-calculation dl { display:grid; grid-template-columns:170px 1fr; gap:12px; font-size:13px; color:#bdc7dd; }
.ar-calculation dt { color:#8998ba; }
.ar-calculation dd { margin:0; overflow-wrap:anywhere; }
.ar-calculation p { font-size:13px; }
.ar-two { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.ar-chart-card { border:1px solid var(--ar-line); border-radius:16px; padding:23px; min-width:0; }
.ar-chart-card h3 { font-size:16px; }
.ar-bars { display:grid; gap:13px; }
.ar-bar-row { display:grid; grid-template-columns:140px minmax(0,1fr) 20px; gap:13px; align-items:center; font-size:13px; }
.ar-bar-row b { color:#e5d2aa; text-align:right; font:14px "Space Grotesk",sans-serif; }
.ar-bar-track { height:7px; border-radius:7px; background:#242c42; overflow:hidden; }
.ar-bar-track i { display:block; height:100%; background:linear-gradient(90deg,#7886d0,#bec4f4); border-radius:7px; }
.ar-house-bars { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:8px; align-items:end; min-height:164px; padding-top:15px; }
.ar-house-bars > div { display:flex; align-items:center; flex-direction:column; gap:6px; justify-content:flex-end; }
.ar-house-bars span { color:#dac397; font-size:12px; }
.ar-house-bars i { display:block; width:100%; max-width:22px; border-radius:5px 5px 2px 2px; background:#8492d1; }
.ar-house-bars small { color:#8493b6; font-size:10px; }
.ar-theme-counts { max-width:760px; margin-bottom:28px; padding-bottom:26px; border-bottom:1px solid var(--ar-line); }
.ar-theme-counts h3 { font-size:16px; }
.ar-patterns { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.ar-pattern { padding:25px; background:#151c2e; border:1px solid #303b56; border-radius:17px; min-width:0; }
.ar-pattern .ar-overline { color:#b8bff2; font-size:10px; }
.ar-pattern h3 { font-size:19px; }
.ar-pattern > p { font-size:14px; }
.ar-basis { border-left:2px solid #9eabd9; padding-left:14px; margin:20px 0; color:#aebcd9; font-size:12px; line-height:1.6; }
.ar-basis b,.ar-basis span { display:block; }
.ar-basis b { color:#d2daf0; font-size:11px; margin-bottom:5px; }
.ar-question { font-size:12px!important; color:#bfc7d8!important; }
.ar-question b { display:block; font-size:11px; color:var(--ar-gold); margin-bottom:5px; }
.ar-pattern details { font-size:13px; }
.ar-critique,.ar-synthesis { border:1px solid #3b415a; border-radius:16px; padding:25px; min-width:0; }
.ar-critique { background:rgba(111,124,255,.05); }
.ar-critique ul { margin:0; padding-left:19px; }
.ar-critique li { margin-bottom:14px; color:#c7cfe4; font-size:13px; }
.ar-critique small { display:block; color:#8b9bbd; font-size:11px; }
.ar-synthesis { background:rgba(216,184,120,.04); border-color:rgba(216,184,120,.25); }
.ar-synthesis .ar-overline { color:var(--ar-gold); }
.ar-synthesis p { font-size:13px; }
.ar-table-wrap { overflow-x:auto; }
.ar-report table { width:100%; border-collapse:collapse; text-align:left; font-size:12px; }
.ar-report caption { text-align:left; font-size:13px; margin-bottom:15px; color:#c8d1ea; }
.ar-report th,.ar-report td { padding:13px 10px; border-bottom:1px solid var(--ar-line); vertical-align:top; }
.ar-report th { color:#d2daed; font-weight:600; }
.ar-model-id { color:#aab9d8; overflow-wrap:anywhere; font-family:"Space Grotesk",monospace; }
.ar-models > p { color:#8697b8; font-size:12px; margin-top:15px; }
.ar-prose { max-width:780px; margin:0 auto; padding:18px 0; overflow-wrap:anywhere; }
.ar-prose h1,.ar-prose h2,.ar-prose h3 { font-size:21px; margin:30px 0 15px; color:#e6eaf6; }
.ar-prose p { font-size:15px; line-height:1.85; color:#bbc4da; margin-bottom:20px; }
.ar-limits { padding:24px 32px 40px; max-width:900px; }
.ar-limits h2 { font-size:20px; margin-bottom:15px; }
.ar-limits p { font-size:14px; }
.ar-map-dialog { width:min(94vw,940px); max-height:94vh; border:1px solid #66729a; border-radius:20px; padding:20px; background:#0d1424; color:#d5def4; }
.ar-map-dialog::backdrop { background:rgba(3,6,14,.88); backdrop-filter:blur(7px); }
.ar-dialog-wheel { overflow:auto; }
.ar-dialog-wheel svg { min-width:540px; max-width:800px; margin:auto; }
.ar-map-dialog > p { font-size:12px; padding:0 16px; }
@media(max-width:1000px) { .ar-cover{padding:30px}.ar-section{padding:27px}.ar-map-grid{grid-template-columns:minmax(0,1fr) 250px;gap:15px}.ar-highlights{grid-template-columns:1fr}.ar-highlight{padding:20px}.ar-highlight p{font-size:15px}.ar-bar-row{grid-template-columns:125px minmax(0,1fr) 20px;gap:9px}.ar-two{gap:16px} }
@media(max-width:760px) { #screen-result{padding:20px 14px 120px!important}.ar-cover{padding:25px 21px;border-radius:20px}.ar-cover-title{display:block}.ar-ready{display:inline-block;margin:0 0 15px}.ar-cover nav{gap:12px 18px}.ar-section{padding:25px 20px;border-radius:19px;margin-bottom:20px}.ar-section-head{align-items:flex-start;flex-wrap:wrap}.ar-map-grid,.ar-two,.ar-patterns{grid-template-columns:1fr}.ar-chart-aside{padding-top:0}.ar-planet-list{grid-template-columns:1fr 1fr;gap:5px}.ar-planet-list button{font-size:12px;padding:8px;flex-direction:column;gap:0}.ar-point-info{min-height:0}.ar-point-info ul{display:flex;gap:8px 28px;flex-wrap:wrap}.ar-point-info li{max-width:200px}.ar-map-dialog{padding:12px}.ar-calculation dl{grid-template-columns:1fr;gap:5px}.ar-calculation dd{margin-bottom:12px}.ar-bar-row{grid-template-columns:135px minmax(0,1fr) 18px}.ar-limits{padding:18px 15px 30px}.ar-note{white-space:normal}.ar-house-bars{gap:6px}.ar-pattern{padding:22px}.ar-pills{gap:6px}.ar-pills span{font-size:11px}.ar-report h1{font-size:30px}.ar-prose p{font-size:15px}.ar-model-id{min-width:150px} }
@media(max-width:390px) { .ar-section{padding:22px 15px}.ar-bar-row{grid-template-columns:110px minmax(0,1fr) 18px}.ar-cover nav{font-size:12px}.ar-cover{padding:23px 19px}.ar-report h1{font-size:27px} }
@media print { @page{size:A4;margin:16mm}.ar-section,.ar-cover{border:1px solid #bbb!important;break-inside:auto;border-radius:0;padding:7mm;margin:0 0 7mm}.ar-cover h1{font-size:25pt}.ar-report h2{font-size:18pt}.ar-report p,.ar-prose p{font-size:10pt!important;line-height:1.6!important}.ar-button,.ar-cover nav,.ar-map-dialog{display:none!important}.ar-report details > :not(summary){display:block!important}.ar-full-report{border:0!important}.ar-full-report summary{display:none!important}.ar-highlights,.ar-two,.ar-patterns{display:block}.ar-highlight,.ar-chart-card,.ar-pattern,.ar-critique,.ar-synthesis{break-inside:avoid;padding:5mm;margin-bottom:5mm}.ar-map-grid{grid-template-columns:1fr 190px;gap:5mm}.ar-natal-svg text{fill:#222!important}.ar-wheel-bg,.ar-center,.ar-planet circle{fill:#fff!important}.ar-wheel-ring,.ar-house-line,.ar-tick,.ar-planet-leader{stroke:#888!important}.ar-aspect{opacity:.8}.ar-bar-track{background:#eee!important}.ar-bar-track i,.ar-house-bars i{background:#6678a8!important;print-color-adjust:exact}.ar-report summary{font-size:11pt}.ar-point-info{break-inside:avoid}.ar-models table{font-size:8pt}.ar-report{color:#111!important}.ar-table-wrap{overflow:visible}.ar-report .ar-map-dialog{display:none!important} }

#screen-result:has(.ar-report) #cta-bar { position:static!important; background:transparent!important; padding-bottom:14px!important; }
#screen-result:has(.ar-report) #cta-bar > div { pointer-events:auto; }
@media print { .ar-report p,.ar-report li,.ar-report span,.ar-report td,.ar-report th,.ar-report dt,.ar-report dd,.ar-report h1,.ar-report h2,.ar-report h3,.ar-report summary { color:#222!important; } .ar-report details { display:block!important; } .ar-report details > * { content-visibility:visible!important; } }

.ar-export { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; margin:-10px 0 25px; }
@media print { .ar-export { display:none!important; } }

.ar-version-control { display:flex; flex-wrap:wrap; gap:12px 18px; align-items:center; margin:-7px 0 25px; font-size:13px; }
.ar-version-control > span:first-child { font-weight:700; color:#d8bf91; } .ar-version-status { color:#a6b0c9; flex:1; min-width:170px; }
.ar-actions { display:grid;grid-template-columns:1fr 1fr;gap:18px; } .ar-action { border:1px solid var(--ar-line);border-radius:16px;padding:24px;background:#151d30;min-width:0; } .ar-action > p {font-size:14px;}
@media(max-width:760px){.ar-actions{grid-template-columns:1fr}.ar-version-control{align-items:flex-start}.ar-version-control button{width:100%}}
@media print{.ar-version-control button{display:none!important}.ar-actions{display:block}.ar-action{break-inside:avoid;margin-bottom:5mm}}

@media print { .ar-report .ar-chat,.ar-report .ar-summary,.ar-report .ar-pattern details,.ar-report .ar-action details,.ar-report .ar-version-status { display:none!important; } }

@media print {
  html,body { background:#fff!important; }
  #app,#screen-result { min-height:0!important; overflow:visible!important; }
  #screen-result { padding:0!important; }
  #app .ar-bar-track { background:#e6e8ee!important; print-color-adjust:exact; }
  #app .ar-bar-track i,#app .ar-house-bars i { background:#6678a8!important; print-color-adjust:exact; }
  .ar-report .ar-highlight,.ar-report .ar-pattern,.ar-report .ar-action { padding:4mm; margin-bottom:4mm; }
  .ar-report .ar-pattern h3,.ar-report .ar-action h3 { font-size:12pt; line-height:1.35; margin-bottom:3mm; }
  .ar-report .ar-pattern p,.ar-report .ar-action p { margin-bottom:2.5mm; line-height:1.45!important; }
  .ar-report .ar-pattern .ar-basis { margin:3mm 0; }
  .ar-report .ar-pattern .ar-overline,.ar-report .ar-action .ar-overline { margin-bottom:2mm; }
}
