.chart-page{padding-top:26px}.chart-intro{padding:6px 0 22px}.chart-intro h1{font-size:36px}.chart-intro p{margin:6px 0}.chart-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.chart-layout aside{position:sticky;top:88px}.chart-layout input:not([type=checkbox]),.chart-layout select{display:block;width:100%;padding:9px 11px;background:var(--white);border:1px solid transparent;border-radius:8px;color:var(--navy);font:inherit;margin:5px 0 12px}.chart-layout label{display:block;font-size:14px;font-weight:500}.date-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.city-results{display:grid;gap:5px;max-height:260px;overflow:auto}.city-results button{background:var(--white);color:var(--navy);padding:8px 10px;font-size:13px;text-align:left;font-weight:500}.city-results button small{display:block;opacity:.8}.chart-layout summary{cursor:pointer;font-size:13px;padding:8px 0;font-weight:600}#birth-error,#transit-error{color:#8d2244;background:#fff3f4;border-radius:8px;padding:0 8px;font-size:14px}#birth-error:empty,#transit-error:empty{display:none}#empty-chart{text-align:center;padding:90px 30px;min-height:510px}.empty-symbol{font-size:100px;color:var(--yellow)}.empty-legend{display:flex;gap:22px;justify-content:center;color:var(--pink);margin-top:25px}.chart-workspace{min-width:0}.chart-workspace .panel{margin-bottom:14px}.output-head h2{font-size:25px}.output-head p{font-size:13px}.transit-controls{display:grid;grid-template-columns:1fr;gap:4px}.transit-controls .switch-label{display:flex;align-items:center;gap:8px}.transit-controls input[type=checkbox]{width:19px;height:19px;accent-color:var(--pink)}.transit-controls label{font-size:13px}.transit-controls button{justify-self:start;padding:7px 13px;font-size:13px}.chart-board{background:var(--white);border-radius:14px;padding:12px;margin-bottom:14px}#wheel svg{width:100%;height:auto;display:block}.chart-key{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px;font-size:12px}.natal-dot{color:#232946}.transit-dot{color:#c74782}.angle-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:14px}.angle-summary>div{padding:10px;background:#fffffe70;border-radius:8px}.angle-summary strong{display:block}.table-panel{background:var(--white)}.table-scroll{overflow-x:auto}.chart-page table{border-collapse:collapse;width:100%;font-size:13px}.chart-page th,.chart-page td{text-align:left;padding:9px 7px;border-bottom:1px solid #e6e9fa;white-space:nowrap}.chart-page th{background:#f1f2fc}.chart-page tr:hover{background:#faf6ec}.chart-page .heading label{font-size:12px;min-width:65px}.chart-sources{margin:24px 0;font-size:12px}.chart-sources a{text-decoration:underline}#dst-choice{background:#f0d995;padding:8px;border-radius:8px}#chart-output[hidden],#empty-chart[hidden],#dst-choice[hidden]{display:none}.chart-board .note{text-align:center}.chart-page .note{line-height:1.65}@media(max-width:800px){.chart-layout{grid-template-columns:1fr}.chart-layout aside{position:static}.chart-intro h1{font-size:29px}.chart-layout aside form{max-width:none}.transit-controls{grid-template-columns:1fr}.chart-page{padding-top:16px}.chart-intro{padding-bottom:16px}#empty-chart{min-height:280px;padding:35px 20px}}@media print{header,footer,.chart-layout aside,.chart-sources,.transit-controls{display:none}.chart-layout{display:block}.chart-page{max-width:none}.table-panel{break-inside:avoid}}

#aspects-panel[hidden]{display:none}#wheel svg text{font-family:"Noto Sans Thai","Segoe UI Symbol","DejaVu Sans",sans-serif}

.aspect-key{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:14px 0;font-size:12px}.aspect-key span{display:flex;align-items:center;gap:6px}.aspect-key span:before{content:"";width:22px;border-top:2px solid var(--aspect);opacity:.55}

.output-head{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(250px,1.1fr);gap:12px 20px;padding:16px}.output-head .transit-controls{grid-column:1;grid-row:1;align-content:start}.report-summary{grid-column:2;grid-row:1}.report-summary .eyebrow{font-size:11px;margin:0 0 4px}.report-summary h2{font-size:22px;margin:0}.report-summary #chart-subtitle{line-height:1.5;overflow-wrap:anywhere;margin:6px 0 10px}.output-head #transit-error{grid-column:1/-1}.export-actions{display:flex;flex-wrap:wrap;gap:6px}.export-actions button{padding:7px 9px;font-size:12px;background:#fffffe;color:#232946}.export-actions button.yellow{background:#F0D995}.export-actions p{flex-basis:100%;margin:0}.transit-controls input[type=datetime-local]{padding:7px;margin-bottom:4px}.report-summary{min-width:0}@media(max-width:1050px){.output-head{grid-template-columns:1fr}.report-summary{grid-column:1;grid-row:1}.output-head .transit-controls{grid-row:2}}@media print{.export-actions,.chart-intro{display:none}.output-head{display:block;background:white!important;color:#232946!important}.report-summary{color:#232946}.chart-board{break-inside:avoid}.chart-sources{display:block}body{background:white}}

/* Compact chart controls. */
.chart-page{padding-top:12px}.chart-intro{padding:0 0 12px}.chart-intro h1{font-size:28px;margin:4px 0}.chart-intro>p:last-child{font-size:14px}.chart-layout{grid-template-columns:280px minmax(0,1fr);gap:12px}.chart-layout aside{padding:14px}.chart-layout aside h2{font-size:20px;margin-bottom:10px}.chart-layout input:not([type=checkbox]),.chart-layout select{min-height:32px;padding:4px 8px;margin:3px 0 7px;border-radius:6px;font-size:14px;line-height:1.45}.chart-layout label{font-size:13px;line-height:1.5;min-width:0}.birth-date-row{display:grid;grid-template-columns:52px minmax(0,1fr) 76px;gap:6px}.birth-time-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:6px}.chart-layout .date-grid{gap:6px}.chart-layout aside .note{font-size:12px;margin:5px 0 8px;line-height:1.5}.chart-layout summary{padding:5px 0}.chart-layout button{min-height:30px;padding:5px 10px;font-size:13px;line-height:1.5;border-radius:6px}.house-method{display:inline-block;margin-right:6px!important}.output-head{padding:12px;gap:8px 12px;grid-template-columns:minmax(225px,1fr) minmax(200px,1fr)}.report-summary h2{font-size:20px}.report-summary #chart-subtitle{font-size:12px;margin:4px 0 6px}.output-head .transit-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 6px;align-items:end}.transit-controls .switch-label{grid-column:1/-1;min-height:26px}.transit-controls>label:not(.switch-label){grid-column:1}.transit-controls #transit-now{grid-column:2;margin-bottom:7px;white-space:nowrap}.export-actions{gap:5px;align-items:center}.export-actions button{padding:4px 9px;white-space:nowrap;font-size:12px}.export-actions p:empty{display:none}.chart-layout .city-results button{font-size:13px;text-align:left}.chart-layout .city-results{max-height:200px}.chart-layout .heading select{min-width:56px}@media(max-width:800px){.chart-layout{grid-template-columns:1fr}.chart-layout aside{position:static}.chart-intro h1{font-size:25px}.output-head{grid-template-columns:1fr}.report-summary{grid-column:1;grid-row:1}.output-head .transit-controls{grid-column:1;grid-row:2}.birth-date-row{grid-template-columns:60px minmax(0,1fr) 95px}.chart-layout input:not([type=checkbox]),.chart-layout select{font-size:16px;min-height:36px}.chart-layout button{min-height:34px}.birth-time-row{grid-template-columns:95px minmax(0,1fr)}}@media(min-width:801px){.report-summary{grid-column:2;grid-row:1}.output-head .transit-controls{grid-column:1;grid-row:1}}

.chart-layout input,.chart-layout select{min-width:0;max-width:100%}

.era-options{border:0;padding:0;margin:0;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.era-options legend{font-size:13px;padding:0}.chart-layout .era-options label{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.chart-layout input[type=radio]{display:inline-block;width:13px;height:13px;min-height:0;margin:0;padding:0;accent-color:#232946}.birth-time-row{grid-template-columns:1fr 1fr}.place-combobox{display:flex;gap:0;align-items:center}.place-combobox input{border-radius:6px 0 0 6px!important;margin-right:0!important}.place-combobox button{flex:none;margin:3px 0 7px;border-radius:0 6px 6px 0;min-height:32px}.chart-layout .birth-transit{border-top:1px solid #8993b744;padding-top:9px;margin-top:8px}.birth-transit .transit-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 6px;align-items:end}.birth-transit .switch-label{grid-column:1/-1}.birth-transit #transit-now{grid-column:2;margin-bottom:7px}.output-head{display:block!important}.report-summary{display:block}.report-summary h2{font-size:22px}.report-summary #chart-subtitle{font-size:13px;line-height:1.7}.chart-workspace>.export-actions,#chart-output>.export-actions{margin:12px 0;padding:12px;background:#fffffe;border-radius:10px;justify-content:flex-end}.table-house{display:block;font-size:11px;color:#70758c}.chart-page td,.chart-page th{padding:6px;font-size:12px}.table-panel summary{font-size:16px;font-weight:600}.table-panel details{margin-top:8px}#city-results:empty{display:none}.chart-layout .city-results{max-height:225px}.chart-layout .city-results button small{font-size:11px}@media(max-width:800px){.chart-layout input[type=radio]{min-height:0;width:16px;height:16px}.place-combobox button{min-height:36px}}