:root{
  --bg:#f5f8fc;--panel:#ffffff;--panel2:#f8fbff;--text:#18253f;--muted:#68758d;
  --line:#e3eaf3;--blue:#2f7de1;--blue2:#eaf3ff;--green:#50b889;--green2:#e9f8f1;
  --amber:#e8ad49;--amber2:#fff5df;--red:#df7777;--red2:#fff0f0;--shadow:0 12px 32px rgba(30,68,110,.07);
  --signal-strong:#22c55e;--signal-good:#4ade80;--signal-warn:#facc15;--signal-stop:#ef4444;--dir-best:#22c55e;--dir-good:#4ade80;--dir-ok:#facc15;--dir-avoid:#ef4444;--on-accent:#101722;
  --radius:20px;--radius2:14px;
}
[data-theme="dark"]{
  --bg:#0b1220;--panel:#111b2a;--panel2:#172438;--text:#f6f8fc;--muted:#c2ccda;
  --line:#33445d;--blue:#8bc0ff;--blue2:#203a5b;--green:#86dfb2;--green2:#193c30;
  --amber:#f5ca73;--amber2:#40351f;--red:#ffaaaa;--red2:#47282d;--shadow:0 12px 32px rgba(0,0,0,.32);
  --signal-strong:#22c55e;--signal-good:#4ade80;--signal-warn:#facc15;--signal-stop:#ef4444;--dir-best:#22c55e;--dir-good:#4ade80;--dir-ok:#facc15;--dir-avoid:#ef4444;--on-accent:#101722
}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:.2s background,.2s color}
button,input,select{font:inherit;color:inherit}.app{min-height:100vh}.topbar{height:76px;display:flex;align-items:center;gap:24px;padding:0 28px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,transparent);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:12px;min-width:235px}.brandmark{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#dceeff,#9bd8cf);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}.brand h1{font-size:22px;margin:0;letter-spacing:.1px;color:transparent;background:linear-gradient(135deg,#2563eb 0%,#0ea5e9 48%,#14b8a6 100%);-webkit-background-clip:text;background-clip:text}.brand p{font-size:12px;color:var(--muted);margin:1px 0 0}.topnav{display:flex;align-self:stretch;gap:2px;min-width:0;margin-left:28px}.topnav button{border:0;background:none;padding:0 15px;font-weight:800;color:var(--muted);position:relative;display:flex;align-items:center;gap:8px;white-space:nowrap;cursor:pointer}.topnav button svg{width:19px;height:19px}.topnav button.active{color:var(--blue)}.topnav button.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--blue)}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.top-location{height:46px;min-width:190px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:5px 10px}.top-location>svg{width:18px;height:18px;color:var(--blue);flex:0 0 auto}.top-location-copy{display:flex;flex-direction:column;min-width:0}.top-location-copy span{font-size:10.5px;line-height:1.1;font-weight:900;letter-spacing:.045em;text-transform:uppercase;color:var(--muted)}.top-location select{height:24px;min-width:130px;max-width:160px;border:0;background:transparent;color:var(--text);font-size:12px;font-weight:850;outline:none;padding:0}.icon-btn,.theme-btn{border:1px solid var(--line);background:var(--panel);height:38px;border-radius:12px;display:grid;place-items:center;cursor:pointer}.icon-btn{width:38px}.theme-btn{display:flex;gap:8px;padding:0 12px;font-weight:700}.theme-btn svg,.icon-btn svg{width:18px;height:18px}
.shell{display:grid;grid-template-columns:260px 1fr;gap:20px;padding:20px 24px 28px;max-width:1540px;margin:auto}.profile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);height:max-content;position:sticky;top:96px}.profile h2{font-size:18px;margin:0 0 4px}.profile .lead{font-size:13px;color:var(--muted);margin-bottom:20px}.field{margin:0 0 17px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.input{width:100%;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);padding:0 12px;outline:none}.range-row{display:grid;grid-template-columns:1fr 56px;gap:10px;align-items:center}.range-row input[type=range]{width:100%;accent-color:var(--blue)}.range-value{height:36px;border-radius:10px;background:var(--blue2);color:var(--blue);display:grid;place-items:center;font-weight:850;font-size:13px}.seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden}.seg button{height:40px;border:0;background:var(--panel2);font-size:13px;font-weight:750;cursor:pointer}.seg button.active{background:var(--blue);color:white}.primary{width:100%;height:44px;border:0;border-radius:13px;background:var(--blue);color:white;font-weight:850;cursor:pointer;box-shadow:0 8px 18px rgba(47,125,225,.2)}.profile-note{font-size:11px;color:var(--muted);line-height:1.45;margin:13px 2px 0}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--amber);margin-right:6px}.status-dot.ready{background:var(--green)}
.main{min-width:0}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.purpose-strip{display:flex;gap:8px;flex-wrap:wrap}.purpose{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:9px 12px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;cursor:pointer}.purpose.active{background:var(--blue2);border-color:color-mix(in srgb,var(--blue) 35%,var(--line));color:var(--blue)}.purpose svg{width:17px;height:17px}.date-control{margin-left:auto;display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:5px}.date-control input{border:0;background:transparent;height:34px;padding:0 8px;outline:none}.date-control button{width:34px;height:34px;border:0;background:transparent;border-radius:9px;cursor:pointer}.date-control button:hover{background:var(--panel2)}
.view{display:none}.view.active{display:block}.grid-clock{display:grid;grid-template-columns:minmax(560px,1.6fr) minmax(300px,.8fr);gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.clock-card{padding:20px}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:14px}.card-head h2{font-size:18px;margin:0}.card-head p{font-size:12px;color:var(--muted);margin:3px 0 0}.small-badge{padding:6px 9px;border-radius:999px;background:var(--panel2);font-size:11px;color:var(--muted);font-weight:800}.clock-wrap{display:grid;place-items:center;min-height:620px}.clock-svg{width:min(650px,100%);height:auto;overflow:visible}.clock-seg{cursor:pointer;transition:.16s}.clock-seg:hover{filter:brightness(1.02)}.clock-seg.selected path{stroke:var(--text);stroke-width:5}.clock-seg text{pointer-events:none;fill:var(--text);font-size:12px;font-weight:800}.clock-seg .state{fill:var(--muted);font-size:10px;font-weight:750}.clock-seg.disabled{cursor:default;opacity:.52}.clock-seg.disabled:hover{filter:none}.clock-seg.disabled path{fill:var(--panel2)!important;stroke:var(--line)!important}.clock-seg.disabled .clock-range,.clock-seg.disabled .state{fill:var(--muted)!important}.clock-seg.disabled.selected path{stroke:var(--line)!important;stroke-width:3!important}.center-title{font-size:19px;font-weight:850;fill:var(--text)}.center-sub{font-size:11px;fill:var(--muted)}
.insight{padding:20px;display:flex;flex-direction:column;gap:15px}.time-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.time-head strong{font-size:22px}.rating{border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900}.rating.strong{background:var(--signal-strong);color:#0b2415}.rating.good{background:var(--signal-good);color:#0b2415}.rating.fair{background:var(--signal-warn);color:#2b2300}.rating.caution{background:var(--signal-stop);color:#fff}.summary-title{font-size:17px;font-weight:900;line-height:1.25}.summary-sub{color:var(--muted);font-size:13px;line-height:1.45}.ins-row{display:grid;grid-template-columns:34px 1fr;gap:10px}.ins-icon{width:34px;height:34px;border-radius:11px;background:var(--panel2);display:grid;place-items:center;color:var(--blue)}.ins-icon svg{width:18px;height:18px}.ins-row h4{font-size:12px;margin:0 0 3px}.ins-row p{font-size:12px;color:var(--muted);line-height:1.45;margin:0}.direction-mini{margin-top:auto;padding:14px;border-radius:14px;background:var(--panel2);display:flex;align-items:center;gap:12px}.dir-arrow{width:44px;height:44px;border-radius:50%;background:var(--green2);color:var(--green);display:grid;place-items:center}.dir-arrow svg{width:24px;height:24px}.direction-mini small{color:var(--muted);font-weight:700}.direction-mini b{display:block;font-size:16px;margin-top:1px}.error{display:none;margin-bottom:12px;background:var(--red2);color:var(--red);padding:10px 12px;border-radius:12px;font-size:12px;font-weight:700}.glance-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.signal-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px}.signal-card{border-radius:15px;padding:12px 14px;background:var(--signal-good);border:1px solid color-mix(in srgb,var(--signal-good) 70%,var(--line));color:#0b2415;box-shadow:0 10px 20px rgba(0,0,0,.06)}.signal-card small{display:block;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;opacity:.8;margin-bottom:4px}.signal-card b{display:block;font-size:14px;line-height:1.35}.signal-card.clickable{cursor:pointer}.signal-card.clickable:hover{filter:brightness(.98)}.glance-card{border:1px solid var(--line);border-radius:15px;background:var(--panel2);padding:12px 13px;min-width:0}.glance-card.good{background:color-mix(in srgb,var(--signal-good) 14%,var(--panel));border-color:color-mix(in srgb,var(--signal-good) 42%,var(--line))}.glance-card.warn{background:color-mix(in srgb,var(--signal-warn) 15%,var(--panel));border-color:color-mix(in srgb,var(--signal-warn) 35%,var(--line))}.glance-card.caution{background:color-mix(in srgb,var(--signal-stop) 10%,var(--panel));border-color:color-mix(in srgb,var(--signal-stop) 35%,var(--line))}.glance-card .kicker{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.glance-card .kicker svg{width:15px;height:15px}.glance-card b{display:block;font-size:13px;line-height:1.38}.mini-flow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flow-card{border:1px solid var(--line);border-radius:15px;padding:13px;background:var(--panel)}.flow-card.do{border-color:color-mix(in srgb,var(--signal-good) 40%,var(--line));background:color-mix(in srgb,var(--signal-good) 10%,var(--panel))}.flow-card.avoid{border-color:color-mix(in srgb,var(--signal-stop) 34%,var(--line));background:color-mix(in srgb,var(--signal-stop) 8%,var(--panel))}.flow-card span{display:block;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.flow-card b{display:block;font-size:13px;line-height:1.38}.section-kicker{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.empty-note{font-size:12px;color:var(--muted);line-height:1.45}.error{display:none;margin-bottom:12px;background:var(--red2);color:var(--red);padding:10px 12px;border-radius:12px;font-size:12px;font-weight:700}
.grid-compass{display:grid;grid-template-columns:minmax(560px,1.6fr) minmax(300px,.8fr);gap:16px}.compass-card{padding:18px;min-height:720px;display:grid;place-items:center}.compass-svg{width:min(760px,100%);height:auto}.compass-sector{cursor:pointer;transition:.15s;outline:none;-webkit-tap-highlight-color:transparent}.compass-sector:focus{outline:none}.compass-sector:focus-visible path{stroke:var(--text);stroke-width:2.5}.compass-sector.selected path{stroke:var(--text);stroke-width:2.5}.compass-label{font-size:13px;font-weight:900;fill:var(--text)}.compass-score{font-size:10px;font-weight:800;fill:var(--muted)}.dir-detail{padding:22px}.dir-name{font-size:30px;font-weight:900;margin:4px 0 6px}.dir-score{font-size:12px;color:var(--muted);margin-bottom:16px}.plain-block{padding:14px 0;border-top:1px solid var(--line)}.plain-block:first-of-type{border-top:0}.plain-block h4{font-size:12px;margin:0 0 5px}.plain-block p,.plain-block li{font-size:13px;color:var(--muted);line-height:1.5}.plain-block p{margin:0}.plain-block ul{margin:5px 0 0 17px;padding:0}
.calendar-layout{display:grid;grid-template-columns:minmax(640px,1.35fr) minmax(300px,.65fr);gap:16px}.calendar-card{padding:20px}.month-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.month-head h2{margin:0;font-size:18px}.month-head .month-nav{display:flex;gap:6px}.month-head button{width:36px;height:36px;border:1px solid var(--line);background:var(--panel2);border-radius:10px;cursor:pointer}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.week div{font-size:11px;color:var(--muted);text-align:center;padding:7px}.day{min-height:72px;border:1px solid transparent;border-radius:13px;padding:9px;background:var(--panel2);cursor:pointer;position:relative}.day.blank{background:transparent;cursor:default}.day.past{opacity:1}
#view-calendar .day.past:not(.unsupported):not(.blank)::after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(0,0,0,.52);pointer-events:none;z-index:1}
#view-calendar .day.past:not(.unsupported) .num,#view-calendar .day.past:not(.unsupported) .activity{position:relative;z-index:2;opacity:.72}.day.unsupported{opacity:.25;cursor:not-allowed;pointer-events:none}.day.selected{outline:2px solid var(--blue)}.day .num{font-size:12px;font-weight:900}.day .dot{position:absolute;left:9px;bottom:9px;width:8px;height:8px;border-radius:50%}.day .hint{position:absolute;right:8px;bottom:7px;font-size:9px;color:var(--muted)}.calendar-detail{padding:22px}.calendar-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 6px}.calendar-detail-head h3{font-size:20px;line-height:1.2;margin:0;min-width:0}.calendar-detail-head .rating{flex:0 0 auto;padding:6px 9px;font-size:10px}.calendar-detail .date-line{font-size:12px;color:var(--muted);margin-bottom:14px}.cal-stat{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.cal-stat small{display:block;font-size:10px;color:var(--muted);font-weight:800}.cal-stat b{display:block;margin-top:3px;font-size:15px}.link-btn{height:40px;border:1px solid var(--line);background:var(--panel2);border-radius:12px;padding:0 13px;font-weight:800;cursor:pointer;color:var(--blue)}
.card-head-actions{display:flex;align-items:center;gap:8px}.mini-btn{height:32px;border:1px solid var(--line);background:var(--panel2);border-radius:10px;padding:0 10px;color:var(--text);font-size:11px;font-weight:850;cursor:pointer}.mini-btn:hover{border-color:var(--blue);color:var(--blue)}
.clock-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 2px 4px}.period-switch{display:flex;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:3px}.period-switch button{width:56px;height:32px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:11px;font-weight:900;cursor:pointer}.period-switch button.active{background:var(--blue);color:#fff;box-shadow:0 3px 10px rgba(47,125,225,.2)}.clock-key{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:10px;font-weight:800;color:var(--muted)}.clock-key span{display:flex;align-items:center;gap:5px}.clock-key i,.dir-key i{width:8px;height:8px;border-radius:50%;display:inline-block}.clock-key .strong{background:var(--signal-strong)}.clock-key .good{background:var(--signal-good)}.clock-key .fair{background:var(--signal-warn)}.clock-key .caution{background:var(--signal-stop)}
.clock-hour-number{fill:var(--muted);font-size:13px;font-weight:850;pointer-events:none}.clock-range{fill:var(--on-accent);font-size:17px;font-weight:950;pointer-events:none}.clock-seg .state{fill:var(--on-accent)!important;font-size:13px;font-weight:900}.clock-selected-ring{fill:none;stroke:var(--text);stroke-width:4;stroke-linecap:round}.clock-current-ring{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-dasharray:5 4}.clock-best-star{fill:var(--on-accent);font-size:12px;font-weight:950;pointer-events:none}.clock-hand{stroke:var(--text);stroke-width:5;stroke-linecap:round;pointer-events:none}.clock-hand.minute{stroke-width:3;opacity:.75}.clock-pin{fill:var(--text);stroke:var(--panel);stroke-width:3}.clock-live-ring{fill:var(--panel);stroke:var(--line);stroke-width:1.5}.clock-center-disc{stroke:var(--panel);stroke-width:7}.clock-center-kicker{font-size:11px;font-weight:950;fill:var(--on-accent);letter-spacing:1px}.clock-center-best{font-size:23px;font-weight:950;fill:var(--on-accent)}.clock-center-grade{font-size:12px;font-weight:900;fill:var(--on-accent)}.center-kicker{font-size:10px;font-weight:900;fill:var(--muted);letter-spacing:.8px}.center-time{font-size:24px;font-weight:950;fill:var(--text)}.center-grade{font-size:11px;font-weight:850;fill:var(--muted)}.best-period{margin:6px auto 0;width:max-content;max-width:100%;padding:8px 12px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);font-size:11px;color:var(--muted)}.best-period b{color:var(--text)}
.purpose-more{height:38px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:13px;padding:0 32px 0 11px;font-size:12px;font-weight:800;outline:none}.purpose-more.active{background:var(--blue2);border-color:var(--blue);color:var(--blue)}.timing-loc{height:38px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:0 8px 0 11px}.timing-loc span{font-size:10px;font-weight:850;color:var(--muted)}.timing-loc select{height:30px;max-width:140px;border:0;background:transparent;color:var(--text);font-size:11px;font-weight:850;outline:none}
.compass-card{align-content:center}.compass-sector{cursor:pointer}.compass-sector path{transition:.15s}.compass-sector:hover path{filter:brightness(1.06)}.compass-sector.selected path{stroke:var(--text);stroke-width:6}.compass-label{font-size:19px;font-weight:950;fill:var(--on-accent)}.compass-rank{font-size:13px;font-weight:900;fill:var(--on-accent);pointer-events:none}.compass-center-disc{stroke:var(--panel);stroke-width:7}.compass-center-kicker{font-size:11px;font-weight:950;letter-spacing:1.1px;fill:var(--on-accent)}.compass-center-best{font-size:25px;font-weight:950;fill:var(--on-accent)}.compass-center-sub{font-size:12px;font-weight:850;fill:var(--on-accent)}.dir-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;width:100%;margin-top:4px}.dir-key{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);font-size:10px;font-weight:850;color:var(--muted)}.dir-key .best{background:var(--dir-best)}.dir-key .good{background:var(--dir-good)}.dir-key .ok{background:var(--dir-ok)}.dir-key .avoid{background:var(--dir-avoid)}
.direction-rankline{display:flex;align-items:center;gap:8px;margin:2px 0 12px}.direction-rankline .swatch{width:11px;height:11px;border-radius:50%}.direction-rankline b{font-size:12px}.direction-rankline span:last-child{font-size:12px;color:var(--muted)}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] button{color-scheme:dark}[data-theme="dark"] .input,[data-theme="dark"] .date-control input{color:var(--text);background:var(--panel2)}[data-theme="dark"] .small-badge,[data-theme="dark"] .plain-block p,[data-theme="dark"] .plain-block li,[data-theme="dark"] .ins-row p,[data-theme="dark"] .summary-sub,[data-theme="dark"] .dir-score,[data-theme="dark"] .profile-note,[data-theme="dark"] .field label{color:var(--muted)}[data-theme="dark"] .theme-btn,[data-theme="dark"] .icon-btn,[data-theme="dark"] .purpose,[data-theme="dark"] .card,[data-theme="dark"] .top-location{color:var(--text)}
.loading{opacity:.55;pointer-events:none}.empty{padding:34px;text-align:center;color:var(--muted);font-size:13px}.hidden-backend{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;border:0;left:-10000px;top:-10000px}
@media(max-width:1100px){.shell{grid-template-columns:1fr}.profile{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 18px}.profile h2,.profile .lead,.profile .primary,.profile .profile-note{grid-column:1/-1}.field{margin:0}.grid-clock,.grid-compass,.calendar-layout{grid-template-columns:1fr}.clock-wrap{min-height:540px}.brand{min-width:auto}.brand p{display:none}.topnav{margin-left:18px}.topnav button{padding:0 10px;font-size:12px}.top-location{min-width:155px}.top-location select{min-width:100px;max-width:120px}.theme-btn span{display:none}}
@media(max-width:720px){.compass-stage{width:min(600px,100%)!important}.topbar{height:auto;min-height:76px;padding:8px 12px;gap:8px;flex-wrap:wrap}.brand{min-width:150px}.brand p{display:none}.topnav{order:3;width:100%;height:42px;justify-content:space-between;border-top:1px solid var(--line);margin-left:0}.topnav button{flex:1;justify-content:center;padding:0 6px;font-size:11px}.topnav button.active:after{left:8px;right:8px}.top-location{min-width:148px;margin-left:auto}.top-actions{margin-left:0}.top-actions .icon-btn{display:none}.shell{padding:12px}.profile{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.date-control{margin-left:0;width:max-content}.grid-clock{display:block}.insight{margin-top:12px}.clock-card{padding:12px}.clock-wrap{min-height:auto}.purpose-strip{flex-wrap:nowrap;overflow:auto;padding-bottom:3px}.purpose{white-space:nowrap}.compass-card{min-height:420px}.calendar-layout{display:block}.calendar-detail{margin-top:12px}.day{min-height:55px}.day .hint{display:none}.glance-grid,.mini-flow}

/* v7 location/timing and visual consolidation */
.required-star{color:#ef4444;font-size:13px;font-weight:950;margin-left:2px}.location-label-row{display:flex;align-items:center;gap:5px;min-width:0}.location-info{width:18px;height:18px;border:0;background:var(--blue2);color:var(--blue);border-radius:50%;padding:0;display:grid;place-items:center;font-size:11px;font-weight:950;cursor:help;position:relative;flex:0 0 auto}.location-info .tooltip{position:absolute;right:-14px;top:25px;width:265px;background:#fff;color:#000;border:1px solid #d6dbe4;border-radius:11px;padding:9px 11px;font-size:10px;font-weight:400;line-height:1.34;letter-spacing:0;text-transform:none;box-shadow:0 12px 30px rgba(0,0,0,.22);opacity:0;visibility:hidden;transform:translateY(-3px);transition:.15s;z-index:80;pointer-events:none}.location-info:hover .tooltip,.location-info:focus .tooltip{opacity:1;visibility:visible;transform:none}.top-location{height:52px;min-width:240px;position:relative;border-color:color-mix(in srgb,#ef4444 34%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,#ef4444 7%,transparent)}.top-location-copy{flex:1}.top-location-copy>span{display:flex;align-items:center}.select-shell{position:relative;display:block;min-width:0}.select-shell select{appearance:none;-webkit-appearance:none;padding-right:31px!important;background-image:none!important;cursor:pointer}.select-shell:before{content:"";position:absolute;right:4px;top:50%;width:23px;height:23px;border-radius:9px;background:color-mix(in srgb,var(--blue) 8%,var(--panel2));transform:translateY(-50%);pointer-events:none}.select-shell:after{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;border-right:2.3px solid var(--muted);border-bottom:2.3px solid var(--muted);transform:translateY(-67%) rotate(45deg);border-radius:1.5px;pointer-events:none}.select-shell:hover:before{background:var(--blue2)}.top-location .select-shell select{height:25px;min-width:165px;max-width:205px;border:0;background:transparent;color:var(--text);font-size:12px;font-weight:850;outline:none;padding-left:0}.top-location .select-shell:before{right:-5px}.top-location .select-shell:after{right:3px}.location-settings{border:0;background:var(--panel2);color:var(--muted);width:29px;height:29px;border-radius:9px;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}.location-settings svg{width:16px;height:16px}.location-settings:hover{color:var(--blue);background:var(--blue2)}.location-popover{position:absolute;right:0;top:58px;width:330px;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:13px;box-shadow:0 18px 44px rgba(12,28,52,.20);z-index:70;display:none}.location-popover.open{display:block}.location-popover h4{margin:0 0 3px;font-size:12px}.location-popover p{margin:0 0 10px;font-size:10px;color:var(--muted);line-height:1.4}.coord-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.coord-grid .wide{grid-column:1/-1}.coord-grid label,.coord-details label{display:block;font-size:9px;font-weight:850;color:var(--muted);margin-bottom:4px}.coord-grid input,.coord-details input{width:100%;height:35px;border:1px solid var(--line);background:var(--panel2);border-radius:9px;padding:0 9px;color:var(--text);outline:none}.coord-details{margin:-8px 0 16px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}.coord-details summary{cursor:pointer;list-style:none;padding:9px 11px;font-size:10px;font-weight:850;color:var(--muted);display:flex;align-items:center;justify-content:space-between}.coord-details summary::-webkit-details-marker{display:none}.coord-details summary:after{content:"+";font-size:15px;color:var(--blue)}.coord-details[open] summary:after{content:"−"}.coord-details .coord-body{padding:0 10px 10px}.coord-note{font-size:9px;color:var(--muted);line-height:1.35;margin-top:7px}.nav-chevron{width:38px!important;height:38px!important;border:0!important;background:color-mix(in srgb,var(--blue) 7%,var(--panel2))!important;border-radius:50%!important;display:grid!important;place-items:center!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 10%,var(--line)),0 4px 12px rgba(35,55,80,.06);transition:.16s transform,.16s background,.16s box-shadow}.nav-chevron svg{width:20px;height:20px;stroke:var(--text);stroke-width:2.25}.nav-chevron:hover{background:var(--blue2)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 35%,var(--line)),0 6px 14px rgba(35,55,80,.09);transform:translateY(-1px)}.nav-chevron:active{transform:translateY(0) scale(.96)}.date-control{padding:4px}.month-head button.nav-chevron{width:38px!important;height:38px!important}.compass-card{display:block}.compass-head{width:100%;margin-bottom:4px}.compass-head .compass-when{font-size:12px;color:var(--muted);font-weight:750;margin-top:4px}.compass-head .compass-place{font-size:10px;color:var(--muted);font-weight:800}.clock-svg,.compass-svg{filter:drop-shadow(0 8px 18px rgba(30,68,110,.05))}.clock-hour-number{font-size:16px;font-weight:900}.clock-range{font-size:18px}.clock-seg .state{font-size:13.5px}.clock-outer-ring{fill:none;stroke:color-mix(in srgb,var(--line) 70%,var(--text) 30%);stroke-width:2}.compass-outer-ring{fill:var(--panel2);stroke:color-mix(in srgb,var(--line) 72%,var(--text) 28%);stroke-width:2}.clock-center-best{font-size:19px}.clock-center-meridiem{font-size:16px;font-weight:950;fill:var(--on-accent)}.clock-center-grade{font-size:12px}.compass-label{font-size:21px}.compass-rank{font-size:13.5px}.compass-center-best{font-size:24px}.compass-center-sub{font-size:12px}.compass-sector path{stroke-width:4!important}.compass-sector.selected path{stroke-width:7!important}.location-offset{font-size:9px;color:var(--muted);white-space:nowrap;font-weight:750}
[data-theme="dark"] .location-info .tooltip{background:#fff;color:#000;border-color:#d6dbe4}[data-theme="dark"] .location-popover{box-shadow:0 20px 50px rgba(0,0,0,.42)}
@media(max-width:1100px){.top-location{min-width:205px}.top-location .select-shell select{min-width:135px;max-width:155px}.location-info .tooltip{right:-90px}}
@media(max-width:720px){.top-location{min-width:190px;flex:1}.top-location .select-shell select{min-width:120px;max-width:145px}.location-popover{position:fixed;left:12px;right:12px;top:78px;width:auto}.location-info .tooltip{right:-130px;width:235px}}

/* v7 clock/compass polish */
.clock-outer-ring{fill:transparent;stroke:color-mix(in srgb,var(--line) 68%,var(--text) 32%);stroke-width:2}.clock-hour-number{font-size:16px;font-weight:950;paint-order:stroke;stroke:var(--panel);stroke-width:3px;stroke-linejoin:round}.clock-center-best,.clock-center-meridiem{paint-order:stroke;stroke:transparent;stroke-width:0}.clock-center-best{font-size:18px}.clock-center-meridiem{font-size:17px}.clock-center-disc{stroke:rgba(255,255,255,.68);stroke-width:3}.compass-outer-ring{fill:transparent;stroke-width:2.2}.compass-center-disc{stroke:rgba(255,255,255,.72);stroke-width:3}.compass-sector path{filter:drop-shadow(0 1px 0 rgba(255,255,255,.34))}.compass-label,.compass-rank{paint-order:stroke;stroke:rgba(255,255,255,.52);stroke-width:2px;stroke-linejoin:round}.nav-chevron{transition:transform .14s ease,background .14s ease,border-color .14s ease}.nav-chevron:hover{transform:translateY(-1px)}.nav-chevron:active{transform:translateY(0) scale(.96)}

/* v8 compact location + adaptive brand */
.brandmark{overflow:hidden;background:#fff3df;border:1px solid #f4d39a;box-shadow:0 5px 14px rgba(180,105,24,.10)}
.brandmark svg{width:29px;height:29px}.brandmark .brand-day{display:block;fill:#f59e0b;stroke:#f59e0b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.brandmark .brand-day circle{fill:#f59e0b;stroke:none}.brandmark .brand-night{display:none;fill:#dce8ff;stroke:#dce8ff;stroke-width:1.5}
[data-theme="dark"] .brandmark{background:#18263d;border-color:#334b70;box-shadow:0 5px 16px rgba(0,0,0,.28)}[data-theme="dark"] .brandmark .brand-day{display:none}[data-theme="dark"] .brandmark .brand-night{display:block}[data-theme="dark"] .brand h1{background:linear-gradient(135deg,#fde68a 0%,#c4b5fd 38%,#93c5fd 72%,#e0f2fe 100%);-webkit-background-clip:text;background-clip:text}
.top-location{height:42px;min-width:218px;max-width:270px;padding:4px 9px;gap:7px;border-color:color-mix(in srgb,#ef4444 23%,var(--line));box-shadow:none}.top-location>svg{width:16px;height:16px}.top-location-copy{display:grid;grid-template-columns:auto minmax(120px,1fr);align-items:center;gap:7px;width:100%}.location-label-row{gap:3px;white-space:nowrap}.top-location-copy .location-label-row>span{font-size:9.5px;letter-spacing:.03em}.top-location .select-shell{min-width:0}.top-location .select-shell select{height:30px;min-width:0;max-width:none;width:100%;font-size:12px;padding-left:8px!important;padding-right:30px!important;border-radius:9px;background:var(--panel2)}.top-location .select-shell:before{right:2px;width:26px;height:26px;background:transparent}.top-location .select-shell:after{right:11px}.location-info{width:16px;height:16px;font-size:10px;background:transparent;border:1px solid color-mix(in srgb,var(--blue) 35%,var(--line))}.location-info .tooltip{right:-30px;top:23px;width:278px}.location-offset,.location-settings{display:none!important}.location-popover{top:50px;width:310px}.location-popover h4{font-size:13px}.location-popover p{font-size:10.5px}.top-actions{gap:7px}
@media(max-width:1100px){.top-location{min-width:190px;max-width:225px}.top-location-copy{grid-template-columns:auto minmax(105px,1fr)}.top-location .select-shell select{min-width:0;max-width:none}}
@media(max-width:720px){.top-location{min-width:0;max-width:none;flex:1}.top-location-copy{grid-template-columns:auto minmax(105px,1fr)}.location-info .tooltip{right:-105px;width:240px}}

/* v9 header location control polish */
.location-info{
  width:18px!important;height:18px!important;border:0!important;border-radius:50%!important;
  background:#ef4444!important;color:#fff!important;box-shadow:0 2px 7px rgba(239,68,68,.28)!important;
  font-size:11px!important;font-weight:950!important;line-height:1!important;display:grid!important;place-items:center!important;
  opacity:1!important;visibility:visible!important;cursor:help!important;
}
.location-info:hover,.location-info:focus-visible{background:#dc2626!important;transform:translateY(-1px);outline:2px solid color-mix(in srgb,#ef4444 28%,transparent);outline-offset:2px}
.location-info .tooltip{right:-38px!important;top:25px!important}
[data-theme="dark"] .location-info{background:#f05252!important;color:#fff!important}

/* one consistent, non-native select chevron throughout the Orange shell */
.select-shell{position:relative!important}
.select-shell select{
  -webkit-appearance:none!important;appearance:none!important;-moz-appearance:none!important;
  background-image:none!important;background-repeat:no-repeat!important;
  padding-right:34px!important;cursor:pointer!important;
}
.select-shell::before{display:none!important}
.select-shell::after{
  content:""!important;position:absolute!important;right:13px!important;top:50%!important;
  width:8px!important;height:8px!important;border:0!important;
  border-right:2px solid var(--muted)!important;border-bottom:2px solid var(--muted)!important;
  transform:translateY(-68%) rotate(45deg)!important;border-radius:1px!important;pointer-events:none!important;
  transition:.15s border-color,.15s transform!important;
}
.select-shell:hover::after{border-color:var(--blue)!important}
.select-shell:focus-within::after{border-color:var(--blue)!important;transform:translateY(-58%) rotate(45deg)!important}
.top-location .select-shell::after{right:11px!important}
.top-location .select-shell select{padding-right:34px!important}
.purpose-more{padding-right:34px!important}
.field .select-shell .input{padding-right:36px!important}


/* v10 location/info, select arrows, and clock indicator spacing */
.top-location{
  min-width:238px!important;max-width:305px!important;
  display:flex!important;align-items:center!important;gap:8px!important;
  overflow:visible!important;
}
.top-location-copy{
  flex:1 1 auto!important;min-width:0!important;width:auto!important;
  display:grid!important;grid-template-columns:auto minmax(118px,1fr)!important;
  align-items:center!important;gap:8px!important;
}
.location-info-fixed{
  position:relative!important;z-index:6!important;flex:0 0 20px!important;
  width:20px!important;height:20px!important;margin-left:1px!important;
  border:2px solid #fff!important;background:#ef4444!important;color:#fff!important;
  box-shadow:0 3px 9px rgba(239,68,68,.34)!important;
}
[data-theme="dark"] .location-info-fixed{border-color:#111b2a!important;background:#f05252!important}
.location-info-fixed .tooltip{right:-10px!important;top:28px!important}

/* Unified sleek SVG chevron for every Orange select. */
.select-shell{position:relative!important;display:block!important;min-width:0!important}
.select-shell select{
  -webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;
  background-image:none!important;padding-right:38px!important;cursor:pointer!important;
}
.select-shell::before{display:none!important;content:none!important}
.select-shell::after{
  content:""!important;position:absolute!important;right:12px!important;top:50%!important;
  width:14px!important;height:9px!important;pointer-events:none!important;
  background:var(--muted)!important;opacity:.88!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath d='M2 2.1 7 7l5-4.9' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px 9px no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath d='M2 2.1 7 7l5-4.9' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px 9px no-repeat!important;
  transform:translateY(-50%)!important;transition:.16s background,.16s transform,.16s opacity!important;
  border:0!important;
}
.select-shell:hover::after,.select-shell:focus-within::after{background:var(--blue)!important;opacity:1!important;transform:translateY(-45%)!important}
.top-location .select-shell::after{right:11px!important}
.top-location .select-shell select{padding-right:37px!important}
.field .select-shell .input,.purpose-more{padding-right:38px!important}

/* Keep chosen/current clock indicators in two slim tracks next to the outer circumference. */
.clock-selected-ring{stroke-width:5!important;filter:drop-shadow(0 1px 1px color-mix(in srgb,var(--text) 15%,transparent))}
.clock-current-ring{stroke-width:4!important;stroke-dasharray:7 5!important}

@media(max-width:1100px){
 .top-location{min-width:215px!important;max-width:260px!important}
 .top-location-copy{grid-template-columns:auto minmax(105px,1fr)!important}
}
@media(max-width:720px){
 .top-location{min-width:0!important;max-width:none!important}
 .top-location-copy{grid-template-columns:auto minmax(96px,1fr)!important}
 .location-info-fixed .tooltip{right:-65px!important;width:240px!important}
}


/* v11 simplified timing labels and controls */
.location-info-fixed{
  width:19px!important;height:19px!important;flex-basis:19px!important;
  border:0!important;background:#dc2626!important;color:#fff!important;
  box-shadow:none!important;filter:none!important;text-shadow:none!important;
}
.location-info-fixed:hover,.location-info-fixed:focus{background:#b91c1c!important;box-shadow:none!important;filter:none!important;outline:2px solid color-mix(in srgb,#dc2626 20%,transparent);outline-offset:2px}
[data-theme="dark"] .location-info-fixed{border:0!important;background:#dc2626!important;color:#fff!important;box-shadow:none!important}

/* Minimal select chevrons: no tile, no shadow, no heavy stroke. */
.select-shell::before{display:none!important;content:none!important}
.select-shell::after{
  width:10px!important;height:6px!important;right:11px!important;
  background:var(--muted)!important;opacity:.78!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1.1 5 5l4-3.9' fill='none' stroke='black' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px 6px no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1.1 5 5l4-3.9' fill='none' stroke='black' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px 6px no-repeat!important;
  transform:translateY(-50%)!important;
}
.select-shell:hover::after,.select-shell:focus-within::after{background:var(--text)!important;transform:translateY(-48%)!important;opacity:.9!important}
.select-shell select{padding-right:29px!important}
.top-location .select-shell::after{right:8px!important}.top-location .select-shell select{padding-right:27px!important}
.field .select-shell .input,.purpose-more{padding-right:29px!important}

/* Compact minimalist previous/next controls. */
.nav-chevron{
  width:30px!important;height:30px!important;border-radius:9px!important;
  background:transparent!important;box-shadow:none!important;border:1px solid var(--line)!important;
  transition:.14s background,.14s border-color,.14s transform!important;
}
.nav-chevron svg{width:15px!important;height:15px!important;stroke:var(--muted)!important;stroke-width:1.75!important}
.nav-chevron:hover{background:var(--panel2)!important;border-color:color-mix(in srgb,var(--text) 18%,var(--line))!important;box-shadow:none!important;transform:none!important}
.nav-chevron:hover svg{stroke:var(--text)!important}.nav-chevron:active{transform:scale(.94)!important}
.month-head button.nav-chevron{width:30px!important;height:30px!important}

.clock-meta{display:flex;align-items:center;gap:12px;min-width:0;color:var(--muted)}
.clock-meta-item{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.clock-meta-item small{font-size:10px;font-weight:800;color:var(--muted)}
.clock-meta-item b{font-size:12px;font-weight:900;color:var(--text)}
.clock-meta-divider{width:1px;height:20px;background:var(--line);display:block}
.clock-selected-ring{stroke-width:4!important;filter:none!important}
.clock-current-ring{stroke-width:3.5!important;stroke-dasharray:6 5!important}
@media(max-width:720px){.clock-meta{gap:7px}.clock-meta-item{display:grid;gap:1px}.clock-meta-divider{height:27px}.clock-meta-item b{font-size:11px}}


/* v12 clock centre and location tooltip polish */
.clock-head-controls{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:max-content}
.clock-date-row{display:flex;align-items:center;gap:7px}
.clock-head-controls .period-switch{margin:0;align-self:flex-end}
.clock-toolbar,.clock-meta{display:none!important}
.clock-center-black{fill:#111!important;stroke:#111!important;stroke-width:2!important}
.clock-center-label{fill:#fff!important;font-size:10px!important;font-weight:850!important;letter-spacing:.9px!important;opacity:.72}
.clock-center-value{fill:#fff!important;font-size:19px!important;font-weight:950!important}
.clock-center-best-range{font-size:17px!important}
.clock-center-divider{stroke:#fff!important;stroke-width:1!important;opacity:.18}
.location-info .tooltip,.location-info-fixed .tooltip{text-align:left!important;align-items:flex-start!important;justify-content:flex-start!important}
@media(max-width:720px){.clock-head-controls{gap:5px}.clock-center-value{font-size:17px!important}.clock-center-best-range{font-size:15px!important}}

/* v13 compact controls and plain presentation */
.clock-head-controls{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:max-content!important}
.clock-control-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}
.clock-control-row .period-switch{margin:0!important;align-self:auto!important}
.clock-control-row .small-badge{white-space:nowrap}
/* Fuller, wider dropdown chevron: compact but easy to see. */
.select-shell::before{display:none!important;content:none!important}
.select-shell::after{
 width:14px!important;height:9px!important;right:10px!important;
 background:var(--text)!important;opacity:.72!important;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath d='M1.5 2 7 7l5.5-5' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px 9px no-repeat!important;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath d='M1.5 2 7 7l5.5-5' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px 9px no-repeat!important;
 transform:translateY(-49%)!important;
}
.select-shell:hover::after,.select-shell:focus-within::after{background:var(--blue)!important;opacity:1!important;transform:translateY(-49%)!important}
.select-shell select{padding-right:34px!important}
.top-location .select-shell::after{right:9px!important}.top-location .select-shell select{padding-right:32px!important}
.field .select-shell .input,.purpose-more{padding-right:35px!important}
/* Navigation arrows: small, weighty, and unboxed. */
.nav-chevron{width:28px!important;height:28px!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.nav-chevron svg{width:16px!important;height:16px!important;stroke:var(--text)!important;stroke-width:2.5!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.nav-chevron:hover{background:var(--panel2)!important;transform:none!important;box-shadow:none!important}
.nav-chevron:active{transform:scale(.92)!important}
.month-head button.nav-chevron{width:28px!important;height:28px!important}
@media(max-width:720px){.clock-control-row{gap:5px}.clock-control-row .period-switch button{width:45px}}

/* v15 location + Daily Timing hierarchy polish */
.top-location{height:auto!important;min-height:56px!important;min-width:230px!important;max-width:285px!important;padding:7px 9px!important;display:block!important;overflow:visible!important}
.top-location-copy{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;width:100%!important}
.location-label-row{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;white-space:nowrap!important}
.location-pin{width:15px!important;height:15px!important;color:var(--blue)!important;flex:0 0 auto!important}
.top-location-copy .location-label-row>span{font-size:9.5px!important;letter-spacing:.03em!important;line-height:1!important}
.location-info-fixed{position:relative!important;right:auto!important;top:auto!important;margin-left:1px!important;width:17px!important;height:17px!important;flex:0 0 17px!important;z-index:3!important}
.top-location .select-shell{width:100%!important;min-width:0!important}
.top-location .select-shell select{width:100%!important;min-width:0!important;max-width:none!important;height:31px!important}
.top-location .location-info .tooltip{right:auto!important;left:0!important;top:23px!important;text-align:left!important}
.summary-copy{display:flex;flex-direction:column;gap:10px}
.summary-title{margin:0!important}
.summary-sub{margin:0!important}
.direction-mini.direction-priority{margin:2px 0 3px!important;background:var(--panel2)!important;border:1px solid var(--line)!important}
@media(max-width:1100px){.top-location{min-width:205px!important;max-width:250px!important}}
@media(max-width:720px){.top-location{min-width:190px!important;max-width:none!important;flex:1!important}.top-location .location-info .tooltip{left:auto!important;right:-50px!important}}


/* v16 header, location and arrow polish */
.topbar{
  height:auto!important;min-height:76px!important;flex-wrap:wrap!important;
  align-content:center!important;padding-top:8px!important;padding-bottom:9px!important;
  row-gap:5px!important;
}
.topnav{align-self:auto!important;height:58px!important}
.top-actions{align-self:center!important}
.top-location-row{
  flex:0 0 100%;width:100%;display:flex;justify-content:flex-end;align-items:center;
  padding:0;margin-top:-4px;
}
.top-location{
  width:286px!important;min-width:286px!important;max-width:286px!important;
  padding:7px 9px 9px!important;border-color:var(--line)!important;box-shadow:none!important;
  border-radius:14px!important;background:var(--panel)!important;
}
.location-label-row{justify-content:center!important;text-align:center!important;gap:6px!important;margin-bottom:2px!important}
.location-label-row .location-pin{display:none!important}
.top-location-copy .location-label-row>span{font-size:10px!important;letter-spacing:.045em!important;text-align:center!important}
.location-info-fixed{width:18px!important;height:18px!important;flex:0 0 18px!important;margin:0!important}
.top-location .select-shell{
  width:100%!important;min-width:0!important;border-radius:11px!important;
  background:#e7edf5!important;
}
[data-theme="dark"] .top-location .select-shell{background:#26384f!important}
.top-location .select-shell select{
  height:34px!important;background:transparent!important;padding-left:11px!important;padding-right:42px!important;
}
.profile{top:145px!important}

/* All select arrows: solid circular button with a fat compact chevron. */
.select-shell::before{
  display:block!important;content:""!important;position:absolute!important;right:7px!important;top:50%!important;
  width:24px!important;height:24px!important;border-radius:50%!important;background:var(--text)!important;
  transform:translateY(-50%)!important;pointer-events:none!important;box-shadow:none!important;opacity:1!important;
}
.select-shell::after{
  content:""!important;position:absolute!important;right:13px!important;top:50%!important;
  width:12px!important;height:8px!important;background:var(--panel)!important;opacity:1!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1.2 1.4 6 6.4l4.8-5' fill='none' stroke='black' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 8px no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1.2 1.4 6 6.4l4.8-5' fill='none' stroke='black' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 8px no-repeat!important;
  transform:translateY(-50%)!important;pointer-events:none!important;
}
.select-shell:hover::before,.select-shell:focus-within::before{background:var(--blue)!important}
.select-shell:hover::after,.select-shell:focus-within::after{background:#fff!important;transform:translateY(-50%)!important}
.select-shell select{padding-right:42px!important}
.field .select-shell .input,.purpose-more{padding-right:42px!important}
.top-location .select-shell::before{right:7px!important}.top-location .select-shell::after{right:13px!important}

/* Previous/next arrows: flat solid circles and thicker glyphs. */
.nav-chevron,.month-head button.nav-chevron{
  width:31px!important;height:31px!important;border-radius:50%!important;border:0!important;
  background:var(--text)!important;box-shadow:none!important;padding:0!important;
  display:grid!important;place-items:center!important;transition:.12s transform,.12s background!important;
}
.nav-chevron svg{width:17px!important;height:17px!important;stroke:var(--panel)!important;stroke-width:3.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.nav-chevron:hover{background:var(--blue)!important;transform:scale(1.04)!important;box-shadow:none!important}
.nav-chevron:active{transform:scale(.93)!important}

/* Best direction is a real navigation control. */
.direction-mini.direction-priority{
  cursor:pointer!important;transition:.14s border-color,.14s background,.14s transform!important;
  position:relative!important;padding-right:42px!important;
}
.direction-mini.direction-priority::after{
  content:"›";position:absolute;right:14px;top:50%;transform:translateY(-53%);
  width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--text);color:var(--panel);
  font-size:21px;font-weight:950;line-height:1;
}
.direction-mini.direction-priority:hover,.direction-mini.direction-priority:focus{
  border-color:color-mix(in srgb,var(--blue) 55%,var(--line))!important;background:var(--blue2)!important;outline:none;
}
.direction-mini.direction-priority:active{transform:scale(.99)}

@media(max-width:1100px){
  .top-location-row{justify-content:flex-end}.top-location{width:260px!important;min-width:260px!important;max-width:260px!important}
  .profile{top:145px!important}
}
@media(max-width:720px){
  .topbar{row-gap:7px!important}.topnav{order:3!important;width:100%!important;height:42px!important}
  .top-location-row{order:4!important;justify-content:stretch!important;width:100%!important}
  .top-location{width:100%!important;min-width:0!important;max-width:none!important}
  .profile{top:auto!important}
}


/* v17 profile storage + single-row current location */
.topbar{height:76px!important;min-height:76px!important;flex-wrap:nowrap!important;align-content:center!important;padding-top:0!important;padding-bottom:0!important;row-gap:0!important}
.top-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
.top-location-row{display:none!important}
.top-location{
  width:auto!important;min-width:0!important;max-width:none!important;height:42px!important;min-height:42px!important;
  display:flex!important;align-items:center!important;gap:7px!important;padding:4px 6px 4px 10px!important;
  border-radius:13px!important;background:var(--panel)!important;position:relative!important;white-space:nowrap!important;
}
.top-location-copy{display:contents!important}
.location-label-row{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;margin:0!important;white-space:nowrap!important}
.top-location-copy .location-label-row>span{font-size:10px!important;letter-spacing:.035em!important;line-height:1!important}
.location-info-fixed{width:18px!important;height:18px!important;flex:0 0 18px!important;margin:0 1px 0 0!important}
.top-location .select-shell{width:185px!important;min-width:150px!important;background:var(--panel2)!important;border-radius:10px!important}
.top-location .select-shell select{height:32px!important;width:100%!important;min-width:0!important;max-width:none!important;padding-left:10px!important;padding-right:42px!important;background:transparent!important}
.top-location .location-info .tooltip{left:auto!important;right:-210px!important;top:28px!important;width:300px!important;text-align:left!important;white-space:normal!important}
.location-popover{top:48px!important;right:0!important;left:auto!important}
.profile{top:96px!important}

.profile h2{margin:0 0 14px!important}
.profile .lead{display:none!important}

@media(max-width:1220px){
  .brand{min-width:185px!important}.brand p{display:none!important}.topnav button{padding-left:10px!important;padding-right:10px!important}
  .top-location .select-shell{width:155px!important}.top-location-copy .location-label-row>span{font-size:9px!important}
}
@media(max-width:980px){
  .topbar{height:auto!important;min-height:76px!important;flex-wrap:wrap!important;padding:8px 12px!important;gap:8px!important}
  .topnav{order:3!important;width:100%!important;height:42px!important}.top-actions{margin-left:auto!important}.top-location .select-shell{width:165px!important}
  .profile{top:auto!important}
}
@media(max-width:720px){
  .top-actions{width:100%!important;justify-content:flex-end!important}.top-location{flex:1!important}.top-location .select-shell{flex:1!important;width:auto!important}
  .location-label-row>span{display:none!important}.top-location .location-info .tooltip{right:-55px!important;width:245px!important}
}


/* v18 UI consistency and Daily Timing cleanup */
.birth-time-row{display:grid;grid-template-columns:1fr 1fr .9fr;gap:7px}.birth-time-row .input{height:40px;padding-left:10px}.birth-time-row .select-shell{min-width:0}
.top-location{border:1.5px solid #dc2626!important;box-shadow:none!important}.top-location .select-shell{background:#dbe3ed!important}.top-location .select-shell select{background:transparent!important}[data-theme="dark"] .top-location .select-shell{background:#31445d!important}
/* Uniform circular arrow controls */
.select-shell::before,.profile-combo>#profilePickerBtn,.nav-chevron,.month-head button.nav-chevron{width:28px!important;height:28px!important;border-radius:50%!important}
.select-shell::before{right:6px!important;background:var(--text)!important}.select-shell::after{right:13px!important;width:14px!important;height:9px!important;background:var(--panel)!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath d='M1.5 2 7 7l5.5-5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px 9px no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath d='M1.5 2 7 7l5.5-5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px 9px no-repeat!important}
.select-shell select{padding-right:42px!important}.top-location .select-shell::before{right:5px!important}.top-location .select-shell::after{right:12px!important}
.profile-combo>#profilePickerBtn{right:5px!important;top:5px!important}.profile-combo>#profilePickerBtn svg{width:16px!important;height:16px!important;stroke-width:3!important}
.nav-chevron,.month-head button.nav-chevron{background:var(--text)!important;border:0!important}.nav-chevron svg{width:16px!important;height:16px!important;stroke:var(--panel)!important;stroke-width:3!important}
.date-control{gap:7px!important}.now-date-btn{height:30px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-size:11px;font-weight:900;padding:0 12px;cursor:pointer}.now-date-btn:hover{filter:brightness(1.06)}.date-control .period-switch{margin:0 0 0 2px}.date-control .period-switch button{height:30px;min-width:42px}
.summary-copy{gap:0!important;margin-top:2px}.summary-sub{display:none!important}.summary-title{margin-bottom:2px!important}
@media(max-width:720px){.birth-time-row{grid-template-columns:1fr 1fr .85fr}.date-control{width:100%;overflow-x:auto}.date-control input{min-width:126px}}


/* v18.2 runtime hardening */
.now-date-btn{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto!important;min-width:52px!important;height:34px!important;background:var(--blue)!important;color:#fff!important;border:0!important;border-radius:10px!important;font-weight:900!important;opacity:1!important;visibility:visible!important}
.date-control{display:flex;align-items:center;gap:7px;overflow:visible}
.date-control #viewDate{flex:0 0 auto;min-width:142px}
@media(max-width:720px){.date-control{overflow-x:auto}.now-date-btn{position:sticky;right:0;z-index:2}}

/* v18.2 date controls visibility */
.toolbar{flex-wrap:wrap!important}
.purpose-strip{flex:1 1 520px}
.date-control{margin-left:auto!important;flex:0 0 auto!important;position:relative;z-index:4}
#nowBtn{display:inline-flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:5!important}
@media(max-width:1100px){.date-control{margin-left:0!important}}

/* v18.3 runtime helpers + Daily Timing header restoration */
.clock-head-controls{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;gap:6px!important;min-width:max-content!important}
.clock-date-row{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important}
.clock-head-controls>.period-switch{display:flex!important;margin:0!important;align-self:flex-end!important}
.clock-head-controls>.small-badge{margin-top:1px!important}
.toolbar .date-control{display:flex!important}
@media(max-width:720px){.card-head{align-items:flex-start!important}.clock-head-controls{min-width:0!important;max-width:100%!important}.clock-date-row{flex-wrap:wrap!important;justify-content:flex-end!important}.clock-head-controls>.period-switch{align-self:flex-end!important}}

/* v18.4 date navigation placement */
.toolbar{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}
.toolbar-date-control{margin-left:0!important;flex:0 0 auto!important}
.clock-head-controls{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;gap:7px!important}
.clock-head-controls .small-badge{order:1!important;white-space:nowrap!important}
.clock-head-controls .period-switch{order:2!important;margin:0!important;align-self:flex-end!important}
@media(max-width:720px){
  .toolbar{align-items:stretch!important}
  .toolbar-date-control{width:max-content!important;max-width:100%!important}
}


/* v18.6 visible date navigation: purpose buttons → More → date / Now */
#dateControl.toolbar-date-control{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;flex:0 0 auto!important;margin-left:0!important}
.toolbar>.purpose-strip{flex:0 1 auto!important}
.toolbar>.select-shell{flex:0 0 auto!important}
@media(max-width:1250px){.toolbar{gap:9px!important}.toolbar>.purpose-strip{flex:1 1 430px!important}#dateControl.toolbar-date-control{flex:0 0 auto!important}}

/* v18.8 unified compact grey arrow controls */
:root{
  --arrow-circle-bg:#d8dee6;
  --arrow-circle-fg:#4f5d6f;
  --arrow-circle-hover:#cbd3dd;
}
[data-theme="dark"]{
  --arrow-circle-bg:#445164;
  --arrow-circle-fg:#edf2f7;
  --arrow-circle-hover:#536177;
}
/* Every dropdown/profile picker uses the same 23px circle. */
.select-shell::before,
.profile-combo>#profilePickerBtn{
  width:23px!important;
  height:23px!important;
  border-radius:50%!important;
  background:var(--arrow-circle-bg)!important;
  border:0!important;
  box-shadow:none!important;
}
.select-shell::before{right:6px!important}
.select-shell::after{
  right:12px!important;
  width:10px!important;
  height:7px!important;
  background:var(--arrow-circle-fg)!important;
  opacity:1!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 7'%3E%3Cpath d='M1.2 1.6 5 5.4l3.8-3.8' fill='none' stroke='black' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px 7px no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 7'%3E%3Cpath d='M1.2 1.6 5 5.4l3.8-3.8' fill='none' stroke='black' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px 7px no-repeat!important;
  transform:translateY(-50%)!important;
}
.select-shell:hover::before,.select-shell:focus-within::before,
.profile-combo>#profilePickerBtn:hover,.profile-combo>#profilePickerBtn:focus-visible{
  background:var(--arrow-circle-hover)!important;
}
.select-shell:hover::after,.select-shell:focus-within::after{
  background:var(--arrow-circle-fg)!important;
  transform:translateY(-50%)!important;
}
.select-shell select{padding-right:35px!important}
.top-location .select-shell::before{right:5px!important}
.top-location .select-shell::after{right:11px!important}
.top-location .select-shell select{padding-right:34px!important}
.field .select-shell .input,.purpose-more{padding-right:35px!important}

.profile-combo>#profilePickerBtn{
  right:7px!important;
  top:7px!important;
  color:var(--arrow-circle-fg)!important;
}
.profile-combo>#profilePickerBtn svg{
  width:11px!important;
  height:11px!important;
  stroke:currentColor!important;
  stroke-width:2.5!important;
}
.profile-combo>input{padding-right:38px!important}

/* Previous/next day and month controls match the same visual system. */
.nav-chevron,.month-head button.nav-chevron{
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  min-height:23px!important;
  border-radius:50%!important;
  background:var(--arrow-circle-bg)!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.nav-chevron svg{
  width:11px!important;
  height:11px!important;
  stroke:var(--arrow-circle-fg)!important;
  stroke-width:2.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.nav-chevron:hover,.month-head button.nav-chevron:hover{
  background:var(--arrow-circle-hover)!important;
  transform:none!important;
}
.nav-chevron:hover svg{stroke:var(--arrow-circle-fg)!important}
.nav-chevron:active{transform:scale(.92)!important}
.date-control{gap:6px!important}


/* v18.11 Directions title + rank badge */
.direction-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 12px;min-width:0}
.direction-heading-main{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1 1 auto;white-space:nowrap;overflow:hidden}
.direction-title-row .dir-name{margin:0!important;min-width:0;font-size:22px!important;line-height:1.1;flex:0 0 auto}
.direction-hour-time{font-size:10.5px;line-height:1.2;color:var(--muted);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.direction-rank-badge{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);font-size:9px;font-weight:850;color:var(--text);white-space:nowrap}
.direction-rank-badge .swatch{width:8px;height:8px;border-radius:50%;flex:0 0 8px}
.direction-rank-badge .rank-purpose{color:var(--muted);font-weight:750}
@media(max-width:720px){.direction-title-row{align-items:flex-start;gap:7px}.direction-heading-main{display:block;white-space:normal}.direction-title-row .dir-name{font-size:20px!important}.direction-hour-time{font-size:10px;margin-top:3px}.direction-rank-badge{margin-top:1px;padding:5px 7px;font-size:8.5px}.direction-rank-badge .rank-purpose{display:none}}
.detail-title-info-row,.direction-heading-with-info{display:flex;align-items:center;gap:7px;min-width:0}.detail-title-info-row strong{min-width:0}.detail-title-info-row .dashboard-info-button,.direction-heading-with-info .dashboard-info-button{flex:0 0 18px}.direction-heading-with-info{flex:1 1 auto}.direction-heading-with-info .direction-heading-main{flex:0 1 auto}.time-head{justify-content:flex-start}.time-head .detail-title-info-row{flex:1 1 auto}


/* v18.12 final compact arrow standardisation — one size everywhere. */
:root{
  --arrow-circle-size:19px;
  --arrow-glyph-w:8px;
  --arrow-glyph-h:5px;
  --arrow-circle-bg:#dde2e8;
  --arrow-circle-fg:#5b6675;
  --arrow-circle-hover:#d1d7df;
}
[data-theme="dark"]{
  --arrow-circle-bg:#3d495a;
  --arrow-circle-fg:#e5eaf0;
  --arrow-circle-hover:#4a5769;
}
.select-shell::before,
.profile-combo>#profilePickerBtn,
.nav-chevron,
.month-head button.nav-chevron{
  width:var(--arrow-circle-size)!important;
  height:var(--arrow-circle-size)!important;
  min-width:var(--arrow-circle-size)!important;
  min-height:var(--arrow-circle-size)!important;
  border-radius:50%!important;
  background:var(--arrow-circle-bg)!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.select-shell::before{
  display:block!important;
  content:""!important;
  right:5px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
.select-shell::after{
  content:""!important;
  right:10.5px!important;
  top:50%!important;
  width:var(--arrow-glyph-w)!important;
  height:var(--arrow-glyph-h)!important;
  background:var(--arrow-circle-fg)!important;
  opacity:1!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath d='M1 1 4 4l3-3' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/8px 5px no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath d='M1 1 4 4l3-3' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/8px 5px no-repeat!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
}
.select-shell:hover::before,.select-shell:focus-within::before,
.profile-combo>#profilePickerBtn:hover,.profile-combo>#profilePickerBtn:focus-visible,
.nav-chevron:hover,.month-head button.nav-chevron:hover{
  background:var(--arrow-circle-hover)!important;
}
.select-shell:hover::after,.select-shell:focus-within::after{
  background:var(--arrow-circle-fg)!important;
  transform:translateY(-50%)!important;
}
.select-shell select{padding-right:29px!important}
.top-location .select-shell::before{right:5px!important}
.top-location .select-shell::after{right:10.5px!important}
.top-location .select-shell select{padding-right:29px!important}
.field .select-shell .input,.purpose-more{padding-right:29px!important}
.profile-combo>#profilePickerBtn{
  right:7px!important;
  top:9px!important;
  color:var(--arrow-circle-fg)!important;
}
.profile-combo>#profilePickerBtn svg{
  width:9px!important;
  height:9px!important;
  stroke:currentColor!important;
  stroke-width:2.35!important;
}
.profile-combo>input{padding-right:34px!important}
.nav-chevron svg{
  width:9px!important;
  height:9px!important;
  stroke:var(--arrow-circle-fg)!important;
  stroke-width:2.35!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.nav-chevron:hover,.month-head button.nav-chevron:hover{transform:none!important;box-shadow:none!important}
.nav-chevron:hover svg{stroke:var(--arrow-circle-fg)!important}
.nav-chevron:active{transform:scale(.92)!important}


/* v18.13 balanced arrow sizing — profile picker, selects, and date/month navigation share one visual scale. */
:root{
  --arrow-circle-size:22px;
  --arrow-glyph-w:9px;
  --arrow-glyph-h:6px;
}
.select-shell::before,
.profile-combo>#profilePickerBtn,
.nav-chevron,
.month-head button.nav-chevron{
  width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;
}
.select-shell::after{
  width:9px!important;height:6px!important;right:11.5px!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6'%3E%3Cpath d='M1 1 4.5 5 8 1' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/9px 6px no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6'%3E%3Cpath d='M1 1 4.5 5 8 1' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/9px 6px no-repeat!important;
}
.select-shell select{padding-right:32px!important}
.top-location .select-shell select{padding-right:32px!important}
.field .select-shell .input,.purpose-more{padding-right:32px!important}
.profile-combo>#profilePickerBtn{right:6px!important;top:8px!important}
.profile-combo>#profilePickerBtn svg{width:11px!important;height:11px!important;stroke-width:2.5!important}
.profile-combo>input{padding-right:38px!important}
.nav-chevron svg{width:11px!important;height:11px!important;stroke-width:2.5!important}



/* v18.14 profile/date controls matched to Birthplace dropdown scale */
:root{--profile-date-circle-size:28px}
/* Birthplace establishes the target scale. */
#birthLocation + *{} /* no-op anchor for source readability */
.birth-location-shell::before{
  width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;
}
.birth-location-shell::after{
  width:12px!important;height:8px!important;right:14px!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1.2 1.3 6 6.4l4.8-5.1' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 8px no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1.2 1.3 6 6.4l4.8-5.1' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 8px no-repeat!important;
}
.birth-location-shell select{padding-right:39px!important}
.profile-combo>#profilePickerBtn,
#prevDay.nav-chevron,#nextDay.nav-chevron{
  width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;
}
.profile-combo>#profilePickerBtn{right:5px!important;top:5px!important}
.profile-combo>#profilePickerBtn svg{width:14px!important;height:14px!important;stroke-width:2.8!important}
.profile-combo>input{padding-right:42px!important}
#prevDay.nav-chevron svg,#nextDay.nav-chevron svg{width:14px!important;height:14px!important;stroke-width:2.8!important}


/* v18.15 single-account birth profile drawer */
.shell{display:block!important;max-width:1540px!important;margin:auto!important;padding:20px 24px 28px!important}
.main{width:100%!important}
.profile{
  position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;
  z-index:130!important;width:min(390px,92vw)!important;height:100vh!important;max-height:none!important;
  margin:0!important;padding:22px 22px 28px!important;border:0!important;border-left:1px solid var(--line)!important;
  border-radius:0!important;background:var(--panel)!important;box-shadow:-24px 0 60px rgba(20,40,70,.16)!important;
  overflow-y:auto!important;transform:translateX(105%)!important;transition:transform .24s ease!important;
}
.profile.open{transform:translateX(0)!important}
.profile-drawer-backdrop{position:fixed;inset:0;z-index:120;background:rgba(15,27,45,.26);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.profile-drawer-backdrop.open{opacity:1;visibility:visible}
.profile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.profile-drawer-head h2{margin:0!important;font-size:20px!important}
.profile-drawer-head p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.35}
.profile-close{width:36px;height:36px;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;background:var(--panel2);display:grid;place-items:center;cursor:pointer;color:var(--text)}
.profile-close:hover{background:var(--blue2);color:var(--blue)}
.profile-close svg{width:17px;height:17px;stroke-width:2.2}
.profile-trigger{height:38px;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:0 12px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.profile-trigger:hover{background:var(--blue2);color:var(--blue)}
.profile-trigger svg{width:17px;height:17px;stroke-width:1.9}
.account-profile-row{margin:0 0 18px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}
.account-profile-row label{display:block;font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.account-profile-name{font-size:14px;font-weight:900;line-height:1.25;color:var(--text);overflow-wrap:anywhere}
.account-profile-note{font-size:10px;color:var(--muted);line-height:1.35;margin-top:3px}
body.profile-drawer-open{overflow:hidden}
@media(max-width:1100px){.shell{display:block!important}.profile{display:block!important;position:fixed!important;top:0!important;height:100vh!important}.profile h2,.profile .lead,.profile .primary,.profile .profile-note{grid-column:auto!important}.field{margin:0 0 17px!important}}
@media(max-width:720px){.shell{padding:12px!important}.profile{width:min(370px,96vw)!important;padding:18px 17px 24px!important}.profile-trigger span{display:none}.profile-trigger{width:38px;padding:0;justify-content:center}.top-actions{gap:5px}.profile-drawer-head{margin-bottom:16px}}


/* v18.16 current location follows date / Now in the main toolbar */
.toolbar>#topLocationBox{
  flex:0 0 auto!important;
  margin:0!important;
  position:relative!important;
}
.top-actions>#topLocationBox{display:none!important}
@media(max-width:1250px){
  .toolbar>#topLocationBox{flex:0 0 auto!important}
}
@media(max-width:720px){
  .toolbar>#topLocationBox{width:100%!important;max-width:none!important;flex:1 0 100%!important}
  .toolbar>#topLocationBox .select-shell{flex:1!important;width:auto!important}
}


/* v18.17 desktop toolbar lock + centered direction arrow */
@media(min-width:721px){
  .toolbar{
    flex-wrap:nowrap!important;
    align-items:center!important;
  }
  .toolbar>.purpose-strip{
    min-width:0!important;
    flex:1 1 auto!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none;
  }
  .toolbar>.purpose-strip::-webkit-scrollbar{display:none}
  .toolbar>.select-shell,
  #dateControl.toolbar-date-control,
  .toolbar>#topLocationBox{
    flex:0 0 auto!important;
  }
  #dateControl.toolbar-date-control{white-space:nowrap!important}
  .toolbar>#topLocationBox{white-space:nowrap!important}
}
/* v18.21 add clearer separation between purpose selector and date/location controls */
@media(min-width:721px){
  #dateControl.toolbar-date-control{margin-left:30px!important}
}

.dir-arrow{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:0!important;
}
.dir-arrow svg{
  display:block!important;
  margin:0!important;
  transform:translateY(-1px)!important;
  transform-origin:center!important;
}



/* v18.19 compact purpose row, responsive birth profile, simplified compass */
@media(min-width:721px){
  .toolbar{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scrollbar-width:none;
  }
  .toolbar::-webkit-scrollbar{display:none}
  .toolbar>.purpose-strip{
    flex:0 0 auto!important;
    min-width:max-content!important;
    overflow:visible!important;
  }
  .toolbar>.select-shell{margin-left:-2px!important}
}

/* Birth Profile follows the active Day/Night palette, including native form controls. */
.profile,.profile-trigger,.profile-close,.account-profile-row,.profile .input,.profile .seg button{
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease!important;
}
.profile-trigger{
  background:var(--panel)!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
}
.profile-trigger:hover{background:var(--blue2)!important;color:var(--blue)!important}
.profile{
  background:var(--panel)!important;
  border-left-color:var(--line)!important;
  color:var(--text)!important;
  color-scheme:light;
}
.profile .input,.profile .seg button,.account-profile-row,.profile-close{
  background:var(--panel2)!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
}
.app[data-theme="dark"] .profile{color-scheme:dark;box-shadow:-24px 0 60px rgba(0,0,0,.46)!important}
.app[data-theme="dark"] .profile-drawer-backdrop{background:rgba(2,7,15,.58)}
.app[data-theme="light"] .profile-drawer-backdrop{background:rgba(15,27,45,.26)}

/* No legend below the compass; rank wording remains inside each compass sector. */
.dir-legend{display:none!important}

/* Best direction summary: text-only, darker surface, no circular arrows. */
.direction-mini.direction-priority{
  background:#e1e7ef!important;
  border-color:#cfd8e4!important;
  padding:15px 16px!important;
  gap:0!important;
}
.direction-mini.direction-priority > div{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.direction-mini.direction-priority small{
  display:block!important;
  flex:1 1 auto!important;
}
.direction-mini.direction-priority b{
  display:block!important;
  flex:0 0 auto!important;
  margin:0!important;
  text-align:right!important;
}
.app[data-theme="dark"] .direction-mini.direction-priority{
  background:#091321!important;
  border-color:#24344a!important;
}
.direction-mini.direction-priority::after{display:none!important;content:none!important}
.direction-mini.direction-priority:hover,.direction-mini.direction-priority:focus{
  background:#d7dee8!important;
  border-color:color-mix(in srgb,var(--blue) 42%,var(--line))!important;
}
.app[data-theme="dark"] .direction-mini.direction-priority:hover,
.app[data-theme="dark"] .direction-mini.direction-priority:focus{
  background:#0d1b2c!important;
}


/* v18.23 typography and Night-mode clock contrast */
/* Birth Profile trigger typography. */
.profile-trigger{font-size:inherit!important;font-weight:700!important;gap:8px!important}

/* Clock range/status copy stays black on coloured sectors in Night mode. */
.app[data-theme="dark"] .clock-range,
.app[data-theme="dark"] .clock-seg .state{fill:#000!important}
.app[data-theme="dark"] .clock-seg.disabled .clock-range,.app[data-theme="dark"] .clock-seg.disabled .state{fill:var(--muted)!important}

/* Reverse the clock centre in Night mode: light disc with dark copy. */
.app[data-theme="dark"] .clock-center-black{fill:#fff!important;stroke:#fff!important}
.app[data-theme="dark"] .clock-center-label,
.app[data-theme="dark"] .clock-center-value{fill:#111!important}
.app[data-theme="dark"] .clock-center-divider{stroke:#111!important;opacity:.18!important}


/* v18.27 Current Location info: JS anchors this top-layer card directly to the info button. */
.location-tooltip-toplayer[popover]{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  width:300px!important;
  max-width:calc(100vw - 24px)!important;
  z-index:2147483647!important;
  pointer-events:none!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(-3px)!important;
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease!important;
}
.location-tooltip-toplayer[popover]:popover-open{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.location-tooltip-toplayer[popover]::backdrop{background:transparent!important}


.profile-location-section{margin:2px 0 17px;padding-top:15px;border-top:1px solid var(--line)}
.profile-location-kicker{font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.profile #topLocationBox.profile-current-location{width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:10px 11px!important;display:block!important;position:relative!important;border:1px solid var(--line)!important;background:var(--panel2)!important;box-shadow:none!important;border-radius:13px!important}
.profile #topLocationBox .top-location-copy{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important}
.profile #topLocationBox .location-label-row{justify-content:flex-start!important}
.profile #topLocationBox .location-label-row>span{display:inline!important;font-size:10px!important;text-align:left!important}
.profile #topLocationBox .select-shell{width:100%!important;min-width:0!important;background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:10px!important}
.profile #topLocationBox .select-shell select{width:100%!important;height:38px!important;min-width:0!important;max-width:none!important;padding-left:11px!important;padding-right:38px!important;background:transparent!important}
.profile #topLocationBox .location-popover{position:relative!important;top:auto!important;right:auto!important;left:auto!important;width:100%!important;margin-top:9px!important;box-shadow:none!important;background:var(--panel)!important}
.profile #topLocationBox .location-info .tooltip{right:auto!important;left:0!important;top:25px!important;width:270px!important}
@media(max-width:720px){.signal-stack{grid-template-columns:1fr}.profile #topLocationBox .location-info .tooltip{position:fixed!important;left:16px!important;right:16px!important;top:92px!important;width:auto!important}}

/* v19.17 birth-profile current-location normalization */
.profile-location-kicker.current-location-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:0;text-transform:none;color:var(--text);margin:0 0 7px}
.profile-location-kicker.current-location-title .location-info{width:18px;height:18px;font-size:11px;flex:0 0 18px}
.profile #topLocationBox.profile-current-location{padding:0!important;border:0!important;background:transparent!important;border-radius:0!important}
.profile #topLocationBox .top-location-copy{gap:0!important}
.profile #topLocationBox .select-shell{background:transparent!important;border:0!important;border-radius:12px!important}
.profile #topLocationBox .select-shell select{height:42px!important;font-size:14px!important;font-weight:400!important;padding-left:12px!important;padding-right:39px!important;background:var(--panel2)!important;border:1px solid var(--line)!important;border-radius:12px!important;color:var(--text)!important}
.profile #topLocationBox .birth-location-shell::before{width:28px!important;height:28px!important;right:4px!important}
.profile #topLocationBox .birth-location-shell::after{width:12px!important;height:8px!important;right:14px!important}
.profile #timingLocationPopover{margin-top:9px!important;border-radius:12px!important;padding:12px!important}
.profile #timingLocationPopover .coord-grid label{font-size:12px!important;font-weight:800!important;color:var(--text)!important;margin-bottom:7px!important;letter-spacing:0!important;text-transform:none!important}
.profile #timingLocationPopover .coord-grid input{height:42px!important;font-size:14px!important;font-weight:400!important;border-radius:12px!important;padding:0 12px!important;background:var(--panel2)!important;color:var(--text)!important}
#showBtn{transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease}
.app[data-theme="light"] #showBtn{background:#2f7de1!important;color:#fff!important;border:1px solid #2f7de1!important;box-shadow:0 8px 18px rgba(47,125,225,.20)!important}
.app[data-theme="light"] #showBtn:hover{background:#256fc9!important;border-color:#256fc9!important;transform:translateY(-1px)}
.app[data-theme="dark"] #showBtn{background:#93c5fd!important;color:#10233d!important;border:1px solid #93c5fd!important;box-shadow:0 8px 20px rgba(147,197,253,.16)!important}
.app[data-theme="dark"] #showBtn:hover{background:#bfdbfe!important;border-color:#bfdbfe!important;transform:translateY(-1px)}
#showBtn:active{transform:translateY(0) scale(.99)}
#showBtn:disabled{opacity:.62;cursor:not-allowed;transform:none}


/* v19.11 theme-aware AM/PM and Now controls */
.app[data-theme="light"] .period-switch{
  background:#edf2f7!important;
  border-color:#d7e0ea!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}
.app[data-theme="light"] .period-switch button{
  background:transparent!important;
  color:#65758a!important;
}
.app[data-theme="light"] .period-switch button:hover:not(.active){
  background:#fff!important;
  color:#29415f!important;
}
.app[data-theme="light"] .period-switch button.active{
  background:#2f7de1!important;
  color:#fff!important;
  box-shadow:0 3px 10px rgba(47,125,225,.22)!important;
}
.app[data-theme="light"] .now-date-btn{
  background:#2f7de1!important;
  border:1px solid #2f7de1!important;
  color:#fff!important;
  box-shadow:0 3px 10px rgba(47,125,225,.18)!important;
}
.app[data-theme="light"] .now-date-btn:hover{
  background:#256fc9!important;
  border-color:#256fc9!important;
}
.app[data-theme="dark"] .period-switch{
  background:#0b1524!important;
  border-color:#30445f!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.app[data-theme="dark"] .period-switch button{
  background:transparent!important;
  color:#aebed2!important;
}
.app[data-theme="dark"] .period-switch button:hover:not(.active){
  background:#16263a!important;
  color:#eaf3ff!important;
}
.app[data-theme="dark"] .period-switch button.active{
  background:#8bc0ff!important;
  color:#0b1524!important;
  box-shadow:0 3px 12px rgba(139,192,255,.22)!important;
}
.app[data-theme="dark"] .now-date-btn{
  background:#8bc0ff!important;
  border:1px solid #8bc0ff!important;
  color:#0b1524!important;
  box-shadow:0 3px 12px rgba(139,192,255,.2)!important;
}
.app[data-theme="dark"] .now-date-btn:hover{
  background:#a7d0ff!important;
  border-color:#a7d0ff!important;
}
.app[data-theme="dark"] .now-date-btn:active,
.app[data-theme="light"] .now-date-btn:active{transform:translateY(1px)}

/* v19.13 Daily Timing header + account summary */
.account-profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px;padding-top:11px;border-top:1px solid var(--line)}
.account-profile-facts>div{min-width:0;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.account-profile-facts span{display:block;font-size:8.5px;font-weight:900;letter-spacing:.055em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.account-profile-facts b{display:block;font-size:10.5px;line-height:1.35;color:var(--text);font-weight:850;overflow-wrap:anywhere}
.profile .seg{border-color:var(--line)!important;background:var(--panel2)!important}
.profile .seg button{background:var(--panel2)!important;color:var(--muted)!important;border-radius:0!important}
.profile .seg button+button{border-left:1px solid var(--line)!important}
.profile .seg button.active{background:var(--blue)!important;color:#fff!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 82%,#fff)!important}
.app[data-theme="dark"] .profile .seg button.active{background:#60a5fa!important;color:#07111f!important;box-shadow:inset 0 0 0 1px #93c5fd!important}
.clock-title-head{align-items:flex-start!important}
.clock-when{font-size:12px;color:var(--muted);font-weight:750;margin-top:4px;line-height:1.35}
.clock-place{font-size:10px;color:var(--muted);font-weight:800;margin-top:2px;line-height:1.35}
.clock-head-controls{display:flex;align-items:flex-start;gap:8px}
@media(max-width:520px){.account-profile-facts{grid-template-columns:1fr}.clock-title-head{gap:8px}.clock-when{font-size:11px}.clock-place{font-size:9.5px}}


/* v19.18: Birthplace custom details use the same conditional card pattern as Current location. */
.profile #birthLocationPopover{position:relative!important;top:auto!important;right:auto!important;left:auto!important;width:100%!important;margin-top:9px!important;box-shadow:none!important;background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:15px!important;padding:13px!important}
.profile #birthLocationPopover .coord-grid label{font-size:12px!important;font-weight:800!important;color:var(--text)!important;margin-bottom:7px!important;letter-spacing:0!important;text-transform:none!important}
.profile #birthLocationPopover .coord-grid input{height:42px!important;font-size:14px!important;font-weight:400!important;border-radius:12px!important;padding:0 12px!important;background:var(--panel2)!important;color:var(--text)!important}
.profile #birthLocationPopover h4{font-size:13px!important;color:var(--text)!important}
.profile #birthLocationPopover p{font-size:10.5px!important;color:var(--muted)!important}

/* v19.22 toolbar: keep purpose controls left, date/Now pinned to far right */
@media(min-width:721px){
  #dateControl.toolbar-date-control{margin-left:auto!important;margin-right:0!important;}
  .toolbar>.select-shell:has(#purposeMore){margin-right:0!important;}
}


/* Qi Men timing condition warnings */
.wby-alert{display:flex;align-items:center;gap:10px;margin:10px 0 14px;padding:10px 12px;border-radius:12px;background:#b83f46;border:1px solid #d85a61;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.wby-alert[hidden]{display:none!important}
.wby-alert-icon{width:26px;height:26px;flex:0 0 26px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);font-weight:950;font-size:15px;line-height:1}
.wby-alert-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.wby-alert-copy b{font-size:11.5px;line-height:1.25;color:#fff;font-weight:900}
.wby-alert-copy small{font-size:9.5px;line-height:1.35;color:rgba(255,255,255,.88);font-weight:720}
.wby-alert.compact{margin:0 0 12px;padding:8px 10px;border-radius:10px}
.wby-alert.compact .wby-alert-icon{width:22px;height:22px;flex-basis:22px;font-size:13px}
.wby-alert.compact .wby-alert-copy b{font-size:10.5px}
.wby-alert.compact .wby-alert-copy small{font-size:9px}
@media(max-width:720px){.wby-alert{align-items:flex-start}.wby-alert-copy b{font-size:11px}.wby-alert-copy small{font-size:9px}}
/* v19.84 unified Qi Men condition flags */
.timing-flag-stack{display:grid;gap:7px;margin:10px 0 14px}.timing-flag-stack[hidden]{display:none!important}.timing-flag-stack.compact{margin:0 0 12px}
.timing-flag{display:flex;align-items:flex-start;gap:9px;padding:9px 11px;border-radius:11px;border:1px solid var(--line);background:var(--panel2);min-width:0}
.timing-flag .timing-flag-icon{width:23px;height:23px;flex:0 0 23px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:950;line-height:1;background:rgba(255,255,255,.14)}
.timing-flag .timing-flag-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.timing-flag b{font-size:10.8px;line-height:1.3;font-weight:900;overflow-wrap:normal;word-break:normal}.timing-flag small{font-size:9.2px;line-height:1.35;font-weight:700;opacity:.9;overflow-wrap:normal;word-break:normal}
.timing-flag.bad{background:#b83f46;border-color:#d85a61;color:#fff}.timing-flag.caution{background:#8a5b19;border-color:#b67b27;color:#fff}.timing-flag.good{background:#167657;border-color:#249b75;color:#fff}.timing-flag.info{background:color-mix(in srgb,var(--blue) 12%,var(--panel2));border-color:color-mix(in srgb,var(--blue) 38%,var(--line));color:var(--text)}
.direction-condition-stack{display:grid;gap:7px;margin:0}
.direction-condition-section,.hour-status-section,.day-status-section,.period-status-section,.direction-status-section{margin:10px 0 12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel2) 82%,transparent)}
.condition-section-label{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 7px}
.outcome-section{margin:12px 0 0}.outcome-button{width:100%;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--blue) 78%,#000);border-radius:13px;background:var(--blue);color:#000;padding:12px 14px;text-align:left;box-shadow:0 8px 18px rgba(47,125,225,.16)}.outcome-button b{display:block;font-size:13px;line-height:1.3;font-weight:950;color:#000}.outcome-button small{display:block;margin-top:4px;font-size:10.5px;line-height:1.42;font-weight:750;color:#000}.outcome-button .outcome-kicker{display:block;margin-bottom:4px;font-size:9.5px;line-height:1.2;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#000;opacity:.78}
.other-modifiers{margin:12px 0 0;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel2) 82%,transparent);overflow:hidden}.other-modifiers>summary{list-style:none;cursor:pointer;padding:11px 13px;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:10px;user-select:none}.other-modifiers>summary::-webkit-details-marker{display:none}.other-modifiers>summary::after{content:'+';font-size:16px;line-height:1;font-weight:850;color:var(--muted)}.other-modifiers[open]>summary::after{content:'−'}.other-modifiers[open]>summary{border-bottom:1px solid var(--line)}.other-modifiers-body{padding:2px 10px 10px}.other-modifiers-body>.day-status-section,.other-modifiers-body>.hour-status-section,.other-modifiers-body>.period-status-section,.other-modifiers-body>.direction-condition-section{margin:8px 0 0;background:transparent}.other-modifiers-body>.direction-condition-section:last-child,.other-modifiers-body>.hour-status-section:last-child{margin-bottom:0}
.direction-condition-empty{font-size:10px;line-height:1.4;color:var(--muted);font-weight:750;padding:4px 1px}
@media(max-width:720px){.timing-flag{padding:8px 9px}.timing-flag b{font-size:10.5px}.timing-flag small{font-size:9px}}

#view-calendar .calendar-detail{display:flex;flex-direction:column;min-height:0;overflow:hidden}
#view-calendar .calendar-detail .calendar-detail-head{flex:0 0 auto}
#view-calendar .calendar-detail .calendar-summary-grid{flex:0 0 auto;margin-bottom:0}
#view-calendar .calendar-detail .calendar-go-timing{flex:0 0 auto}
.hour-condition-status{margin:8px 0 12px}
.hour-condition-status .timing-flag-stack{margin:0}
.hour-condition-status .timing-flag{margin:0}
.hour-status-section .hour-condition-status{margin:0}


/* v19.184 brand lock: use the supplied clover artwork unchanged and keep both brand lines pure white. */
.brandmark{width:46px!important;height:46px!important;flex:0 0 46px!important;border-radius:10px!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:hidden!important;display:grid!important;place-items:center!important}
.brandmark img{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important}
.brand h1,.brand p,[data-theme="dark"] .brand h1,[data-theme="dark"] .brand p{color:#fff!important;background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:#fff!important}
.brand-copy{display:inline-flex!important;flex-direction:column!important;align-items:flex-start!important;white-space:nowrap!important}.brand-copy h1,.brand-copy p{white-space:nowrap!important}.brand-copy h1{transform-origin:left center!important}.brand-copy p{width:max-content!important}



/* v19.24: solid compass palette, stronger purpose selection, and reliable month navigation. */
:root{
  --dir-best:#0f8f68;
  --dir-good:#84cc16;
  --dir-ok:#f4c430;
  --dir-avoid:#dc4c4c;
}
[data-theme="dark"]{
  --dir-best:#10a77a;
  --dir-good:#94d82d;
  --dir-ok:#f4c430;
  --dir-avoid:#e35d5d;
}

/* Selected purpose is deliberately unmistakable in both themes. */
.purpose{transition:background-color .14s ease,border-color .14s ease,color .14s ease!important}
.purpose:hover:not(.active){background:color-mix(in srgb,var(--blue) 8%,var(--panel))!important;border-color:color-mix(in srgb,var(--blue) 35%,var(--line))!important}
.purpose.active{background:var(--blue)!important;border-color:var(--blue)!important;color:var(--panel)!important;box-shadow:none!important}
.purpose.active svg{color:currentColor!important;stroke:currentColor!important}
.purpose-more.active{background:var(--blue)!important;border-color:var(--blue)!important;color:var(--panel)!important;box-shadow:none!important}
.purpose-more option{background:var(--panel)!important;color:var(--text)!important}
.select-shell:has(.purpose-more.active)::after{background:#fff!important;opacity:1!important}

/* Compass colours and labels are flat/solid: no glow, blur, halo, text stroke or drop shadow. */
.compass-svg{filter:none!important}
.compass-sector path{filter:none!important;transition:stroke .13s ease,stroke-width .13s ease!important}
.compass-sector:hover path{filter:none!important}
.compass-label,.compass-rank,.compass-center-kicker,.compass-center-best,.compass-center-sub{paint-order:normal!important;stroke:none!important;filter:none!important;text-shadow:none!important}
.compass-sector.best .compass-label,.compass-sector.best .compass-rank,
.compass-sector.avoid .compass-label,.compass-sector.avoid .compass-rank{fill:#fff!important}
.compass-sector.good .compass-label,.compass-sector.good .compass-rank{fill:#17210a!important}
.compass-sector.ok .compass-label,.compass-sector.ok .compass-rank{fill:#2b2305!important}
.compass-center-kicker,.compass-center-best,.compass-center-sub{fill:#111!important}
.compass-center-disc{filter:none!important;stroke:var(--panel)!important;stroke-width:3!important}
.compass-sector.selected path{stroke:var(--text)!important;stroke-width:7!important;filter:none!important}

/* Month navigation remains a flat control and changes the visible month immediately. */
.month-head .nav-chevron{box-shadow:none!important;filter:none!important}



/* v19.25: moderately stronger Directions > Best for card and bounded month navigation. */
.month-head .nav-chevron:disabled{opacity:.36!important;cursor:default!important;pointer-events:none!important}



/* v19.20: make Birthplace and Current location visually identical. */
.profile .field>label,
.profile-location-kicker.current-location-title{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:18px!important;
  margin:0 0 7px!important;
  padding:0!important;
  font:800 12px/1.25 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:var(--text)!important;
}
.profile-location-kicker.current-location-title .location-info{
  width:18px!important;height:18px!important;flex:0 0 18px!important;
  margin:0!important;
}
.profile #birthLocation,
.profile #timingLocation{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:42px!important;
  margin:0!important;
  padding:0 39px 0 12px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--panel2)!important;
  color:var(--text)!important;
  font:400 14px/1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:0!important;
}
.profile #birthLocation:focus,
.profile #timingLocation:focus{
  border-color:var(--blue)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 14%,transparent)!important;
}
.profile .field>.birth-location-shell,
.profile #topLocationBox .birth-location-shell{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
}
.profile .field>.birth-location-shell::before,
.profile #topLocationBox .birth-location-shell::before{
  width:28px!important;height:28px!important;right:4px!important;
}
.profile .field>.birth-location-shell::after,
.profile #topLocationBox .birth-location-shell::after{
  width:12px!important;height:8px!important;right:14px!important;
}
.profile-location-section{margin:2px 0 17px!important;padding-top:15px!important;border-top:1px solid var(--line)!important}



/* v19.27: dashboard stays beside the logo; profile control moves to the right side of the view-nav row. */
.topbar.dashboard-header{
  height:auto!important;min-height:0!important;display:block!important;padding:10px 24px 0!important;
  background:color-mix(in srgb,var(--panel) 94%,transparent)!important;
}
.header-primary{display:flex;align-items:stretch;gap:14px;width:100%;min-width:0}
.header-primary .brand{min-width:210px;align-self:center}
.dashboard-strip{
  display:grid;grid-template-columns:1.18fr 1fr 1fr 1.12fr 1.12fr 1.34fr;
  gap:7px;flex:1;min-width:0;
}
.dashboard-tile{
  min-width:0;min-height:62px;padding:9px 10px;border-radius:12px;background:#2f7de1;color:#fff;
  border:1px solid transparent;display:flex;flex-direction:column;justify-content:center;box-shadow:none!important;
}
.dashboard-tile.dashboard-blue{background:#2f7de1;border-color:#2f7de1}
.dashboard-tile.dashboard-positive{background:#168b68;border-color:#168b68}
.dashboard-tile.dashboard-negative{background:#d94f4f;border-color:#d94f4f}
.dashboard-tile span{font-size:8.6px;line-height:1.16;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.84);white-space:normal}
.dashboard-tile b{display:block;margin-top:4px;font-size:13px;line-height:1.2;font-weight:900;color:#fff;overflow-wrap:anywhere}
.dashboard-tile small{display:block;margin-top:3px;font-size:9.2px;line-height:1.15;font-weight:750;color:rgba(255,255,255,.82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-best-day b{font-size:11px;line-height:1.28}
.header-secondary{display:flex;align-items:stretch;width:100%;margin-top:8px;border-top:1px solid var(--line);min-width:0}
.dashboard-header .topnav{
  height:46px!important;display:flex;align-items:stretch;align-self:auto;margin:0!important;padding-left:0;
  width:auto!important;gap:2px;flex:0 1 auto;order:initial!important;
}
.dashboard-header .topnav>button{height:46px}
.dashboard-header .topnav>button.active:after{bottom:0}
.dashboard-header .nav-actions{margin-left:auto;display:flex;align-items:center;gap:8px;padding-left:18px;flex:0 0 auto}
.dashboard-header .nav-actions .profile-trigger,.dashboard-header .nav-actions .theme-btn{height:36px}
/* The old green two-card signal grids remain removed from Daily Timing and Directions details. */
#clockInsight .signal-stack,#directionDetail .signal-stack{display:none!important}
@media(max-width:1320px){
  .dashboard-strip{grid-template-columns:repeat(3,minmax(150px,1fr))}
  .dashboard-tile{min-height:54px}
}
@media(max-width:900px){
  .topbar.dashboard-header{padding:9px 12px 0!important}
  .header-primary{flex-wrap:wrap;gap:8px}
  .header-primary .brand{min-width:0;flex:1}
  .dashboard-strip{order:3;flex:0 0 100%;grid-template-columns:repeat(3,minmax(0,1fr))}
  .header-secondary{margin-top:8px}
  .dashboard-header .topnav{width:auto!important;height:44px!important;min-height:44px;align-items:center;flex:1 1 auto}
  .dashboard-header .topnav>button{height:44px;justify-content:center;padding:0 8px;font-size:11px}
  .dashboard-header .nav-actions{padding-left:8px;gap:5px}
}
@media(max-width:650px){
  .dashboard-strip{grid-template-columns:1fr 1fr;gap:6px}
  .dashboard-tile{padding:8px 9px;min-height:58px}
  .dashboard-tile span{font-size:8px}.dashboard-tile b{font-size:12px}.dashboard-best-day b{font-size:10.5px}
  .dashboard-tile small{font-size:8.5px}
  .header-secondary{flex-wrap:wrap;padding-bottom:7px}
  .dashboard-header .topnav{width:100%!important;flex:0 0 100%;justify-content:space-between}
  .dashboard-header .topnav>button{flex:1;padding:0 5px}
  .dashboard-header .nav-actions{margin-left:auto;padding-left:0}
}



/* v19.28: more breathing room around the brand/dashboard and nav; purpose controls live inside each active section. */
.topbar.dashboard-header{padding:18px 24px 0!important}
.header-primary{padding-bottom:4px}
.header-secondary{margin-top:14px!important;padding:7px 0 10px!important}
.dashboard-header .topnav{height:50px!important}
.dashboard-header .topnav>button{height:50px!important;padding-left:14px!important;padding-right:14px!important}
.dashboard-header .nav-actions{padding-top:5px;padding-bottom:5px}
.section-toolbar-host{width:100%;min-height:0}
.section-toolbar{margin:0 0 14px!important;padding:12px 2px 4px!important;align-items:center!important}
.section-toolbar>.purpose-strip{flex:1 1 auto!important}
.section-toolbar>.toolbar-date-control{margin-left:auto!important}
#view-calendar .section-toolbar{padding-bottom:8px!important}
@media(max-width:900px){
  .topbar.dashboard-header{padding:14px 12px 0!important}
  .header-secondary{margin-top:10px!important;padding:6px 0 8px!important}
  .dashboard-header .topnav,.dashboard-header .topnav>button{height:48px!important}
  .section-toolbar{padding:10px 0 3px!important;margin-bottom:11px!important}
}
@media(max-width:720px){
  .section-toolbar{align-items:stretch!important}
  .section-toolbar>.toolbar-date-control{margin-left:0!important}
}



/* v19.29: compact primary header, dashboard on its own row, and one continuous purpose strip. */
.topbar.dashboard-header{
  display:block!important;height:auto!important;min-height:0!important;
  padding:17px 24px 14px!important;
  background:color-mix(in srgb,var(--panel) 94%,transparent)!important;
}
.header-primary{
  display:flex!important;align-items:center!important;gap:18px!important;width:100%;min-width:0;
  padding:0!important;
}
.header-primary .brand{min-width:210px!important;flex:0 0 auto}
.dashboard-header .topnav{
  display:flex!important;align-items:center!important;align-self:center!important;height:44px!important;
  width:auto!important;gap:2px!important;margin:0!important;order:initial!important;border:0!important;
}
.dashboard-header .topnav>button{height:44px!important;padding:0 14px!important}
.dashboard-header .topnav>button.active:after{bottom:-1px!important}
.dashboard-header .nav-actions{
  margin-left:auto!important;display:flex!important;align-items:center!important;gap:8px!important;
  padding:0!important;flex:0 0 auto!important;
}
.dashboard-header .nav-actions .profile-trigger,.dashboard-header .nav-actions .theme-btn{height:38px!important}
.dashboard-strip{
  display:grid!important;
  grid-template-columns:1.16fr .98fr .98fr 1.04fr 1.04fr 1.18fr 1.18fr!important;
  gap:8px!important;width:100%!important;margin-top:14px!important;min-width:0;
}
.dashboard-tile{min-height:64px!important;padding:9px 10px!important}
.dashboard-best-day b{font-size:10.8px!important;line-height:1.3!important}
/* Purpose buttons stay as one natural-width horizontal strip. More follows Legal immediately. */
.section-toolbar{
  display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important;
  padding:11px 2px 5px!important;margin:0 0 14px!important;
}
.purpose-row{
  display:flex!important;align-items:center!important;gap:8px!important;flex:0 1 auto!important;
  min-width:0;white-space:nowrap;
}
.purpose-row .purpose-strip{
  display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;
  flex-wrap:nowrap!important;padding:0!important;margin:0!important;
}
.purpose-row .purpose{flex:0 0 auto!important;white-space:nowrap!important}
.purpose-more-shell{flex:0 0 auto!important;margin:0!important}
.purpose-more{min-width:92px!important}
.section-toolbar>.toolbar-date-control{margin-left:auto!important;flex:0 0 auto!important}
@media(max-width:1180px){
  .header-primary{gap:10px!important}
  .header-primary .brand{min-width:185px!important}
  .dashboard-header .topnav>button{padding:0 9px!important;font-size:11px!important}
  .dashboard-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .purpose-row{overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .purpose-row::-webkit-scrollbar{display:none}
}
@media(max-width:820px){
  .topbar.dashboard-header{padding:12px!important}
  .header-primary{flex-wrap:wrap!important}
  .header-primary .brand{flex:1 1 auto!important}
  .dashboard-header .topnav{order:3!important;width:100%!important;flex:1 0 100%!important;justify-content:space-between!important;border-top:1px solid var(--line)!important}
  .dashboard-header .topnav>button{flex:1!important;justify-content:center!important}
  .dashboard-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:10px!important}
  .section-toolbar{flex-wrap:wrap!important;align-items:stretch!important}
  .purpose-row{flex:1 1 100%!important;width:100%!important}
  .section-toolbar>.toolbar-date-control{margin-left:0!important}
}
@media(max-width:520px){
  .dashboard-strip{grid-template-columns:1fr!important}
}



/* v19.30: dashboard becomes the default full-page view. */
.topbar.dashboard-header{padding-bottom:14px!important}
.header-primary{min-height:54px}
.dashboard-header .topnav>button[data-tab="dashboard"] svg{stroke-width:1.75}

/* The old header summary strip is retired; dashboard content now lives in view-dashboard. */
.dashboard-strip{display:none!important}

.dashboard-page{display:grid;gap:18px;max-width:1380px;margin:0 auto;padding:0 0 8px}
.dashboard-overview{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:14px;
  align-items:stretch;
}
.dashboard-welcome,.dashboard-current-time{
  border:1px solid var(--line);border-radius:20px;background:var(--panel);overflow:hidden;
}
.dashboard-welcome{padding:24px 26px;display:flex;flex-direction:column;justify-content:center;min-height:164px}
.dashboard-eyebrow{font-size:10px;line-height:1;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:10px}
.dashboard-welcome h2{margin:0;font-size:28px;line-height:1.12;letter-spacing:-.02em}
.dashboard-welcome p{margin:9px 0 0;max-width:720px;font-size:13px;line-height:1.55;color:var(--muted)}
.dashboard-live-line{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:11px;font-weight:800;color:var(--muted)}
.dashboard-live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex:0 0 auto}
.dashboard-current-time{padding:20px 22px;background:var(--blue);border-color:var(--blue);color:#fff;display:flex;flex-direction:column;justify-content:center}
.dashboard-current-time .dash-card-label{color:rgba(255,255,255,.76)}
.dashboard-current-time b{font-size:22px;line-height:1.2;color:#fff;margin-top:8px}
.dashboard-current-time small{margin-top:7px;color:rgba(255,255,255,.82);font-size:11px;font-weight:750}

.dashboard-section{border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:20px}
.dashboard-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.dashboard-section-head h3{margin:0;font-size:18px;letter-spacing:-.01em}
.dashboard-section-head p{margin:4px 0 0;font-size:11px;line-height:1.45;color:var(--muted)}
.dashboard-purpose-badge{flex:0 0 auto;border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:850;color:var(--muted);white-space:nowrap}

.dashboard-now-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dashboard-action-card{position:relative;min-height:158px;border-radius:18px;padding:18px 18px 16px;border:1px solid transparent;overflow:hidden;display:flex;flex-direction:column}
.dashboard-action-card.positive{background:#168b68;border-color:#168b68;color:#fff}
.dashboard-action-card.negative{background:#d94f4f;border-color:#d94f4f;color:#fff}
.dashboard-action-top{display:flex;align-items:center;gap:10px}
.dashboard-action-icon{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.16);display:grid;place-items:center;flex:0 0 auto}
.dashboard-action-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dash-card-label{font-size:9px;line-height:1.25;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.dashboard-action-card b{display:block;margin-top:14px;font-size:24px;line-height:1.12;font-weight:920;color:#fff;overflow-wrap:anywhere}
.dashboard-action-card small{display:block;margin-top:6px;font-size:10px;line-height:1.35;font-weight:760;color:rgba(255,255,255,.8)}
.dashboard-action-footer{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.2);font-size:10px;line-height:1.4;font-weight:760;color:rgba(255,255,255,.86)}

.dashboard-next-move{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.dashboard-guidance{border:1px solid var(--line);border-radius:16px;padding:14px 15px;background:var(--panel2)}
.dashboard-guidance strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}
.dashboard-guidance b{display:block;font-size:14px;line-height:1.42;color:var(--text)}
.dashboard-guidance.good{border-left:4px solid #168b68}
.dashboard-guidance.caution{border-left:4px solid #d94f4f}

.dashboard-today-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dashboard-day-card{border-radius:18px;padding:18px;border:1px solid transparent;min-height:140px}
.dashboard-day-card.positive{background:#168b68;border-color:#168b68;color:#fff}
.dashboard-day-card.negative{background:#d94f4f;border-color:#d94f4f;color:#fff}
.dashboard-day-card .dash-card-label{display:block}
.dashboard-day-card b{display:block;margin-top:12px;font-size:18px;line-height:1.35;font-weight:900;color:#fff}
.dashboard-day-card small{display:block;margin-top:7px;font-size:10px;font-weight:760;color:rgba(255,255,255,.82)}
.dashboard-day-hint{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.2);font-size:10px;line-height:1.45;color:rgba(255,255,255,.88)}

.dashboard-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.dashboard-shortcut{height:48px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--text);display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:850;cursor:pointer}
.dashboard-shortcut:hover{border-color:var(--blue);background:var(--blue2);color:var(--blue)}
.dashboard-shortcut svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Dashboard purpose chooser belongs to the page, without a date control. */
#controls-dashboard .section-toolbar{margin-bottom:16px!important;padding-top:2px!important}
#controls-dashboard .purpose-row{width:100%}
#controls-dashboard .purpose-strip{max-width:100%}

@media(max-width:980px){
  .dashboard-overview{grid-template-columns:1fr}
  .dashboard-current-time{min-height:118px}
  .dashboard-now-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .dashboard-page{gap:14px}
  .dashboard-welcome{padding:20px;min-height:0}
  .dashboard-welcome h2{font-size:24px}
  .dashboard-section{padding:15px}
  .dashboard-now-grid,.dashboard-next-move,.dashboard-today-grid{grid-template-columns:1fr}
  .dashboard-shortcuts{grid-template-columns:1fr}
  .dashboard-action-card{min-height:145px}
}



/* v19.31: compact visual dashboard with a flatter hierarchy. */
#controls-dashboard{max-width:1280px;margin:0 auto;padding:0 34px}
#controls-dashboard .section-toolbar{margin-bottom:12px!important;padding-top:0!important}
#controls-dashboard .purpose-row{width:auto!important;max-width:1080px!important;margin-left:22px}
#controls-dashboard .purpose-strip{flex:0 1 auto!important}
#controls-dashboard .purpose{padding:8px 11px!important;border-radius:11px!important}
#controls-dashboard .purpose-more{height:36px!important;border-radius:11px!important}
#controls-dashboard .toolbar-date-control{display:none!important}

.dashboard-page-v1931{max-width:1280px!important;gap:14px!important;padding:0 34px 12px!important}
.dashboard-contextbar{min-height:68px;border:1px solid var(--line);background:linear-gradient(120deg,var(--panel),var(--panel2));border-radius:18px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.dashboard-context-main{display:flex;align-items:center;gap:11px;min-width:0}
.dashboard-context-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--blue);color:#fff;flex:0 0 auto}
.dashboard-context-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dashboard-context-main span{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.dashboard-context-main b{display:block;margin-top:3px;font-size:17px;line-height:1.2;color:var(--text)}
.dashboard-context-meta{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.dashboard-context-chip{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;color:var(--muted)}
.dashboard-context-chip svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
.dashboard-purpose-badge{height:34px;display:flex;align-items:center;padding:0 11px!important;border-radius:10px!important;color:var(--blue)!important;background:var(--blue2)!important;border-color:color-mix(in srgb,var(--blue) 28%,var(--line))!important}

.dashboard-flat-section{padding:2px 0 0}
.dashboard-section-head.compact-head{margin:0 2px 10px!important;align-items:center}
.dashboard-section-head.compact-head h3{font-size:16px!important}
.dashboard-section-head.compact-head p{font-size:10px!important;margin-top:3px!important}
.dashboard-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dashboard-metric-card{position:relative;min-height:126px;border-radius:17px;padding:14px 14px 13px;overflow:hidden;color:#fff;display:flex;align-items:flex-start;gap:11px;border:0}
.dashboard-metric-card.positive{background:var(--signal-good);color:#07150c}
.dashboard-metric-card.negative{background:var(--signal-stop);color:#fff}
.dashboard-card-orb{width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.16);display:grid;place-items:center;flex:0 0 auto;position:relative;z-index:2}
.dashboard-card-orb svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dashboard-card-copy{position:relative;z-index:2;min-width:0;padding-top:1px}
.dashboard-card-copy .dash-card-label{display:block;font-size:8.5px;color:rgba(255,255,255,.78)}
.dashboard-card-copy b{display:block;margin-top:7px;font-size:19px;line-height:1.12;font-weight:900;color:#fff;overflow-wrap:anywhere}
.dashboard-card-copy small{display:block;margin-top:5px;font-size:9px;font-weight:760;color:rgba(255,255,255,.78)}
.dashboard-card-ghost{position:absolute;right:-17px;bottom:-20px;width:108px;height:108px;fill:none;stroke:rgba(255,255,255,.105);stroke-width:2.4;pointer-events:none}
.dashboard-metric-card.activity-card .dashboard-card-ghost{width:102px;height:102px;right:-14px;bottom:-17px}
.dashboard-advice-rail{margin-top:10px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;overflow:hidden}
.dashboard-advice-item{padding:10px 13px;min-width:0;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}
.dashboard-advice-item span{font-size:8.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.dashboard-advice-item b{font-size:10.5px;line-height:1.35;color:var(--text);font-weight:820;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-advice-item.good span{color:#168b68}.dashboard-advice-item.caution span{color:#d94f4f}
.dashboard-advice-divider{width:1px;background:var(--line);margin:7px 0}

.today-section{padding-top:4px}
.dashboard-window-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dashboard-window-card{min-height:98px;border-radius:17px;padding:13px 15px;border:0;color:#fff;display:flex;align-items:center;gap:13px;overflow:hidden;position:relative}
.dashboard-window-card.positive{background:var(--signal-good);color:#07150c}
.dashboard-window-card.negative{background:var(--signal-stop);color:#fff}
.dashboard-window-icons{display:flex;gap:5px;flex:0 0 auto}
.dashboard-window-icons span{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center}
.dashboard-window-icons span+span{margin-left:-13px;margin-top:23px;background:rgba(255,255,255,.2)}
.dashboard-window-icons svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dashboard-window-copy{min-width:0}
.dashboard-window-copy .dash-card-label{font-size:8.5px;color:rgba(255,255,255,.78)}
.dashboard-window-copy b{display:block;margin-top:6px;font-size:14px;line-height:1.28;font-weight:900;color:#fff}
.dashboard-window-copy small{display:block;margin-top:4px;font-size:9px;color:rgba(255,255,255,.78);font-weight:760}
.dashboard-shortcuts.compact-shortcuts{display:flex!important;justify-content:flex-end;gap:7px!important;margin-top:10px!important}
.dashboard-shortcuts.compact-shortcuts .dashboard-shortcut{width:auto!important;height:36px!important;padding:0 11px!important;border-radius:11px!important;font-size:10px!important;background:var(--panel)!important}
.dashboard-shortcuts.compact-shortcuts .dashboard-shortcut svg{width:14px!important;height:14px!important}

@media(max-width:1080px){
  #controls-dashboard,.dashboard-page-v1931{padding-left:18px!important;padding-right:18px!important}
  #controls-dashboard .purpose-row{margin-left:12px}
  .dashboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  #controls-dashboard,.dashboard-page-v1931{padding-left:0!important;padding-right:0!important}
  #controls-dashboard .purpose-row{margin-left:0;max-width:100%!important}
  .dashboard-contextbar{align-items:flex-start;flex-direction:column}
  .dashboard-context-meta{width:100%;justify-content:space-between}
  .dashboard-metric-grid,.dashboard-window-grid{grid-template-columns:1fr}
  .dashboard-advice-rail{grid-template-columns:1fr}
  .dashboard-advice-divider{width:auto;height:1px;margin:0 10px}
  .dashboard-advice-item{grid-template-columns:1fr;gap:3px}
  .dashboard-advice-item b{white-space:normal}
  .dashboard-shortcuts.compact-shortcuts{justify-content:stretch}
  .dashboard-shortcuts.compact-shortcuts .dashboard-shortcut{flex:1;padding:0 7px!important}
}



/* v19.32: dashboard returns to the same full-width geometry as Daily Timing. */
#controls-dashboard{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
#controls-dashboard .section-toolbar{width:100%!important;justify-content:flex-start!important}
#controls-dashboard .purpose-row{margin:0!important;flex:0 1 auto!important}
#controls-dashboard .purpose-strip{flex:0 0 auto!important}
#controls-dashboard .toolbar-date-control{display:flex!important;margin-left:auto!important;flex:0 0 auto!important}
.dashboard-page-v1931.dashboard-page-v1932{max-width:none!important;width:100%!important;margin:0!important;padding:0 0 8px!important;display:block!important}
.dashboard-layout-v1932{display:grid;grid-template-columns:minmax(560px,1.6fr) minmax(300px,.8fr);gap:16px;align-items:stretch}
.dashboard-left-v1932{padding:20px;min-height:720px;display:flex;flex-direction:column;gap:22px}
.dashboard-reserved-v1932{min-height:720px;background:var(--panel)}
.dashboard-context-v1932{min-height:76px!important;border-radius:15px!important;padding:12px 14px!important;background:var(--panel2)!important}
.dashboard-stack-section{display:flex;flex-direction:column;gap:12px}
.dashboard-stack-section .dashboard-section-head.compact-head{margin:0!important}
.dashboard-stack-section .dashboard-section-head.compact-head h3{font-size:18px!important}
.dashboard-stack-section .dashboard-section-head.compact-head p{font-size:11px!important;line-height:1.45!important}
.dashboard-pair-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dashboard-left-v1932 .dashboard-metric-card{min-height:138px;padding:16px;border-radius:16px}
.dashboard-left-v1932 .dashboard-card-copy b{font-size:21px;margin-top:8px}
.dashboard-left-v1932 .dashboard-card-copy small{font-size:9.5px}
.dashboard-advice-stack-v1932{display:grid;gap:8px}
.dashboard-guidance-line{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;align-items:center;min-height:50px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}
.dashboard-guidance-line span{font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.dashboard-guidance-line b{font-size:11px;line-height:1.42;color:var(--text);font-weight:820}
.dashboard-guidance-line.good{border-left:4px solid #168b68}.dashboard-guidance-line.good span{color:#168b68}
.dashboard-guidance-line.caution{border-left:4px solid #d94f4f}.dashboard-guidance-line.caution span{color:#d94f4f}
.dashboard-today-v1932{margin-top:auto;padding-top:2px}
.dashboard-window-grid-v1932{grid-template-columns:1fr 1fr!important;gap:12px!important}
.dashboard-left-v1932 .dashboard-window-card{min-height:112px;padding:15px 16px;border-radius:16px}
.dashboard-shortcuts-v1932{margin-top:0!important}
@media(max-width:1100px){
  .dashboard-layout-v1932{grid-template-columns:1fr}
  .dashboard-reserved-v1932{min-height:320px}
}
@media(max-width:720px){
  .dashboard-left-v1932{padding:14px;min-height:0;gap:17px}
  .dashboard-reserved-v1932{min-height:240px}
  .dashboard-pair-row,.dashboard-window-grid-v1932{grid-template-columns:1fr!important}
  .dashboard-guidance-line{grid-template-columns:1fr;gap:4px}
}



/* v19.33: Dashboard uses the exact same shared purpose/date toolbar geometry as Daily Timing. */
#controls-dashboard .section-toolbar{padding:11px 2px 5px!important;margin:0 0 14px!important;display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow:visible!important}
#controls-dashboard .purpose-row{display:flex!important;align-items:center!important;gap:8px!important;flex:0 1 auto!important;width:auto!important;max-width:none!important;margin:0!important;white-space:nowrap!important}
#controls-dashboard .purpose-strip{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;flex-wrap:nowrap!important;padding:0!important;margin:0!important}
#controls-dashboard .purpose-more-shell{flex:0 0 auto!important;margin:0!important}
#controls-dashboard .toolbar-date-control{display:flex!important;margin-left:auto!important;margin-right:0!important;flex:0 0 auto!important}
@media(max-width:720px){
  #controls-dashboard .section-toolbar{align-items:stretch!important;flex-wrap:wrap!important;overflow:visible!important}
  #controls-dashboard .purpose-row{flex:1 1 100%!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;scrollbar-width:none}
  #controls-dashboard .purpose-row::-webkit-scrollbar{display:none}
  #controls-dashboard .toolbar-date-control{margin-left:0!important}
}



/* v19.34: remove narrative guidance; denser dashboard tiles; Today's Windows occupies the right column. */
.dashboard-advice-stack-v1932{display:none!important}
.dashboard-left-v1932 .dashboard-metric-card{min-height:116px!important;padding:14px 15px!important}
.dashboard-left-v1932 .dashboard-card-copy .dash-card-label{font-size:10px!important;line-height:1.25!important;letter-spacing:.065em!important}
.dashboard-left-v1932 .dashboard-card-copy b{font-size:25px!important;line-height:1.08!important;margin-top:7px!important}
.dashboard-left-v1932 .dashboard-card-copy small{font-size:11px!important;line-height:1.3!important;margin-top:5px!important}
.dashboard-left-v1932 .dashboard-card-orb{width:38px!important;height:38px!important;border-radius:11px!important}
.dashboard-left-v1932 .dashboard-card-orb svg{width:20px!important;height:20px!important}
.dashboard-today-column-v1934{padding:20px!important;display:flex!important;flex-direction:column!important;min-height:720px!important}
.dashboard-today-column-v1934 .dashboard-today-v1932{margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:14px!important;height:100%!important}
.dashboard-today-column-v1934 .dashboard-window-grid-v1932{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
.dashboard-today-column-v1934 .dashboard-window-card{min-height:126px!important;padding:16px!important;border-radius:16px!important}
.dashboard-today-column-v1934 .dashboard-window-copy .dash-card-label{font-size:10px!important;line-height:1.25!important;letter-spacing:.06em!important}
.dashboard-today-column-v1934 .dashboard-window-copy b{font-size:20px!important;line-height:1.2!important;margin-top:8px!important}
.dashboard-today-column-v1934 .dashboard-window-copy small{font-size:11px!important;line-height:1.3!important;margin-top:6px!important}
.dashboard-today-column-v1934 .dashboard-window-icons span{width:38px!important;height:38px!important}
.dashboard-today-column-v1934 .dashboard-window-icons svg{width:19px!important;height:19px!important}
.dashboard-today-column-v1934 .dashboard-shortcuts-v1932{margin-top:auto!important;padding-top:8px!important;justify-content:stretch!important}
.dashboard-today-column-v1934 .dashboard-shortcuts-v1932 .dashboard-shortcut{flex:1!important}
@media(max-width:1100px){
  .dashboard-today-column-v1934{min-height:0!important}
  .dashboard-today-column-v1934 .dashboard-window-grid-v1932{grid-template-columns:1fr 1fr!important}
  .dashboard-today-column-v1934 .dashboard-shortcuts-v1932{margin-top:0!important}
}
@media(max-width:720px){
  .dashboard-today-column-v1934{padding:14px!important}
  .dashboard-today-column-v1934 .dashboard-window-grid-v1932{grid-template-columns:1fr!important}
  .dashboard-left-v1932 .dashboard-card-copy b{font-size:22px!important}
}



/* v19.35: current timing becomes a standalone header; This Hour and Today's Windows rows align. */
.dashboard-current-row-v1935{
  width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;
  padding:4px 2px 13px;margin:0 0 14px;border-bottom:1px solid var(--line);
}
.dashboard-current-heading-v1935{min-width:0}
.dashboard-current-heading-v1935 h2{margin:0;font-size:18px;line-height:1.2;letter-spacing:-.01em;color:var(--text)}
.dashboard-current-heading-v1935 div{margin-top:4px;font-size:11px;line-height:1.35;font-weight:800;color:var(--muted)}
.dashboard-current-meta-v1935{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.dashboard-current-location-v1935,.dashboard-current-purpose-v1935{
  min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);
  display:inline-flex;align-items:center;font-size:10px;line-height:1;font-weight:850;color:var(--muted);white-space:nowrap
}
.dashboard-current-purpose-v1935{color:var(--blue);background:var(--blue2);border-color:color-mix(in srgb,var(--blue) 28%,var(--line))}

.dashboard-layout-v1932{align-items:start!important}
.dashboard-left-v1932,.dashboard-today-column-v1934{min-height:0!important;padding:20px!important}
.dashboard-left-v1932>.dashboard-stack-section,.dashboard-today-column-v1934>.dashboard-stack-section{gap:12px!important;height:auto!important}
.dashboard-left-v1932 .dashboard-section-head.compact-head,.dashboard-today-column-v1934 .dashboard-section-head.compact-head{
  height:56px!important;min-height:56px!important;margin:0!important;align-items:flex-start!important;overflow:hidden
}
.dashboard-left-v1932 .dashboard-pair-row{height:132px!important;min-height:132px!important}
.dashboard-left-v1932 .dashboard-metric-card{height:132px!important;min-height:132px!important;box-sizing:border-box}
.dashboard-today-column-v1934 .dashboard-window-grid-v1932{
  display:grid!important;grid-template-columns:1fr!important;grid-template-rows:132px 132px!important;gap:12px!important
}
.dashboard-today-column-v1934 .dashboard-window-card{height:132px!important;min-height:132px!important;box-sizing:border-box}
.dashboard-today-column-v1934 .dashboard-today-v1932{height:auto!important;gap:12px!important}
.dashboard-shortcuts-v1932{display:none!important}

@media(max-width:1100px){
  .dashboard-current-row-v1935{padding-left:2px;padding-right:2px}
  .dashboard-left-v1932 .dashboard-section-head.compact-head,.dashboard-today-column-v1934 .dashboard-section-head.compact-head{height:auto!important;min-height:56px!important}
}
@media(max-width:720px){
  .dashboard-current-row-v1935{align-items:flex-start;flex-direction:column;gap:8px;padding-bottom:11px}
  .dashboard-current-meta-v1935{width:100%;justify-content:flex-start;flex-wrap:wrap}
  .dashboard-left-v1932 .dashboard-pair-row{height:auto!important;min-height:0!important}
  .dashboard-left-v1932 .dashboard-metric-card{height:auto!important;min-height:116px!important}
  .dashboard-today-column-v1934 .dashboard-window-grid-v1932{grid-template-rows:none!important}
  .dashboard-today-column-v1934 .dashboard-window-card{height:auto!important;min-height:126px!important}
}



/* v19.36: restore the Current Timing bar and keep date/time/location on one row. */
.dashboard-current-row-v1935{
  width:100%!important;min-height:66px!important;display:grid!important;
  grid-template-columns:auto minmax(250px,1fr) minmax(180px,.65fr) auto!important;
  align-items:center!important;gap:22px!important;margin:0 0 14px!important;padding:13px 18px!important;
  border:0!important;border-radius:15px!important;box-shadow:none!important;overflow:hidden!important;
}
.app[data-theme="light"] .dashboard-current-row-v1935{
  background:#2f7de1!important;color:#fff!important;
}
.app[data-theme="dark"] .dashboard-current-row-v1935{
  background:#173f73!important;color:#f8fbff!important;
}
.dashboard-current-heading-v1935{min-width:max-content!important}
.dashboard-current-heading-v1935 h2{
  margin:0!important;font-size:18px!important;line-height:1.1!important;font-weight:900!important;
  letter-spacing:-.01em!important;color:inherit!important;white-space:nowrap!important;
}
.dashboard-current-value-v1936{
  min-width:0!important;font-size:18px!important;line-height:1.15!important;font-weight:900!important;
  color:inherit!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.dashboard-current-location-v1935{
  min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  font-size:17px!important;line-height:1.15!important;font-weight:900!important;color:inherit!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.dashboard-current-meta-v1935{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:max-content!important}
.dashboard-current-purpose-v1935{
  min-height:30px!important;padding:0 10px!important;border-radius:9px!important;font-size:10px!important;font-weight:900!important;
}
.app[data-theme="light"] .dashboard-current-purpose-v1935{
  color:#fff!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.28)!important;
}
.app[data-theme="dark"] .dashboard-current-purpose-v1935{
  color:#dbeafe!important;background:rgba(147,197,253,.12)!important;border:1px solid rgba(147,197,253,.26)!important;
}
@media(max-width:1100px){
  .dashboard-current-row-v1935{grid-template-columns:auto minmax(190px,1fr) minmax(140px,.55fr) auto!important;gap:14px!important}
  .dashboard-current-value-v1936{font-size:16px!important}.dashboard-current-location-v1935{font-size:15px!important}
}
@media(max-width:720px){
  .dashboard-current-row-v1935{display:grid!important;grid-template-columns:1fr auto!important;gap:8px 12px!important;padding:13px 14px!important}
  .dashboard-current-heading-v1935{grid-column:1/2!important}.dashboard-current-meta-v1935{grid-column:2/3!important;grid-row:1!important}
  .dashboard-current-value-v1936{grid-column:1/-1!important;font-size:16px!important;white-space:normal!important}
  .dashboard-current-location-v1935{grid-column:1/-1!important;font-size:15px!important;white-space:normal!important}
}



/* v19.37: keep location immediately beside live time; split AM/PM windows into separate visual rows. */
.dashboard-current-row-v1935{
  display:flex!important;align-items:center!important;gap:12px!important;
}
.dashboard-current-primary-v1937{
  display:inline-flex!important;align-items:center!important;gap:10px!important;min-width:0!important;
}
.dashboard-current-primary-v1937 .dashboard-current-value-v1936,
.dashboard-current-primary-v1937 .dashboard-current-location-v1935{flex:0 0 auto!important}
.dashboard-current-location-v1935{font-size:18px!important}
.dashboard-current-meta-v1935{margin-left:auto!important}
.dashboard-window-split-v1937{
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:10px!important;
}
.dashboard-window-split-v1937 .dashboard-window-copy{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:10px!important}
.dashboard-window-split-v1937 .dashboard-window-copy small{margin:0!important;white-space:nowrap!important}
.dashboard-window-time-rows-v1937{display:grid!important;grid-template-rows:1fr 1fr!important;gap:6px!important;min-height:0!important;flex:1 1 auto!important}
.dashboard-window-time-row-v1937{
  min-height:34px!important;display:flex!important;align-items:center!important;gap:10px!important;
  padding:5px 8px!important;border-radius:10px!important;background:rgba(255,255,255,.10)!important;box-sizing:border-box!important;
}
.dashboard-window-time-row-v1937+.dashboard-window-time-row-v1937{border-top:1px solid rgba(255,255,255,.18)!important}
.dashboard-window-row-icon-v1937{width:25px!important;height:25px!important;border-radius:8px!important;background:rgba(255,255,255,.14)!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}
.dashboard-window-row-icon-v1937 svg{width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.dashboard-window-time-row-v1937 b{margin:0!important;font-size:16px!important;line-height:1.15!important;font-weight:900!important;color:#fff!important;white-space:nowrap!important}
@media(max-width:1100px){
  .dashboard-current-row-v1935{gap:9px!important}
  .dashboard-current-primary-v1937{gap:8px!important;min-width:0!important}
  .dashboard-current-location-v1935{font-size:16px!important}
}
@media(max-width:720px){
  .dashboard-current-row-v1935{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 10px!important}
  .dashboard-current-heading-v1935{flex:0 0 auto!important}
  .dashboard-current-primary-v1937{flex:1 1 auto!important;flex-wrap:wrap!important}
  .dashboard-current-meta-v1935{margin-left:0!important}
  .dashboard-current-value-v1936,.dashboard-current-location-v1935{white-space:normal!important}
  .dashboard-window-time-row-v1937 b{font-size:15px!important;white-space:normal!important}
}



/* v19.42: weekday/date/time/location read as one compact dot-separated current-timing line. */
.dashboard-current-location-v1935::before{
  content:"·";display:inline-block;margin:0 10px 0 0;color:currentColor;font-weight:900;opacity:.78;
}
@media(max-width:720px){
  .dashboard-current-location-v1935::before{margin-right:8px}
}



/* v19.38: dashboard result tiles link directly to their matching detailed view. */
.dashboard-link-card,.dashboard-window-link-row{cursor:pointer}
.dashboard-link-card{transition:filter .14s ease,transform .14s ease}
.dashboard-link-card:hover{filter:brightness(1.055)}
.dashboard-link-card:active{transform:translateY(1px)}
.dashboard-link-card:focus-visible,.dashboard-window-link-row:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.dashboard-window-link-row{transition:background .14s ease}
.dashboard-window-link-row:hover{background:rgba(255,255,255,.18)!important}
.dashboard-window-link-row:active{background:rgba(255,255,255,.22)!important}



/* v19.39: reserve the left dashboard column; stack This Hour and Today's Windows in the right column. */
.dashboard-layout-v1932{grid-template-columns:minmax(560px,1.6fr) minmax(300px,.8fr)!important;align-items:stretch!important}
.dashboard-empty-v1939{min-height:720px!important;background:var(--panel)!important}
.dashboard-right-v1939{min-height:720px!important;padding:0!important;display:flex!important;flex-direction:column!important;background:var(--panel)!important;overflow:hidden!important}
.dashboard-right-v1939>.dashboard-stack-section{padding:20px!important;display:flex!important;flex-direction:column!important;gap:12px!important}
.dashboard-right-v1939>.dashboard-stack-section+.dashboard-stack-section{border-top:1px solid var(--line)!important}
.dashboard-right-v1939 .dashboard-section-head.compact-head{height:auto!important;min-height:56px!important;margin:0!important;align-items:flex-start!important;overflow:visible!important}
.dashboard-right-v1939 .dashboard-section-head.compact-head h3{font-size:18px!important}
.dashboard-right-v1939 .dashboard-section-head.compact-head p{font-size:11px!important;line-height:1.45!important}
.dashboard-this-hour-v1939{flex:1 1 auto!important}
.dashboard-this-hour-v1939 .dashboard-pair-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;height:auto!important;min-height:0!important}
.dashboard-this-hour-v1939 .dashboard-metric-card{height:auto!important;min-height:118px!important;padding:14px 13px!important;box-sizing:border-box!important}
.dashboard-this-hour-v1939 .dashboard-card-copy .dash-card-label{font-size:9.5px!important}
.dashboard-this-hour-v1939 .dashboard-card-copy b{font-size:21px!important;line-height:1.08!important;margin-top:6px!important}
.dashboard-this-hour-v1939 .dashboard-card-copy{flex:1 1 0!important;min-width:0!important}
.dashboard-this-hour-v1939 .dashboard-card-copy b{white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;max-width:100%!important}
.dashboard-this-hour-v1939 .dashboard-card-copy small{font-size:10px!important;line-height:1.25!important;margin-top:4px!important}
.dashboard-this-hour-v1939 .dashboard-card-orb{width:34px!important;height:34px!important;border-radius:10px!important}
.dashboard-this-hour-v1939 .dashboard-card-orb svg{width:18px!important;height:18px!important}
.dashboard-today-v1939{flex:0 0 auto!important}
.dashboard-today-v1939 .dashboard-window-grid-v1932{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:none!important;gap:10px!important}
.dashboard-today-v1939 .dashboard-window-card{height:auto!important;min-height:132px!important;padding:14px!important;box-sizing:border-box!important}
@media(max-width:1100px){
  .dashboard-layout-v1932{grid-template-columns:1fr!important}
  .dashboard-empty-v1939{min-height:320px!important}
  .dashboard-right-v1939{min-height:0!important}
}
@media(max-width:720px){
  .dashboard-empty-v1939{min-height:240px!important}
  .dashboard-right-v1939>.dashboard-stack-section{padding:14px!important}
  .dashboard-this-hour-v1939 .dashboard-pair-row{grid-template-columns:1fr!important}
  .dashboard-this-hour-v1939 .dashboard-metric-card{min-height:112px!important}
}



/* v19.40: This Hour and Today's Windows share the left dashboard column side by side; right column is reserved. */
.dashboard-layout-v1932{grid-template-columns:minmax(560px,1.6fr) minmax(300px,.8fr)!important;align-items:stretch!important}
.dashboard-left-v1940{
  min-height:720px!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:stretch!important;
  background:var(--panel)!important;
  overflow:hidden!important;
}
.dashboard-left-v1940>.dashboard-stack-section{
  padding:20px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  min-width:0!important;
}
.dashboard-left-v1940>.dashboard-stack-section+.dashboard-stack-section{
  border-left:1px solid var(--line)!important;
  border-top:0!important;
}
.dashboard-left-v1940 .dashboard-section-head.compact-head{
  height:auto!important;
  min-height:56px!important;
  margin:0!important;
  align-items:flex-start!important;
  overflow:visible!important;
}
.dashboard-left-v1940 .dashboard-section-head.compact-head h3{font-size:18px!important}
.dashboard-left-v1940 .dashboard-section-head.compact-head p{font-size:11px!important;line-height:1.45!important}
.dashboard-left-v1940 .dashboard-pair-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  height:auto!important;
  min-height:0!important;
}
.dashboard-left-v1940 .dashboard-metric-card{
  height:auto!important;
  min-height:132px!important;
  padding:14px 13px!important;
  box-sizing:border-box!important;
}
.dashboard-left-v1940 .dashboard-card-copy .dash-card-label{font-size:9.5px!important}
.dashboard-left-v1940 .dashboard-card-copy b{font-size:21px!important;line-height:1.08!important;margin-top:6px!important}
.dashboard-left-v1940 .dashboard-card-copy small{font-size:10px!important;line-height:1.25!important;margin-top:4px!important}
.dashboard-left-v1940 .dashboard-card-orb{width:34px!important;height:34px!important;border-radius:10px!important}
.dashboard-left-v1940 .dashboard-card-orb svg{width:18px!important;height:18px!important}
.dashboard-left-v1940 .dashboard-window-grid-v1932{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:none!important;
  gap:10px!important;
}
.dashboard-left-v1940 .dashboard-window-card{
  height:auto!important;
  min-height:132px!important;
  padding:14px!important;
  box-sizing:border-box!important;
}
.dashboard-empty-v1940{min-height:720px!important;background:var(--panel)!important}
@media(max-width:1100px){
  .dashboard-layout-v1932{grid-template-columns:1fr!important}
  .dashboard-left-v1940{min-height:0!important}
  .dashboard-empty-v1940{min-height:320px!important}
}
@media(max-width:760px){
  .dashboard-left-v1940{grid-template-columns:1fr!important}
  .dashboard-left-v1940>.dashboard-stack-section{padding:14px!important}
  .dashboard-left-v1940>.dashboard-stack-section+.dashboard-stack-section{border-left:0!important;border-top:1px solid var(--line)!important}
  .dashboard-left-v1940 .dashboard-pair-row{grid-template-columns:1fr!important}
  .dashboard-left-v1940 .dashboard-metric-card{min-height:112px!important}
  .dashboard-empty-v1940{min-height:240px!important}
}



/* v19.41: dashboard columns wrap the visible grids instead of forcing a tall panel. */
.dashboard-layout-v1932{align-items:stretch!important;}
.dashboard-left-v1940{min-height:0!important;height:auto!important;align-self:start!important;}
.dashboard-empty-v1940{min-height:0!important;height:auto!important;align-self:stretch!important;}
@media(max-width:1100px){
  .dashboard-empty-v1940{min-height:0!important;height:0!important;border:0!important;padding:0!important;}
}



/* v19.43: make the location separator visually identical to the date/time separators. */
.dashboard-current-location-v1935::before{
  content:"·"!important;
  font:inherit!important;
  font-size:1em!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  color:currentColor!important;
  opacity:1!important;
  vertical-align:baseline!important;
}



/* v19.44: This Hour, Today's Windows, and the reserved dashboard area are three separate equal-width panels. */
.dashboard-layout-v1932{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.dashboard-left-v1940{
  display:contents!important;
}
.dashboard-left-v1940>.dashboard-stack-section{
  min-width:0!important;
  margin:0!important;
  padding:20px!important;
  border:1px solid var(--line)!important;
  border-radius:20px!important;
  background:var(--panel)!important;
  overflow:hidden!important;
  align-self:stretch!important;
}
.dashboard-left-v1940>.dashboard-stack-section+.dashboard-stack-section{
  border:1px solid var(--line)!important;
}
.dashboard-empty-v1940{
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  align-self:stretch!important;
}
@media(max-width:1100px){
  .dashboard-layout-v1932{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .dashboard-empty-v1940{height:auto!important;border:1px solid var(--line)!important;padding:20px!important}
}
@media(max-width:900px){
  .dashboard-layout-v1932{grid-template-columns:1fr!important}
  .dashboard-left-v1940>.dashboard-stack-section{padding:16px!important}
  .dashboard-empty-v1940{min-height:180px!important;padding:16px!important}
}
@media(max-width:760px){
  .dashboard-left-v1940>.dashboard-stack-section+.dashboard-stack-section{
    border:1px solid var(--line)!important;
  }
}



.dashboard-daily-luck-v1948{min-height:0;padding:20px;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.daily-luck-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:56px}.daily-luck-head h3{margin:2px 0 0;font-size:20px}.daily-luck-head p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.4}.daily-luck-score-badge{min-width:118px;min-height:46px;padding:8px 12px;border-radius:14px;display:grid;place-items:center;text-align:center;font-size:14px;line-height:1.12;font-weight:950;background:var(--panel2);border:1px solid var(--line)}
.daily-luck-visual{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:17px;background:var(--panel2)}
.daily-luck-person{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:220px}.daily-luck-person svg{width:128px;height:208px;overflow:visible}.daily-luck-person .luck-silhouette-bg{fill:color-mix(in srgb,var(--muted) 13%,transparent)}.daily-luck-person .luck-silhouette-fill{fill:var(--signal-warn);transition:y .35s ease,height .35s ease,fill .25s ease}.daily-luck-person .luck-silhouette-outline{fill:none;stroke:color-mix(in srgb,var(--text) 52%,transparent);stroke-width:2}.daily-luck-disclaimer{max-width:150px;text-align:center;font-size:9px;line-height:1.35;color:var(--muted);margin-top:-5px}
.daily-luck-copy .daily-luck-grade{font-size:26px;font-weight:950;line-height:1.05}.daily-luck-copy .daily-luck-sub{margin-top:6px;font-size:11px;color:var(--muted);line-height:1.45}.daily-luck-coverage{margin-top:8px;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.daily-luck-activity-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.daily-luck-activity-btn{min-height:44px;border:1px solid #111;border-radius:12px;padding:10px 12px;text-align:left;font:inherit;font-size:11px;font-weight:950;line-height:1.3;color:#080808;cursor:default;box-shadow:none}.daily-luck-activity-btn.best{background:var(--signal-good);border-color:color-mix(in srgb,var(--signal-good) 72%,#111)}.daily-luck-activity-btn.worst{background:var(--signal-stop);border-color:color-mix(in srgb,var(--signal-stop) 72%,#111)}.daily-luck-activity-btn span{font-weight:950}.daily-luck-activity-btn b{font-weight:900}@media(max-width:560px){.daily-luck-activity-buttons{grid-template-columns:1fr}}
/* v19.142: Day's Luck activity cards use their own Almanac priority strength, not the overall day grade. */
.daily-luck-activity-btn.activity-good{background:var(--signal-good);border-color:color-mix(in srgb,var(--signal-good) 72%,#111);color:#080808}
.daily-luck-activity-btn.activity-relative{background:var(--signal-warn);border-color:color-mix(in srgb,var(--signal-warn) 72%,#111);color:#080808}
.daily-luck-activity-btn.activity-bad{background:var(--signal-stop);border-color:color-mix(in srgb,var(--signal-stop) 72%,#111);color:#080808}
.daily-luck-activity-btn.activity-good span,.daily-luck-activity-btn.activity-good b,.daily-luck-activity-btn.activity-relative span,.daily-luck-activity-btn.activity-relative b,.daily-luck-activity-btn.activity-bad span,.daily-luck-activity-btn.activity-bad b{color:#080808}
.daily-insight-list{display:grid;gap:8px;margin-top:13px}.daily-insight-row{display:grid;grid-template-columns:88px 1fr;gap:8px;align-items:center}.daily-insight-row span{font-size:10px;font-weight:850}.daily-insight-track{height:7px;border-radius:999px;background:var(--signal-stop);border:1px solid #fff;overflow:hidden}.daily-insight-track i{display:block;height:100%;width:0;background:var(--blue);border-radius:999px;transition:width .3s ease}
.cal-stat.combined-cal-stat{grid-template-columns:repeat(2,minmax(0,1fr))}.cal-stat .score-source{font-size:9px;color:var(--muted);margin-top:2px}
@media(max-width:1100px){.dashboard-daily-luck-v1948{min-height:auto}.daily-luck-visual{grid-template-columns:135px 1fr}}
@media(max-width:720px){.daily-luck-visual{grid-template-columns:1fr}.daily-luck-person{min-height:175px}.daily-luck-person svg{height:170px}}

/* v19.64: practical three-column daily dos / neutral / don'ts from Almanac 宜忌. */
.dashboard-day-guide-v1956{margin-top:14px;padding:20px;overflow:hidden}
.day-guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.day-guide-head h3{margin:2px 0 0;font-size:20px}.day-guide-date{font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:var(--panel2);white-space:nowrap}
.day-guide-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.day-guide-group{border:1px solid var(--line);border-radius:17px;padding:14px;min-height:168px}.day-guide-group.favour{background:color-mix(in srgb,var(--signal-good) 8%,var(--panel2));border-color:color-mix(in srgb,var(--signal-good) 35%,var(--line))}.day-guide-group.neutral{background:color-mix(in srgb,var(--signal-warn) 7%,var(--panel2));border-color:color-mix(in srgb,var(--signal-warn) 28%,var(--line))}.day-guide-group.avoid{background:color-mix(in srgb,var(--signal-stop) 8%,var(--panel2));border-color:color-mix(in srgb,var(--signal-stop) 35%,var(--line))}
.day-guide-group-head{display:flex;align-items:center;gap:8px;margin-bottom:11px}.day-guide-group-mark{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto}.day-guide-group-mark svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.day-guide-group.favour .day-guide-group-mark{background:color-mix(in srgb,var(--signal-good) 16%,transparent);color:var(--signal-good)}.day-guide-group.neutral .day-guide-group-mark{background:color-mix(in srgb,var(--signal-warn) 16%,transparent);color:var(--signal-warn)}.day-guide-group.avoid .day-guide-group-mark{background:color-mix(in srgb,var(--signal-stop) 16%,transparent);color:var(--signal-stop)}.day-guide-group h4{margin:0;font-size:13px}
.day-guide-items{display:grid;grid-template-columns:1fr;gap:7px}.day-guide-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;border:1px solid color-mix(in srgb,var(--line) 90%,transparent);border-radius:12px;background:color-mix(in srgb,var(--panel) 82%,transparent);padding:8px 9px;min-height:50px}.day-guide-item-icon{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--panel);display:grid;place-items:center}.day-guide-item-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.day-guide-item-name{font-size:10.5px;font-weight:850;line-height:1.25}.day-guide-group.favour .day-guide-item-icon{color:var(--signal-good);border-color:color-mix(in srgb,var(--signal-good) 30%,var(--line))}.day-guide-group.avoid .day-guide-item-icon{color:var(--signal-stop);border-color:color-mix(in srgb,var(--signal-stop) 30%,var(--line))}.day-guide-group.neutral .day-guide-item.caution .day-guide-item-icon{color:var(--signal-warn);border-color:color-mix(in srgb,var(--signal-warn) 35%,var(--line))}.day-guide-empty{color:var(--muted);font-size:10.5px;padding:8px 2px}
@media(max-width:980px){.day-guide-groups{grid-template-columns:1fr}.day-guide-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.day-guide-head{align-items:flex-start}.dashboard-day-guide-v1956{padding:16px}.day-guide-groups{grid-template-columns:1fr}.day-guide-items{grid-template-columns:1fr}}



#app,#app *{word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
.dashboard-card-copy b,.dashboard-card-copy small,.dashboard-window-copy,.dashboard-window-copy small,.purpose,.purpose-more,.day-guide-item-name{word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
.dashboard-card-copy small{white-space:nowrap!important}
.dashboard-this-hour-v1939 .dashboard-card-copy small{white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}



@media(max-width:720px){
  .dashboard-today-v1939 .dashboard-window-card,.dashboard-today-v1939 .dashboard-window-split-v1937{align-items:stretch!important;text-align:left!important}
  .dashboard-today-v1939 .dashboard-window-copy{justify-content:flex-start!important;align-items:baseline!important;text-align:left!important;flex-wrap:wrap!important}
  .dashboard-today-v1939 .dashboard-window-time-row-v1937{justify-content:flex-start!important;text-align:left!important}
}



/* Calendar hierarchy: date selection first, compact Qi Men hour preview second. */
.calendar-selected-activity-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0 10px;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:var(--panel2);color:var(--text)}
.calendar-selected-activity-bar.good{background:var(--signal-good);border-color:#15803d;color:#080808}
.calendar-selected-activity-bar.neutral{background:var(--signal-warn);border-color:#a16207;color:#080808}
.calendar-selected-activity-bar.bad{background:var(--signal-stop);border-color:#991b1b;color:#fff}
.calendar-selected-activity-copy{min-width:0}.calendar-selected-activity-copy small{display:block;font-size:9px;line-height:1.2;font-weight:900;letter-spacing:.05em;text-transform:uppercase;opacity:.76}.calendar-selected-activity-copy b{display:block;margin-top:3px;font-size:13px;line-height:1.3}.calendar-selected-activity-status{flex:0 0 auto;font-size:11px;font-weight:950;text-transform:none;white-space:nowrap}
.calendar-timing-preview{margin-top:12px;border-top:1px solid var(--line);padding-top:12px;display:grid;gap:10px;min-height:0}
.calendar-timing-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.calendar-timing-preview-head h4{margin:0;font-size:12px}
.calendar-hour-preview-list{display:grid;gap:9px}.calendar-hour-preview{border:0;border-radius:13px;padding:10px 11px;min-width:0;color:#111}.calendar-hour-preview.state-good{background:var(--signal-good)}.calendar-hour-preview.state-relative{background:var(--signal-warn)}.calendar-hour-preview.state-bad{background:var(--signal-stop);color:#fff}.calendar-hour-preview-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.calendar-hour-preview-title small{font-size:8.5px;letter-spacing:.05em;text-transform:uppercase;color:inherit;font-weight:900;opacity:.76}.calendar-hour-preview-title b{font-size:11px;line-height:1.25;text-align:right;color:inherit}.calendar-hour-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.calendar-hour-line{border-radius:10px;padding:8px 9px;border:0;min-width:0;color:#111}.calendar-hour-line.good{background:var(--signal-good)}.calendar-hour-line.bad{background:var(--signal-stop);color:#fff}.calendar-hour-line.relative{background:var(--signal-warn)}.calendar-hour-line span{display:block;font-size:8.5px;line-height:1.2;font-weight:900;letter-spacing:.03em;text-transform:uppercase;color:inherit;opacity:.76;margin-bottom:4px}.calendar-hour-line b{display:block;font-size:10.5px;line-height:1.35;color:inherit;overflow-wrap:normal;word-break:normal}.calendar-hour-preview-loading{padding:10px 2px;color:var(--muted);font-size:10px;font-weight:750}
/* v19.176: when an hour span shares the parent activity status colour, darken the span for visual separation without changing its semantic status. */
.calendar-hour-preview.state-good .calendar-hour-line.good{background:color-mix(in srgb,var(--signal-good) 82%,#000 18%)}
.calendar-hour-preview.state-relative .calendar-hour-line.relative{background:color-mix(in srgb,var(--signal-warn) 84%,#000 16%)}
.calendar-hour-preview.state-bad .calendar-hour-line.bad{background:color-mix(in srgb,var(--signal-stop) 82%,#000 18%);color:#fff}
#view-calendar .calendar-detail{overflow:auto!important}
@media(max-width:720px){.calendar-selected-activity-bar{padding:10px 11px}.calendar-hour-preview-grid{grid-template-columns:1fr}.calendar-timing-preview-head{align-items:flex-start;flex-direction:column;gap:2px}}



#view-calendar .day{min-height:92px;padding:8px 9px;display:flex;flex-direction:column;gap:7px;overflow:hidden;border-color:rgba(255,255,255,.24);transition:filter .15s ease,outline-color .15s ease}
#view-calendar .day:not(.blank):hover{filter:brightness(1.06)}
/* Calendar colors are deliberately bright and solid: no dark-mode mixing. */
#view-calendar .day.cal-strong,#view-calendar .day.cal-good{background:var(--signal-good);color:#07150c}
#view-calendar .day.cal-fair{background:var(--signal-warn);color:#211b00}
#view-calendar .day.cal-caution{background:var(--signal-stop);color:#fff}
#view-calendar .day.cal-pending{background:var(--panel2);color:var(--text)}
#view-calendar .day.partial{box-shadow:inset 0 0 0 1px rgba(255,255,255,.36)}
#view-calendar .day .num{font-size:12px;font-weight:950;line-height:1}
#view-calendar .day .activity{font-size:9px;font-weight:900;line-height:1.28;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em;margin-top:auto;color:inherit}
#view-calendar .day.cal-caution .activity{color:#fff}
#view-calendar .day.blank{display:block;min-height:92px}
.calendar-detail .calendar-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}
.calendar-summary-item{background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:11px 12px;min-width:0}
.calendar-summary-item.best{background:var(--signal-good);border-color:#15803d;color:#080808}
.calendar-summary-item.worst{background:var(--signal-stop);border-color:#991b1b;color:#080808}
.calendar-summary-item.relative{background:var(--signal-warn);border-color:var(--signal-warn);color:#080808}
.calendar-summary-item small{display:block;font-size:9px;color:var(--muted);font-weight:850;letter-spacing:.03em;text-transform:uppercase;margin-bottom:4px}
.calendar-summary-item.best small,.calendar-summary-item.worst small,.calendar-summary-item.relative small{color:inherit;opacity:.78}
.calendar-summary-item b{display:block;font-size:13px;line-height:1.3;overflow-wrap:anywhere}
.calendar-go-timing{width:100%;min-height:44px;margin-top:10px;border:1px solid var(--blue);background:var(--blue);color:#000;border-radius:12px;padding:10px 14px;font-size:13.5px;font-weight:600;cursor:pointer;transition:filter .15s ease,transform .15s ease}
.calendar-go-timing:hover{filter:brightness(1.08)}
.calendar-go-timing:active{transform:translateY(1px)}
@media(max-width:720px){#view-calendar .day{min-height:82px;padding:7px 6px;gap:5px}#view-calendar .day.blank{min-height:82px}#view-calendar .day .activity{font-size:8px;-webkit-line-clamp:3}.calendar-detail .calendar-summary-grid{grid-template-columns:1fr 1fr}}



.dashboard-title-info-row{display:flex;align-items:center;gap:10px;min-width:0}
.dashboard-title-info-row h3,.dashboard-title-info-row h2{margin:0}
.dashboard-title-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:var(--blue2);color:var(--blue);display:grid;place-items:center;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 12%,transparent)}
.dashboard-title-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dashboard-info-button{width:18px;height:18px;flex:0 0 18px;border:1px solid color-mix(in srgb,var(--blue) 48%,var(--line));border-radius:50%;background:color-mix(in srgb,var(--blue) 12%,var(--panel2));color:var(--blue);display:grid;place-items:center;padding:0;font-size:11px;font-weight:950;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.dashboard-info-button:hover,.dashboard-info-button:focus-visible{background:color-mix(in srgb,var(--blue) 22%,var(--panel2));border-color:var(--blue);transform:translateY(-1px);outline:2px solid color-mix(in srgb,var(--blue) 22%,transparent);outline-offset:2px}
.dashboard-info-popover[popover]{position:fixed;inset:auto;margin:0;width:310px;max-width:calc(100vw - 24px);max-height:none;overflow:visible;padding:13px 14px;background:#fff;color:#000;border:1px solid #d6dbe4;border-radius:13px;box-shadow:0 18px 46px rgba(0,0,0,.28);z-index:2147483647;font-family:Inter,"SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:10.25px;line-height:1.32;font-weight:400;text-align:left;white-space:normal;word-break:normal;overflow-wrap:break-word}
.dashboard-info-popover[popover]::backdrop{background:transparent}
.dashboard-info-popover h4{margin:0 0 7px;font-family:Inter,"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:11.25px;line-height:1.25;font-weight:700;letter-spacing:-.01em;color:#000;text-align:left}
.dashboard-info-popover p{display:block;width:100%;box-sizing:border-box;margin:0;color:#000;font-family:Inter,"SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:10.25px;line-height:1.32;font-weight:400;letter-spacing:0;text-align:justify;text-align-last:left;text-justify:inter-word;hyphens:none}
[data-theme="dark"] .dashboard-info-popover[popover]{background:#fff;color:#000;border-color:#d6dbe4;box-shadow:0 20px 52px rgba(0,0,0,.34)}
@media(max-width:720px){.dashboard-info-popover[popover]{width:min(300px,calc(100vw - 24px));font-size:10px}.dashboard-info-popover h4{font-size:11px}.dashboard-info-popover p{font-size:10px}}
/* v19.103 unified info modal typography, including Birth Profile current-location help. */
.location-tooltip-toplayer[popover]{width:310px!important;max-width:calc(100vw - 24px)!important;padding:13px 14px!important;background:#fff!important;color:#000!important;border:1px solid #d6dbe4!important;border-radius:13px!important;box-shadow:0 18px 46px rgba(0,0,0,.28)!important;font-family:Inter,"SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-size:10.25px!important;line-height:1.32!important;font-weight:400!important;text-align:left!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}
.location-tooltip-toplayer .info-popover-heading{display:block;margin:0 0 7px;font-family:Inter,"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:11.25px;line-height:1.25;font-weight:700;letter-spacing:-.01em;color:#000;text-align:left}
.location-tooltip-toplayer .info-popover-copy{display:block;width:100%;box-sizing:border-box;margin:0;color:#000;font-family:Inter,"SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:10.25px;line-height:1.32;font-weight:400;letter-spacing:0;text-align:justify;text-align-last:left;text-justify:inter-word;hyphens:none}
[data-theme="dark"] .location-tooltip-toplayer[popover]{background:#fff!important;color:#000!important;border-color:#d6dbe4!important;box-shadow:0 20px 52px rgba(0,0,0,.34)!important}
@media(max-width:720px){.location-tooltip-toplayer[popover]{width:min(300px,calc(100vw - 24px))!important}.location-tooltip-toplayer .info-popover-heading{font-size:11px!important}.location-tooltip-toplayer .info-popover-copy{font-size:10px!important}}



/* Dashboard status colours use the shared bright solid signal palette. */
.dashboard-metric-card.state-good,.dashboard-window-card.state-good{background:var(--signal-good)!important;border-color:var(--signal-good)!important;color:#07150c!important}
.dashboard-metric-card.state-relative,.dashboard-window-card.state-relative{background:var(--signal-warn)!important;border-color:var(--signal-warn)!important;color:#211b00!important}
.dashboard-metric-card.state-bad,.dashboard-window-card.state-bad{background:var(--signal-stop)!important;border-color:var(--signal-stop)!important;color:#fff!important}
.dashboard-metric-card.state-good .dash-card-label,.dashboard-metric-card.state-good small,.dashboard-window-card.state-good .dash-card-label,.dashboard-window-card.state-good small{color:rgba(7,21,12,.76)!important}
.dashboard-metric-card.state-relative .dash-card-label,.dashboard-metric-card.state-relative small,.dashboard-window-card.state-relative .dash-card-label,.dashboard-window-card.state-relative small{color:rgba(33,27,0,.76)!important}
.dashboard-metric-card.state-bad .dash-card-label,.dashboard-metric-card.state-bad small,.dashboard-window-card.state-bad .dash-card-label,.dashboard-window-card.state-bad small{color:rgba(255,255,255,.84)!important}
.dashboard-metric-card.state-good b,.dashboard-window-card.state-good b{color:#07150c!important}
.dashboard-metric-card.state-relative b,.dashboard-window-card.state-relative b{color:#211b00!important}
.dashboard-metric-card.state-bad b,.dashboard-window-card.state-bad b{color:#fff!important}
.dashboard-metric-card.state-good .dashboard-card-orb,.dashboard-window-card.state-good .dashboard-window-row-icon-v1937{background:rgba(0,0,0,.09)!important;color:#07150c!important}
.dashboard-metric-card.state-relative .dashboard-card-orb,.dashboard-window-card.state-relative .dashboard-window-row-icon-v1937{background:rgba(0,0,0,.09)!important;color:#211b00!important}
.dashboard-metric-card.state-bad .dashboard-card-orb,.dashboard-window-card.state-bad .dashboard-window-row-icon-v1937{background:rgba(255,255,255,.17)!important;color:#fff!important}
.dashboard-metric-card.state-good .dashboard-card-ghost{stroke:rgba(0,0,0,.10)!important}
.dashboard-metric-card.state-relative .dashboard-card-ghost{stroke:rgba(0,0,0,.10)!important}
.dashboard-metric-card.state-bad .dashboard-card-ghost{stroke:rgba(255,255,255,.15)!important}
/* Hour rows remain status-coloured, but are intentionally darker than their parent window cards so the nested selections are visually distinct. */
.dashboard-today-v1939 .dashboard-window-time-row-v1937.window-good{background:color-mix(in srgb,var(--signal-good) 84%,#000 16%)!important;color:#07150c!important;border:1px solid rgba(0,0,0,.15)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important}
.dashboard-today-v1939 .dashboard-window-time-row-v1937.window-relative{background:color-mix(in srgb,var(--signal-warn) 86%,#000 14%)!important;color:#211b00!important;border:1px solid rgba(0,0,0,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important}
.dashboard-today-v1939 .dashboard-window-time-row-v1937.window-bad{background:color-mix(in srgb,var(--signal-stop) 86%,#000 14%)!important;color:#fff!important;border:1px solid rgba(255,255,255,.17)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}
.dashboard-window-time-row-v1937.window-good b{color:#07150c!important}
.dashboard-window-time-row-v1937.window-relative b{color:#211b00!important}
.dashboard-window-time-row-v1937.window-bad b{color:#fff!important}
.dashboard-window-time-row-v1937.window-good .dashboard-window-row-icon-v1937{background:rgba(0,0,0,.09)!important;color:#07150c!important}
.dashboard-window-time-row-v1937.window-relative .dashboard-window-row-icon-v1937{background:rgba(0,0,0,.09)!important;color:#211b00!important}
.dashboard-window-time-row-v1937.window-bad .dashboard-window-row-icon-v1937{background:rgba(255,255,255,.17)!important;color:#fff!important}



/* v19.143: shared selected-context status bars for Daily Timing, Directions and Calendar. */
.context-status-bar{
  width:100%;min-height:66px;display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:13px 18px;
  border:0;border-radius:15px;box-shadow:none;overflow:hidden;transition:background .16s ease,color .16s ease;
}
.app[data-theme="light"] .context-status-bar.context-good,.app[data-theme="light"] .context-status-bar.context-fair,.app[data-theme="light"] .context-status-bar.context-bad{background:#2f7de1;color:#fff}
.app[data-theme="dark"] .context-status-bar.context-good,.app[data-theme="dark"] .context-status-bar.context-fair,.app[data-theme="dark"] .context-status-bar.context-bad{background:#173f73;color:#f8fbff}
.context-status-heading{flex:0 0 auto;min-width:max-content}
.context-status-heading h2{margin:0;font-size:18px;line-height:1.1;font-weight:900;letter-spacing:-.01em;color:inherit;white-space:nowrap}
.context-status-primary{display:inline-flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}
.context-status-value{min-width:0;font-size:18px;line-height:1.15;font-weight:900;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.context-status-location{font-size:18px;line-height:1.15;font-weight:900;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.context-status-location::before{content:"·";display:inline-block;margin:0 10px 0 0;color:currentColor;font-weight:900;opacity:.78}
.context-status-meta{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;min-width:max-content}
.context-status-priority{min-height:32px;padding:0 12px;border-radius:9px;display:inline-flex;align-items:center;border:1px solid rgba(0,0,0,.16);font-size:11px;line-height:1;font-weight:900;white-space:nowrap;box-shadow:none}
.context-good .context-status-priority{background:var(--signal-good);color:#07150c;border-color:#15803d}
.context-fair .context-status-priority{background:var(--signal-warn);color:#211b00;border-color:#a9790f}
.context-bad .context-status-priority{background:var(--signal-stop);color:#fff;border-color:#991b1b}
@media(max-width:1100px){.context-status-bar{gap:9px}.context-status-value{font-size:16px}.context-status-location{font-size:16px}}
@media(max-width:720px){
 .context-status-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:13px 14px}
 .context-status-heading{flex:0 0 auto}.context-status-primary{flex:1 1 100%;flex-wrap:wrap;gap:8px}
 .context-status-meta{margin-left:auto}.context-status-value,.context-status-location{font-size:15px;white-space:normal}
 .context-status-location::before{margin-right:8px}
}



.app[data-theme="light"] #dashboardCurrentRow.context-good,.app[data-theme="light"] #dashboardCurrentRow.context-fair,.app[data-theme="light"] #dashboardCurrentRow.context-bad{background:#2f7de1!important;color:#fff!important}
.app[data-theme="dark"] #dashboardCurrentRow.context-good,.app[data-theme="dark"] #dashboardCurrentRow.context-fair,.app[data-theme="dark"] #dashboardCurrentRow.context-bad{background:#173f73!important;color:#f8fbff!important}
#dashPurposeBadge.context-priority-good{background:var(--signal-good)!important;color:#07150c!important;border-color:#15803d!important}
#dashPurposeBadge.context-priority-fair{background:var(--signal-warn)!important;color:#211b00!important;border-color:#a9790f!important}
#dashPurposeBadge.context-priority-bad{background:var(--signal-stop)!important;color:#fff!important;border-color:#991b1b!important}



/* Selected priority control mirrors the currently viewed day/hour/direction status. */
.purpose.active.priority-status-good,.purpose-more.active.priority-status-good{background:var(--signal-good)!important;color:#07150c!important;border-color:#15803d!important}
.purpose.active.priority-status-fair,.purpose-more.active.priority-status-fair{background:var(--signal-warn)!important;color:#211b00!important;border-color:#a9790f!important}
.purpose.active.priority-status-bad,.purpose-more.active.priority-status-bad{background:var(--signal-stop)!important;color:#fff!important;border-color:#991b1b!important}
.purpose.active.priority-status-good svg,.purpose.active.priority-status-fair svg,.purpose.active.priority-status-bad svg{color:inherit!important;stroke:currentColor!important}



#clockDateTimeLabel,#clockLocationLabel,#compassDateTimeLabel,#compassLocationLabel{display:none!important}



/* v19.145: context bars stay light blue; only the in-bar priority pill carries status colour. */
.context-status-bar,
.app[data-theme="light"] .context-status-bar.context-good,
.app[data-theme="light"] .context-status-bar.context-fair,
.app[data-theme="light"] .context-status-bar.context-bad,
.app[data-theme="dark"] .context-status-bar.context-good,
.app[data-theme="dark"] .context-status-bar.context-fair,
.app[data-theme="dark"] .context-status-bar.context-bad{
  background:#86bff2!important;
  color:#111!important;
}
.context-status-heading h2,
.context-status-value,
.context-status-location{
  color:#111!important;
  font-weight:600!important;
}
.context-status-location::before{color:#111!important;font-weight:600!important;opacity:.72!important}

/* Dashboard uses its own bar class but follows the same visual treatment. */
#dashboardCurrentRow,
.app[data-theme="light"] #dashboardCurrentRow.context-good,
.app[data-theme="light"] #dashboardCurrentRow.context-fair,
.app[data-theme="light"] #dashboardCurrentRow.context-bad,
.app[data-theme="dark"] #dashboardCurrentRow.context-good,
.app[data-theme="dark"] #dashboardCurrentRow.context-fair,
.app[data-theme="dark"] #dashboardCurrentRow.context-bad{
  background:#86bff2!important;
  color:#111!important;
  border-color:#86bff2!important;
}
#dashboardCurrentRow .dashboard-current-heading-v1935 h2,
#dashboardCurrentRow .dashboard-current-value-v1936,
#dashboardCurrentRow .dashboard-current-location-v1935{
  color:#111!important;
  font-weight:600!important;
}

/* Main priority selectors are always selected in light blue with black text. */
.purpose.active,
.purpose.active.priority-status-good,
.purpose.active.priority-status-fair,
.purpose.active.priority-status-bad,
.purpose-more.active,
.purpose-more.active.priority-status-good,
.purpose-more.active.priority-status-fair,
.purpose-more.active.priority-status-bad{
  background:#c6e3ff!important;
  color:#111!important;
  border-color:#8fc4f2!important;
  box-shadow:none!important;
}
.purpose.active svg,
.purpose.active.priority-status-good svg,
.purpose.active.priority-status-fair svg,
.purpose.active.priority-status-bad svg{
  color:#111!important;
  stroke:#111!important;
}
.select-shell:has(.purpose-more.active)::after{background:#111!important;opacity:1!important}

/* Only the priority pills inside the blue bars change status colour. */
.context-good .context-status-priority,
#dashPurposeBadge.context-priority-good{background:var(--signal-good)!important;color:#111!important;border-color:#15803d!important;font-weight:600!important}
.context-fair .context-status-priority,
#dashPurposeBadge.context-priority-fair{background:var(--signal-warn)!important;color:#111!important;border-color:#a9790f!important;font-weight:600!important}
.context-bad .context-status-priority,
#dashPurposeBadge.context-priority-bad{background:var(--signal-stop)!important;color:#111!important;border-color:#991b1b!important;font-weight:600!important}



/* v19.146: bar labels stay contextual; only in-bar priority pills carry status colour. */
.context-status-priority,
#dashPurposeBadge{
  border:2px solid #111!important;
  font-weight:700!important;
}
.context-good .context-status-priority,
.context-fair .context-status-priority,
.context-bad .context-status-priority,
#dashPurposeBadge.context-priority-good,
#dashPurposeBadge.context-priority-fair,
#dashPurposeBadge.context-priority-bad{
  border-color:#111!important;
  color:#111!important;
  font-weight:700!important;
}



/* v19.149: one subdued title system across Dashboard, Daily Timing, Directions and Calendar. */
:root{--app-card-title-size:18px;--app-card-title-weight:800;--app-card-title-line:1.2;--app-card-title-track:-.01em}

/* Dashboard card/section titles. */
#view-dashboard .dashboard-section-head h3,
#view-dashboard .daily-luck-head h3,
#view-dashboard .day-guide-head h3{
  margin:0!important;
  font-family:inherit!important;
  font-size:var(--app-card-title-size)!important;
  font-weight:var(--app-card-title-weight)!important;
  line-height:var(--app-card-title-line)!important;
  letter-spacing:var(--app-card-title-track)!important;
}
#view-dashboard .daily-luck-head h3,#view-dashboard .day-guide-head h3{margin-top:0!important}

/* Daily Timing: left card title and selected-period title are deliberately identical. */
#view-clock .clock-title-head h2,
#view-clock .time-head strong{
  margin:0!important;
  font-family:inherit!important;
  font-size:var(--app-card-title-size)!important;
  font-weight:var(--app-card-title-weight)!important;
  line-height:var(--app-card-title-line)!important;
  letter-spacing:var(--app-card-title-track)!important;
}
#view-clock .clock-title-head,#view-clock .time-head{align-items:center!important}

/* Directions: left card title and selected-direction title share the same typography and top inset. */
#view-compass .compass-head h2,
#view-compass .direction-title-row .dir-name{
  margin:0!important;
  font-family:inherit!important;
  font-size:var(--app-card-title-size)!important;
  font-weight:var(--app-card-title-weight)!important;
  line-height:var(--app-card-title-line)!important;
  letter-spacing:var(--app-card-title-track)!important;
}
#view-compass .compass-card,#view-compass .dir-detail{padding:20px!important}
#view-compass .compass-head,#view-compass .direction-title-row{margin-top:0!important}
#view-compass .direction-title-row{align-items:center!important}

/* Calendar: month title and selected-date title use the same subdued treatment. */
#view-calendar .month-head h2,
#view-calendar .calendar-detail-head h3{
  margin:0!important;
  font-family:inherit!important;
  font-size:var(--app-card-title-size)!important;
  font-weight:var(--app-card-title-weight)!important;
  line-height:var(--app-card-title-line)!important;
  letter-spacing:var(--app-card-title-track)!important;
}
#view-calendar .calendar-card,#view-calendar .calendar-detail{padding:20px!important}
#view-calendar .month-head,#view-calendar .calendar-detail-head{margin-top:0!important;align-items:center!important}

@media(max-width:720px){
  #view-clock .clock-title-head h2,#view-clock .time-head strong,
  #view-compass .compass-head h2,#view-compass .direction-title-row .dir-name,
  #view-calendar .month-head h2,#view-calendar .calendar-detail-head h3,
  #view-dashboard .dashboard-section-head h3,#view-dashboard .daily-luck-head h3,#view-dashboard .day-guide-head h3{
    font-size:17px!important;
  }
  #view-compass .compass-card,#view-compass .dir-detail,#view-calendar .calendar-card,#view-calendar .calendar-detail{padding:16px!important}
}



/* v19.150: use the same solid caution yellow in Calendar summary grids. */
#view-calendar .calendar-summary-item.relative{
  background:var(--signal-warn)!important;
  border-color:var(--signal-warn)!important;
  color:#211b00!important;
}
#view-calendar .calendar-summary-item.relative small{color:inherit!important;opacity:.78!important}

/* v19.150: left/right card titles share one physical top anchor, not just typography. */
#view-clock .clock-card,#view-clock #clockInsight,
#view-compass .compass-card,#view-compass #directionDetail{
  padding-top:20px!important;
}
#view-clock .clock-title-head,#view-clock .time-head,
#view-compass .compass-head,#view-compass .direction-title-row{
  margin-top:0!important;
  padding-top:0!important;
}
#view-clock .clock-title-head>div:first-child>.dashboard-title-info-row,
#view-clock .time-head>.detail-title-info-row,
#view-compass .compass-head>div:first-child>.dashboard-title-info-row,
#view-compass .direction-title-row>.direction-heading-with-info{
  height:22px!important;
  min-height:22px!important;
  align-items:center!important;
  margin:0!important;
}
#view-clock .clock-title-head h2,#view-clock .time-head strong,
#view-compass .compass-head h2,#view-compass .direction-title-row .dir-name{
  line-height:22px!important;
}
#view-clock .time-head,#view-compass .direction-title-row{
  min-height:22px!important;
}
@media(max-width:720px){
  #view-clock .clock-card,#view-clock #clockInsight,
  #view-compass .compass-card,#view-compass #directionDetail{padding-top:16px!important}
  #view-clock .clock-title-head>div:first-child>.dashboard-title-info-row,
  #view-clock .time-head>.detail-title-info-row,
  #view-compass .compass-head>div:first-child>.dashboard-title-info-row,
  #view-compass .direction-title-row>.direction-heading-with-info{height:21px!important;min-height:21px!important}
  #view-clock .clock-title-head h2,#view-clock .time-head strong,
  #view-compass .compass-head h2,#view-compass .direction-title-row .dir-name{line-height:21px!important}
}



/* v19.156: compact calendar detail alignment + mobile priority/date/status ergonomics. */
/* Calendar day-cell copy: smaller, regular weight and allowed to wrap fully. */
#view-calendar .day{gap:4px!important}
#view-calendar .day .num{font-size:10.5px!important;font-weight:600!important;line-height:1.05!important}
#view-calendar .day .activity{display:block!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;overflow:visible!important;margin-top:1px!important;font-size:8.2px!important;line-height:1.22!important;font-weight:400!important;letter-spacing:0!important;white-space:normal!important}

/* Priority pager buttons are mobile-only; the priority viewport itself no longer exposes horizontal swipe/scroll. */
.priority-page-btn{display:none;border:1px solid #8fc4f2;background:#c6e3ff;color:#111;border-radius:13px;width:42px;height:42px;padding:0;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(47,125,225,.13);cursor:pointer}
.priority-page-btn svg{width:21px;height:21px;display:block;fill:currentColor}
.priority-page-btn:active{transform:translateY(1px)}
.priority-page-btn:disabled{opacity:.35;cursor:default;transform:none}

@media(max-width:720px){
  /* Shared toolbar: arrows flank a clipped priority viewport; date + Now occupy one full-width row. */
  .section-toolbar{display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;gap:8px!important;align-items:center!important;overflow:visible!important}
  .priority-page-btn{display:inline-flex!important}
  .section-toolbar>.priority-page-prev{grid-column:1!important;grid-row:1!important}
  .section-toolbar>.purpose-row{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;scrollbar-width:none!important;scroll-behavior:smooth!important;overscroll-behavior-x:none!important;touch-action:pan-y!important;padding:0!important;margin:0!important}
  .section-toolbar>.purpose-row::-webkit-scrollbar{display:none!important}
  .section-toolbar>.purpose-row .purpose-strip{overflow:visible!important;scrollbar-width:none!important;flex-wrap:nowrap!important;width:max-content!important;max-width:none!important}
  .section-toolbar>.purpose-row .purpose-strip::-webkit-scrollbar{display:none!important}
  .section-toolbar>.priority-page-next{grid-column:3!important;grid-row:1!important}
  .section-toolbar>.toolbar-date-control{grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px minmax(64px,.72fr)!important;gap:7px!important;align-items:center!important;overflow:visible!important;white-space:normal!important;padding:5px!important;box-sizing:border-box!important}
  .section-toolbar>.toolbar-date-control .nav-chevron{width:42px!important;height:38px!important}
  .section-toolbar>.toolbar-date-control input[type=date]{width:100%!important;min-width:0!important;height:38px!important;padding:0 6px!important;box-sizing:border-box!important;text-align:center!important}
  .section-toolbar>.toolbar-date-control .now-date-btn{position:static!important;right:auto!important;width:100%!important;min-width:0!important;height:38px!important;padding:0 8px!important}
  #controls-dashboard .section-toolbar{display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;gap:8px!important;align-items:center!important;overflow:visible!important}
  #controls-dashboard .purpose-row{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;scrollbar-width:none!important}
  #controls-dashboard .toolbar-date-control{grid-column:1/-1!important;grid-row:2!important;width:100%!important;margin:0!important}
  #controls-calendar .toolbar-date-control{display:none!important}

  /* Blue context bars: current/selected label first, priority status pill directly below it on the same left edge. */
  .context-status-bar{display:grid!important;grid-template-columns:1fr!important;align-items:start!important;gap:7px!important;padding:12px 14px!important}
  .context-status-heading{grid-column:1!important;grid-row:1!important;min-width:0!important}
  .context-status-heading h2{white-space:normal!important}
  .context-status-meta{grid-column:1!important;grid-row:2!important;margin:0!important;justify-content:flex-start!important;min-width:0!important}
  .context-status-priority{justify-self:start!important}
  .context-status-primary{grid-column:1!important;grid-row:3!important;width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:5px 8px!important}
  .context-status-location::before{margin-right:6px!important}

  /* Dashboard's blue context bar follows the same mobile order. */
  #dashboardCurrentRow{display:grid!important;grid-template-columns:1fr!important;align-items:start!important;gap:7px!important;padding:12px 14px!important}
  #dashboardCurrentRow .dashboard-current-heading-v1935{grid-column:1!important;grid-row:1!important;min-width:0!important}
  #dashboardCurrentRow .dashboard-current-meta-v1935{grid-column:1!important;grid-row:2!important;margin:0!important;justify-content:flex-start!important;width:auto!important;min-width:0!important}
  #dashboardCurrentRow .dashboard-current-primary-v1937{grid-column:1!important;grid-row:3!important;width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:5px 8px!important}

  #view-calendar .day{min-height:82px!important;padding:6px 5px!important;gap:3px!important;overflow:visible!important}
  #view-calendar .day.blank{min-height:82px!important}
  #view-calendar .day .num{font-size:9.5px!important;font-weight:600!important}
  #view-calendar .day .activity{font-size:7.4px!important;line-height:1.18!important;font-weight:400!important;overflow:visible!important}
}



/* v19.159: mobile context bars show only the selected date/time plus the status pill.
   Date navigation + Now stays on one unwrapped row in every tab, including Calendar. */
@media(max-width:720px){
  /* One compact mobile date-navigation row across Dashboard, Timing, Directions and Calendar. */
  .section-toolbar>.toolbar-date-control,
  #controls-dashboard .toolbar-date-control,
  #controls-clock .toolbar-date-control,
  #controls-compass .toolbar-date-control,
  #controls-calendar .toolbar-date-control{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) 40px 60px!important;
    gap:6px!important;
    align-items:center!important;
    padding:5px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    flex-wrap:nowrap!important;
    box-sizing:border-box!important;
  }
  .section-toolbar>.toolbar-date-control .nav-chevron{
    width:40px!important;
    min-width:40px!important;
    height:38px!important;
  }
  .section-toolbar>.toolbar-date-control input[type=date]{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:38px!important;
    padding:0 4px!important;
    text-align:center!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
  }
  .section-toolbar>.toolbar-date-control .now-date-btn{
    position:static!important;
    width:60px!important;
    min-width:60px!important;
    max-width:60px!important;
    height:38px!important;
    padding:0 6px!important;
    white-space:nowrap!important;
  }
  /* Calendar previously hid the shared date control; mobile now shows it like every other tab. */
  #controls-calendar .toolbar-date-control{display:grid!important}

  /* Timing & Directions / Calendar blue bars: only date/time, then the status pill. */
  .context-status-bar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    align-items:start!important;
    padding:12px 14px!important;
  }
  .context-status-bar .context-status-heading,
  .context-status-bar .context-status-location{display:none!important}
  .context-status-bar .context-status-primary{
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  .context-status-bar .context-status-value{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1.3!important;
    font-weight:600!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .context-status-bar .context-status-meta{
    grid-column:1!important;
    grid-row:2!important;
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    justify-content:flex-start!important;
  }
  .context-status-bar .context-status-priority{justify-self:start!important}

  /* Dashboard blue bar follows the identical two-row mobile structure. */
  #dashboardCurrentRow{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    align-items:start!important;
    padding:12px 14px!important;
  }
  #dashboardCurrentRow .dashboard-current-heading-v1935,
  #dashboardCurrentRow .dashboard-current-location-v1935{display:none!important}
  #dashboardCurrentRow .dashboard-current-primary-v1937{
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  #dashboardCurrentRow .dashboard-current-value-v1936{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1.3!important;
    font-weight:600!important;
    white-space:normal!important;
  }
  #dashboardCurrentRow .dashboard-current-meta-v1935{
    grid-column:1!important;
    grid-row:2!important;
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    justify-content:flex-start!important;
  }
}



/* v19.160: mobile blue status bars keep date/time and status pill on one row. */
@media(max-width:720px){
  .context-status-bar{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto!important;
    gap:8px!important;
    align-items:center!important;
  }
  .context-status-bar .context-status-primary{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
  }
  .context-status-bar .context-status-value{
    font-size:14px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .context-status-bar .context-status-meta{
    grid-column:2!important;
    grid-row:1!important;
    width:auto!important;
    min-width:max-content!important;
    margin:0!important;
    justify-content:flex-end!important;
    justify-self:end!important;
    align-self:center!important;
  }
  .context-status-bar .context-status-priority{
    justify-self:end!important;
    min-height:30px!important;
    padding:0 10px!important;
  }

  #dashboardCurrentRow{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto!important;
    gap:8px!important;
    align-items:center!important;
  }
  #dashboardCurrentRow .dashboard-current-primary-v1937{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
  }
  #dashboardCurrentRow .dashboard-current-value-v1936{
    font-size:14px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #dashboardCurrentRow .dashboard-current-meta-v1935{
    grid-column:2!important;
    grid-row:1!important;
    width:auto!important;
    min-width:max-content!important;
    margin:0!important;
    justify-content:flex-end!important;
    justify-self:end!important;
    align-self:center!important;
  }
}



/* v19.161: mobile-only month grid reflow. Desktop/tablet retain the seven-day calendar. */
#view-calendar .mobile-weekday{display:none}
@media(max-width:720px){
  #view-calendar .calendar-card{overflow:hidden!important}
  #view-calendar .week{display:none!important}
  #view-calendar .days{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  #view-calendar .day.blank{display:none!important}
  #view-calendar .day{
    min-width:0!important;
    width:auto!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  #view-calendar .day .num{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:4px!important;min-width:0!important}
  #view-calendar .mobile-weekday{display:inline!important;font-size:7px!important;line-height:1!important;font-weight:500!important;opacity:.72!important;white-space:nowrap!important}
  #view-calendar .day .activity{overflow-wrap:anywhere!important;word-break:normal!important;min-width:0!important}
}
@media(max-width:480px){
  #view-calendar .days{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
}



/* v19.166: Dashboard = Current Hour | Daily Timing clock | Directions compass. */
#view-dashboard .dashboard-layout-v1932{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
#view-dashboard .dashboard-left-v1940{display:contents!important}
#view-dashboard .dashboard-left-v1940>.dashboard-this-hour-v1939{
  min-width:0!important;margin:0!important;padding:20px!important;
  border:1px solid var(--line)!important;border-radius:20px!important;
  background:var(--panel)!important;overflow:hidden!important;align-self:stretch!important;
}
.dashboard-transport-mount{min-width:0;display:flex;align-self:stretch}
.dashboard-transport-mount>.clock-card,
.dashboard-transport-mount>.compass-card{
  width:100%!important;height:100%!important;min-height:0!important;box-sizing:border-box!important;
  margin:0!important;border-radius:20px!important;padding:20px!important;
}
.dashboard-transport-mount .clock-wrap{min-height:0!important}
.dashboard-transport-mount .clock-svg,
.dashboard-transport-mount .compass-svg{width:100%!important;max-width:620px!important;height:auto!important}
.dashboard-transport-mount .compass-stage{width:100%!important;max-width:620px!important;margin:0 auto!important}
.dashboard-transport-mount .clock-title-head,
.dashboard-transport-mount .compass-head{min-height:56px!important;margin-bottom:8px!important}
.component-home-mount{display:contents}
@media(max-width:1100px){
  #view-dashboard .dashboard-layout-v1932{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #view-dashboard .dashboard-left-v1940>.dashboard-this-hour-v1939,
  .dashboard-transport-mount>.clock-card,.dashboard-transport-mount>.compass-card{padding:16px!important}
}
@media(max-width:900px){
  #view-dashboard .dashboard-layout-v1932{grid-template-columns:1fr!important}
  .dashboard-transport-mount{width:100%!important}
}
@media(max-width:720px){
  #view-dashboard .dashboard-left-v1940>.dashboard-this-hour-v1939,
  .dashboard-transport-mount>.clock-card,.dashboard-transport-mount>.compass-card{padding:14px!important}
}



/* v19.168: explicit current/selected-hour suitability statement in Dashboard left column. */
.dashboard-timing-status{
  width:100%;box-sizing:border-box;margin:12px 0 14px;padding:10px 13px;border-radius:11px;
  border:1px solid rgba(0,0,0,.22);font-size:12px;line-height:1.25;font-weight:700;text-align:center;
  color:#111;box-shadow:none;transition:background .16s ease,border-color .16s ease;
}
.dashboard-timing-status.status-good{background:var(--signal-good);border-color:#15803d}
.dashboard-timing-status.status-neutral{background:var(--signal-warn);border-color:#a9790f}
.dashboard-timing-status.status-bad{background:var(--signal-stop);border-color:#991b1b}
@media(max-width:720px){.dashboard-timing-status{margin:10px 0 12px;padding:9px 11px;font-size:11px}}



/* v19.169: Dashboard is the sole home for clock + compass; left cards are display-only. */
#liveDashboard .dashboard-metric-card{cursor:default!important}
#liveDashboard .dashboard-metric-card:hover{filter:none!important;transform:none!important}
@media(max-width:720px){
  #dashboardCurrentRow{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
    gap:6px!important;
    padding:11px 13px!important;
  }
  #dashboardCurrentRow .dashboard-current-heading-v1935{
    display:block!important;grid-column:1!important;grid-row:1!important;min-width:0!important;width:100%!important;
  }
  #dashboardCurrentRow .dashboard-current-heading-v1935 h2{
    display:block!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;line-height:1.25!important;
  }
  #dashboardCurrentRow .dashboard-current-primary-v1937{
    display:flex!important;grid-column:1!important;grid-row:2!important;align-items:baseline!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:3px 8px!important;min-width:0!important;width:100%!important;
  }
  #dashboardCurrentRow .dashboard-current-value-v1936,
  #dashboardCurrentRow .dashboard-current-location-v1935{
    display:block!important;max-width:none!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-break:normal!important;
  }
  #dashboardCurrentRow .dashboard-current-meta-v1935{display:none!important}
  .context-status-bar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
    gap:6px!important;
    padding:11px 13px!important;
  }
  .context-status-bar .context-status-heading{
    display:block!important;grid-column:1!important;grid-row:1!important;min-width:0!important;width:100%!important;
  }
  .context-status-bar .context-status-heading h2{
    display:block!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;line-height:1.25!important;
  }
  .context-status-bar .context-status-primary{
    display:flex!important;grid-column:1!important;grid-row:2!important;align-items:baseline!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:3px 8px!important;min-width:0!important;width:100%!important;
  }
  .context-status-bar .context-status-value,
  .context-status-bar .context-status-location{
    display:block!important;max-width:none!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-break:normal!important;
  }
  .context-status-bar .context-status-meta{display:none!important}
}



/* v19.170: on mobile keep date/time · country/location on one typographic line. */
@media(max-width:720px){
  #dashboardCurrentRow .dashboard-current-primary-v1937{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    gap:0!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  #dashboardCurrentRow .dashboard-current-value-v1936,
  #dashboardCurrentRow .dashboard-current-location-v1935{
    display:inline!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    font-size:clamp(12.5px,3.65vw,15px)!important;
    line-height:1.3!important;
    font-weight:600!important;
    font-family:inherit!important;
    letter-spacing:normal!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  #dashboardCurrentRow .dashboard-current-location-v1935::before{
    content:"·"!important;
    display:inline!important;
    margin:0 .48em!important;
    padding:0!important;
    font:inherit!important;
    line-height:inherit!important;
    color:currentColor!important;
    opacity:.78!important;
    vertical-align:baseline!important;
  }
}



/* v19.172: Calendar context bar uses the same geometry and typography as Dashboard. */
#calendarContextBar{
  width:100%!important;min-height:66px!important;display:flex!important;align-items:center!important;gap:12px!important;
  margin:0 0 14px!important;padding:13px 18px!important;border:0!important;border-radius:15px!important;overflow:hidden!important;
  background:#86bff2!important;color:#111!important;box-shadow:none!important;
}
#calendarContextBar .context-status-heading{flex:0 0 auto!important;min-width:max-content!important}
#calendarContextBar .context-status-heading h2{margin:0!important;font-size:18px!important;line-height:1.1!important;font-weight:600!important;letter-spacing:-.01em!important;color:#111!important;white-space:nowrap!important}
#calendarContextBar .context-status-primary{display:inline-flex!important;align-items:center!important;gap:0!important;min-width:0!important;flex:1 1 auto!important}
#calendarContextBar .context-status-value,#calendarContextBar .context-status-location{font-size:18px!important;line-height:1.15!important;font-weight:600!important;font-family:inherit!important;color:#111!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
#calendarContextBar .context-status-location::before{content:"·"!important;display:inline!important;margin:0 .55em!important;font:inherit!important;line-height:inherit!important;color:currentColor!important;opacity:.78!important;vertical-align:baseline!important}
/* Calendar day summary stays compact; detailed hour selection begins only after Check Day's Timing. */
#view-calendar .calendar-detail{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}
#view-calendar .calendar-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-bottom:0!important}
#view-calendar .calendar-go-timing{margin-top:14px!important;flex:0 0 auto!important}
@media(max-width:1100px){#view-calendar .calendar-detail{height:auto!important;overflow:visible!important}}
@media(max-width:720px){
  #calendarContextBar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:start!important;gap:6px!important;padding:11px 13px!important}
  #calendarContextBar .context-status-heading{display:block!important;grid-column:1!important;grid-row:1!important;min-width:0!important;width:100%!important}
  #calendarContextBar .context-status-heading h2{display:block!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;line-height:1.25!important}
  #calendarContextBar .context-status-primary{display:flex!important;grid-column:1!important;grid-row:2!important;align-items:baseline!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:0!important;min-width:0!important;width:100%!important;overflow:visible!important}
  #calendarContextBar .context-status-value,#calendarContextBar .context-status-location{display:inline!important;flex:0 0 auto!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;font-size:clamp(12.5px,3.65vw,15px)!important;line-height:1.3!important;font-weight:600!important;font-family:inherit!important;letter-spacing:normal!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
  #calendarContextBar .context-status-location::before{margin:0 .48em!important}
  #view-calendar .calendar-go-timing{margin-top:10px!important;font-size:13px!important}
}



#view-careertrends{padding-bottom:24px}
.career-trends-shell{display:flex;flex-direction:column;gap:16px}
.career-trends-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 1px 0}
.career-trends-head h2{margin:0;font-size:21px;line-height:1.2;font-weight:850;letter-spacing:-.012em;color:var(--text)}
.career-trends-head p{margin:4px 0 0;max-width:720px;color:var(--muted);font-size:12px;line-height:1.45}
.career-trends-refresh{height:36px;border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:0 13px;font-size:11.5px;font-weight:800;cursor:pointer;white-space:nowrap;color:var(--text)}
.career-trends-refresh:hover{background:var(--panel2)}

/* v19.489: Calendar loading Timewheel with explicit progress; hidden once synchronized month is ready. */
.calendar-card{position:relative}
.calendar-loading{min-height:420px;display:grid;place-items:center;text-align:center;padding:24px;border-top:1px solid var(--line);background:var(--panel)}
.calendar-loading[hidden]{display:none!important}
.calendar-loading-inner{display:grid;justify-items:center;gap:11px;min-width:min(300px,calc(100vw - 54px));padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:var(--panel2);color:var(--text)}
.calendar-loading-copy{max-width:280px;font-size:11px;line-height:1.4;font-weight:800;color:var(--muted)}
.calendar-loading.error .career-trends-flywheel{display:none}
.calendar-loading.error .calendar-loading-copy{color:var(--red)}
.calendar-card.calendar-is-loading .week,.calendar-card.calendar-is-loading .days{display:none!important}
@media(max-width:720px){.calendar-loading{min-height:360px;padding:18px}.calendar-loading-inner{width:100%;min-width:0}}

.career-trends-loading{min-height:132px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);display:grid;place-items:center;text-align:center;padding:24px;color:var(--muted);font-size:12px;line-height:1.45}
.career-trends-loading-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;min-width:180px}
.career-trends-flywheel{width:42px;height:42px;border-radius:50%;border:4px solid color-mix(in srgb,var(--line) 68%,transparent);border-top-color:var(--signal-good);border-right-color:color-mix(in srgb,var(--signal-good) 50%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--line) 40%,transparent) inset;animation:careerFlywheelSpin .82s linear infinite}
.career-trends-loading-copy{font-weight:750;letter-spacing:.005em}
.flywheel-progress{font-size:10px;line-height:1;font-weight:900;letter-spacing:.045em;color:var(--muted);font-variant-numeric:tabular-nums}
@keyframes careerFlywheelSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.career-trends-flywheel{animation-duration:1.8s}}
.career-trends-loading.error{color:var(--red);background:var(--red2);border-color:color-mix(in srgb,var(--red) 42%,var(--line))}
.career-trends-loading.error .career-trends-flywheel{display:none}
.career-trends-content{display:flex;flex-direction:column;gap:0}
.career-trends-section{padding:17px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}
.career-trends-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}
.career-trends-section-head h3{margin:0;font-size:16px;line-height:1.3;font-weight:850;color:var(--text);letter-spacing:0}
.career-trends-section-head p{margin:4px 0 0;color:var(--muted);font-size:11.5px;line-height:1.4;max-width:650px}


.career-trends-profile-summary{display:grid;margin-top:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.career-trends-profile-summary .career-profile-column{padding:14px 14px 13px;border-radius:15px}
.career-trends-profile-summary .career-profile-column-head{padding-bottom:10px;margin-bottom:9px}
.career-trends-profile-summary .career-profile-column-head h3{margin:0!important;color:var(--text);font-family:inherit!important;font-size:var(--app-card-title-size)!important;line-height:var(--app-card-title-line)!important;font-weight:var(--app-card-title-weight)!important;letter-spacing:var(--app-card-title-track)!important}
.career-trends-profile-summary .career-profile-column-head p{font-size:9.8px}
.career-trends-profile-summary .career-profile-row{min-height:38px;padding:6px 9px 6px 7px}
.career-trends-profile-summary .career-profile-row .career-profile-rank{width:24px;height:24px;font-size:8.5px}
.career-trends-profile-summary .career-profile-row .career-profile-name{font-size:10.4px}
@media(max-width:1100px){.career-trends-profile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.career-trends-profile-summary{grid-template-columns:1fr}}
.career-trends-section-gap{height:32px;flex:0 0 32px}
@media(max-width:720px){.career-trends-section-gap{height:24px;flex-basis:24px}}
.career-past-visual{margin-top:0;margin-bottom:12px;border:1px solid var(--line);border-radius:15px;background:var(--panel2);overflow:hidden}
.career-trajectory-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px 8px}
.career-trajectory-head b{display:block;font-size:13px;font-weight:850;color:var(--text)}
.career-trajectory-head small{display:block;margin-top:2px;font-size:10px;line-height:1.35;color:var(--muted);font-weight:700}
.career-trajectory-legend{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;color:var(--muted);font-size:9.5px;font-weight:750}
.career-trajectory-legend span{display:inline-flex;align-items:center;gap:5px}.career-trajectory-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}
.career-trajectory-legend .up{background:var(--signal-good)}.career-trajectory-legend .mid{background:#8290a4}.career-trajectory-legend .down{background:var(--signal-stop)}
.career-trajectory-scroll{overflow-x:auto;padding:0 9px 10px}.career-trajectory-chart{min-width:720px}.career-trajectory-chart svg{display:block;width:100%;height:auto}
.career-trajectory-axis{fill:var(--muted);font-size:9px;font-weight:750}.career-trajectory-grid{stroke:color-mix(in srgb,var(--line) 78%,transparent);stroke-width:1;stroke-dasharray:4 5}.career-trajectory-midline{stroke:color-mix(in srgb,var(--text) 30%,var(--line));stroke-width:1.3}.career-trajectory-line{fill:none;stroke:color-mix(in srgb,var(--text) 72%,var(--muted));stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.career-trajectory-dot{stroke:var(--panel2);stroke-width:2;transition:r .12s ease,stroke-width .12s ease}.career-trajectory-point{cursor:default}.career-trajectory-point:hover .career-trajectory-dot{r:4.4;stroke-width:2.4}.career-trajectory-hit{fill:transparent;pointer-events:all}.career-year-tooltip{opacity:0;pointer-events:none;transition:opacity .08s ease}.career-trajectory-point:hover .career-year-tooltip{opacity:1}.career-year-tooltip rect{fill:color-mix(in srgb,var(--panel) 94%,#000);stroke:color-mix(in srgb,var(--line) 88%,transparent);stroke-width:.8}.career-year-tooltip text{fill:var(--text);font-size:10px;font-weight:850;text-anchor:middle}.career-trajectory-neutral{fill:color-mix(in srgb,var(--line) 18%,transparent)}

.career-past-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.career-past-card{position:relative;min-height:106px;padding:13px 14px 12px;border:1px solid var(--line);border-radius:13px;background:var(--panel2);overflow:hidden}
.career-past-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#8290a4}.career-past-card.high-point::after{background:var(--signal-good)}.career-past-card.low-point::after{background:var(--signal-stop)}
.career-past-card.high-point{border-color:color-mix(in srgb,var(--signal-good) 28%,var(--line))}.career-past-card.low-point{border-color:color-mix(in srgb,var(--signal-stop) 30%,var(--line))}
.career-past-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.career-past-card small{display:block;color:var(--muted);font-size:9.8px;font-weight:750;margin-bottom:4px}.career-past-card b{display:block;color:var(--text);font-size:13.5px;line-height:1.3}
.career-phase-badge{font-size:8.5px;font-weight:850;letter-spacing:.035em;padding:4px 7px;border-radius:999px;white-space:nowrap;border:1px solid var(--line);background:var(--panel);color:var(--muted)}.career-past-card.high-point .career-phase-badge{color:var(--green);border-color:color-mix(in srgb,var(--signal-good) 35%,var(--line));background:color-mix(in srgb,var(--signal-good) 8%,var(--panel))}.career-past-card.low-point .career-phase-badge{color:var(--red);border-color:color-mix(in srgb,var(--signal-stop) 35%,var(--line));background:color-mix(in srgb,var(--signal-stop) 8%,var(--panel))}
.career-past-strip{display:flex;align-items:flex-end;gap:3px;height:31px;margin-top:12px;padding:4px 5px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel) 42%,transparent)}.career-past-strip i{display:block;flex:1;min-width:3px;height:var(--h);max-height:100%;border-radius:3px 3px 1px 1px;background:var(--tone)}
.career-past-meta{display:flex;justify-content:space-between;gap:10px;margin-top:6px;color:var(--muted);font-size:9.3px;font-weight:700}.career-past-meta strong{color:var(--text);font-weight:800}

.career-opportunity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.career-opportunity-card{position:relative;min-height:116px;padding:14px 15px;border:1px solid color-mix(in srgb,var(--signal-good) 24%,var(--line));border-radius:13px;background:var(--panel2);overflow:hidden}.career-opportunity-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--signal-good)}.career-opportunity-card.strong::before{background:var(--signal-strong)}
.career-opportunity-year{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.career-opportunity-year strong{font-size:20px;letter-spacing:-.015em;color:var(--text)}.career-opportunity-year span{font-size:9.5px;font-weight:750;color:var(--muted)}
.career-opportunity-card b{display:block;color:var(--text);font-size:13.5px;line-height:1.3}.career-opportunity-card p{margin:4px 0 0;color:var(--muted);font-size:10.5px;line-height:1.4}.career-opportunity-tag{display:inline-flex;align-items:center;min-height:23px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--signal-good) 14%,var(--panel));border:1px solid color-mix(in srgb,var(--signal-good) 32%,var(--line));color:var(--green);font-size:9px;font-weight:800;margin-top:9px}
.career-trends-empty{padding:14px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:11px;line-height:1.45;background:var(--panel2)}
@media(max-width:980px){.career-past-list,.career-opportunity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.career-profile-panel{margin-top:18px;padding:20px 18px 18px;border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:var(--shadow)}
.career-profile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.career-profile-head h2{margin:0;font-size:18px;line-height:1.2;font-weight:800;letter-spacing:0;color:var(--text)}.career-profile-head p{margin:5px 0 0;max-width:720px;color:var(--muted);font-size:11.5px;line-height:1.45}.career-profile-legend{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.career-profile-legend span{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:850;color:var(--muted);white-space:nowrap}.career-profile-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.career-profile-legend .green{background:var(--signal-good)}.career-profile-legend .yellow{background:var(--signal-warn)}.career-profile-legend .red{background:var(--signal-stop)}
.career-profile-group+.career-profile-group{margin-top:20px}.career-profile-group h3{margin:0 0 9px;font-size:13px;font-weight:850;color:var(--text)}.career-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.career-profile-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:47px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}.career-profile-item.fit-green{background:color-mix(in srgb,var(--signal-good) 11%,var(--panel));border-color:color-mix(in srgb,var(--signal-good) 38%,var(--line))}.career-profile-item.fit-yellow{background:color-mix(in srgb,var(--signal-warn) 10%,var(--panel));border-color:color-mix(in srgb,var(--signal-warn) 34%,var(--line))}.career-profile-item.fit-red{background:color-mix(in srgb,var(--signal-stop) 8%,var(--panel));border-color:color-mix(in srgb,var(--signal-stop) 30%,var(--line))}.career-profile-rank{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--panel) 80%,transparent);border:1px solid var(--line);font-size:9px;font-weight:900;color:var(--muted)}.career-profile-name{font-size:10.8px;font-weight:850;line-height:1.25;color:var(--text)}.career-profile-fit{font-size:8.5px;font-weight:900;line-height:1;padding:5px 7px;border-radius:999px;white-space:nowrap}.fit-green .career-profile-fit{background:var(--signal-good);color:#07150c}.fit-yellow .career-profile-fit{background:var(--signal-warn);color:#2b2300}.fit-red .career-profile-fit{background:var(--signal-stop);color:#fff}.career-profile-empty{padding:14px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:11px;background:var(--panel2)}
@media(max-width:760px){.career-profile-head{display:block}.career-profile-legend{justify-content:flex-start;margin-top:10px}.career-profile-grid{grid-template-columns:1fr}.career-profile-panel{padding:16px 12px}.career-profile-head h2{font-size:17px}}

@media(max-width:760px){.career-past-list,.career-opportunity-grid{grid-template-columns:1fr}.career-trends-head{align-items:flex-start}.career-trends-section-head{display:block}.career-trajectory-head{align-items:flex-start;flex-direction:column}.career-trajectory-legend{justify-content:flex-start}}
@media(max-width:560px){.career-trends-head{display:block}.career-trends-refresh{margin-top:10px}.career-trends-section{padding:14px 12px}}

/* v19.195 chart-only Career Trends */
#view-careertrends .career-trends-shell{gap:0}
#view-careertrends .career-trends-content{display:block}
#view-careertrends .career-chart-only{margin:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);overflow:hidden}
#view-careertrends .career-trajectory-scroll{padding:0 10px 10px}
#view-careertrends .career-trends-loading{min-height:180px}
#view-careertrends .career-chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px 0}
#view-careertrends .career-chart-heading{min-width:0}
#view-careertrends .career-chart-title{margin:0!important;color:var(--text);font-family:inherit!important;font-size:var(--app-card-title-size)!important;line-height:var(--app-card-title-line)!important;font-weight:var(--app-card-title-weight)!important;letter-spacing:var(--app-card-title-track)!important}
#view-careertrends .career-chart-subtitle{margin:2px 0 0;color:var(--muted);font-size:11.5px;line-height:1.15;font-weight:600}
@media(max-width:620px){#view-careertrends .career-chart-toolbar{align-items:flex-start;flex-direction:column;gap:3px;padding:10px 12px 0}#view-careertrends .career-chart-title,.career-trends-profile-summary .career-profile-column-head h3{font-size:17px!important}}



/* v19.438: year labels, period dots and current-year marker align to visual cell centres. */
.career-future-panel{margin-top:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);overflow:hidden}
.career-future-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 17px 13px;border-bottom:1px solid var(--line)}
.career-future-heading{min-width:0}.career-future-heading h3{margin:0;color:var(--text);font-family:inherit;font-size:var(--app-card-title-size);line-height:var(--app-card-title-line);font-weight:var(--app-card-title-weight);letter-spacing:var(--app-card-title-track)}
.career-future-title-row{display:flex;align-items:center;gap:10px;min-width:0}.career-future-title-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:var(--blue2);color:var(--blue);display:grid;place-items:center}.career-future-title-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.career-future-title-row h3{min-width:0}
.career-future-sublegend{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap;margin:8px 0 0;color:var(--muted);font-size:9.8px;font-weight:800;flex:0 0 auto}.career-future-sublegend span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.career-future-sublegend i{width:8px;height:8px;border-radius:50%;display:inline-block}.career-future-sublegend .opportunity{background:var(--signal-good)}.career-future-sublegend .transformation{background:var(--signal-warn)}.career-future-sublegend .mixed{background:#8290a4}.career-future-sublegend .lowlight{background:var(--signal-stop)}
.career-future-scroll{overflow-x:auto;padding:12px 14px 14px;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:color-mix(in srgb,var(--blue) 62%,#8290a4) color-mix(in srgb,var(--panel2) 82%,#000 18%)}.career-future-scroll::-webkit-scrollbar{height:12px}.career-future-scroll::-webkit-scrollbar-track{background:color-mix(in srgb,var(--panel2) 82%,#000 18%);border-radius:999px}.career-future-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--blue) 62%,#8290a4);border:2px solid color-mix(in srgb,var(--panel2) 82%,#000 18%);border-radius:999px;min-width:42px}.career-future-scroll::-webkit-scrollbar-thumb:hover{background:var(--blue)}.career-future-timeline{--career-future-years:11;position:relative;width:100%;min-width:100%}
.career-future-scale{display:grid;grid-template-columns:repeat(var(--career-future-years),minmax(0,1fr));margin:0 7px 8px}.career-future-scale span{position:relative;padding:0 0 7px;text-align:center;color:var(--muted);font-size:9px;font-weight:800}.career-future-scale span::before{content:"";position:absolute;left:50%;bottom:0;width:1px;height:5px;transform:translateX(-.5px);background:var(--line)}
.career-future-scale span.current{color:var(--blue);font-weight:950}.career-future-scale span.current::before{display:none}.career-future-scale span.current::after{content:"Current";position:absolute;left:50%;top:-12px;transform:translateX(-50%);font-size:7.5px;line-height:1;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--blue);white-space:nowrap}
.career-future-track{position:relative;display:grid;grid-template-columns:repeat(var(--career-future-years),minmax(0,1fr));gap:0;padding-top:18px}.career-future-track::before{content:"";position:absolute;left:7px;right:7px;top:8px;height:2px;border-radius:999px;background:color-mix(in srgb,var(--line) 78%,var(--text) 22%)}
.career-future-segment{--span:1;grid-column:span var(--span);position:relative;min-width:0;margin:0 3px;padding:13px 13px 12px;border:1px solid color-mix(in srgb,#8290a4 58%,var(--line));border-radius:13px;background:color-mix(in srgb,#8290a4 32%,var(--panel2));box-shadow:0 6px 16px rgba(30,68,110,.07)}
.career-future-segment::before{content:"";position:absolute;top:-15px;left:50%;width:10px;height:10px;transform:translateX(-50%);border-radius:50%;border:2px solid var(--panel);box-shadow:0 0 0 1px var(--line);background:#8290a4}.career-future-segment::after{display:none}.career-future-segment.current-period::after{content:"";display:block;position:absolute;left:var(--current-year-x);top:-20px;bottom:-1px;width:2px;transform:translateX(-1px);background:var(--signal-stop);border-radius:999px;box-shadow:0 0 0 1px color-mix(in srgb,var(--signal-stop) 18%,transparent),0 0 8px color-mix(in srgb,var(--signal-stop) 46%,transparent);z-index:5;pointer-events:none}
.career-future-segment.mixed{border-color:color-mix(in srgb,#8290a4 62%,var(--line));background:color-mix(in srgb,#8290a4 32%,var(--panel2))}.career-future-segment.mixed::before{background:#8290a4}.career-future-segment.transformation{border-color:color-mix(in srgb,var(--signal-warn) 66%,var(--line));background:color-mix(in srgb,var(--signal-warn) 38%,var(--panel2))}.career-future-segment.transformation::before{background:var(--signal-warn)}
.career-future-segment.opportunity{border-color:color-mix(in srgb,var(--signal-good) 64%,var(--line));background:color-mix(in srgb,var(--signal-good) 40%,var(--panel2))}.career-future-segment.opportunity::before{background:var(--signal-good)}
.career-future-segment.lowlight{border-color:color-mix(in srgb,var(--signal-stop) 66%,var(--line));background:color-mix(in srgb,var(--signal-stop) 38%,var(--panel2))}.career-future-segment.lowlight::before{background:var(--signal-stop)}.career-future-segment.pending{border-style:dashed;border-color:color-mix(in srgb,var(--line) 86%,var(--muted));background:color-mix(in srgb,var(--panel2) 94%,transparent);box-shadow:none;opacity:.48}.career-future-segment.pending::before{background:var(--line)}.career-future-segment.pending .career-future-range strong{color:var(--muted);font-weight:750}
.career-future-range{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:0}.career-future-range strong{font-size:14px;line-height:1.15;color:var(--text);font-weight:900}
.career-future-link{margin-top:0;padding-top:0;font-size:10.3px;line-height:1.45;color:var(--muted);font-weight:750}.career-future-link b{color:var(--text);font-weight:900}.career-future-loading{padding:18px;color:var(--muted);font-size:11px;font-weight:750}.career-future-timeline[aria-busy="true"]{opacity:1}
@media(max-width:760px){.career-future-panel{margin-top:0}.career-future-toolbar{display:flex;align-items:flex-start;padding:14px 13px 11px}.career-future-sublegend{gap:9px;margin-top:7px;font-size:9px}.career-future-scroll{padding-left:10px;padding-right:10px}}
@media(max-width:560px){.career-future-toolbar{display:block}.career-future-sublegend{justify-content:flex-start;margin:10px 0 0 44px}}



.ampm-boundary-dialog{width:min(390px,calc(100vw - 28px));padding:0;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);box-shadow:0 24px 70px rgba(0,0,0,.34)}
.ampm-boundary-dialog::backdrop{background:rgba(5,12,22,.55);backdrop-filter:blur(2px)}
.ampm-boundary-dialog-inner{padding:20px}
.ampm-boundary-dialog-kicker{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:7px}
.ampm-boundary-dialog h3{margin:0 0 7px;font-size:18px;line-height:1.2;font-weight:850;letter-spacing:-.015em}
.ampm-boundary-dialog p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.ampm-boundary-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}
.ampm-boundary-dialog-actions button{height:36px;padding:0 14px;border-radius:10px;font-size:11px;font-weight:850;cursor:pointer}
.ampm-boundary-stay{border:1px solid var(--line);background:var(--panel2);color:var(--text)}
.ampm-boundary-switch{border:1px solid var(--blue);background:var(--blue);color:#fff}
@media(max-width:520px){.ampm-boundary-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.ampm-boundary-dialog-actions button{width:100%}}



.career-profile-page-shell{max-width:1440px;margin:0 auto}
.career-profile-loading{min-height:220px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);display:grid;place-items:center;text-align:center;padding:28px;color:var(--muted);font-size:12px;line-height:1.5}
.career-profile-loading.error{color:var(--red);background:var(--red2);border-color:color-mix(in srgb,var(--red) 42%,var(--line))}
.career-profile-page-content{display:block}
.career-profile-page-head{display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:3px 2px 0}
.career-profile-title-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 15%,var(--panel)),color-mix(in srgb,#14b8a6 10%,var(--panel)));border:1px solid color-mix(in srgb,var(--blue) 18%,var(--line));color:var(--blue);box-shadow:0 8px 22px rgba(37,99,235,.07);flex:0 0 auto}
.career-profile-title-icon svg{width:21px;height:21px}
.career-profile-page-head h2{margin:0;font-size:22px;line-height:1.15;font-weight:850;letter-spacing:-.012em;color:var(--text)}
.career-profile-page-head p{margin:4px 0 0;color:var(--muted);font-size:11.5px;line-height:1.4}
.career-profile-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.career-profile-column{border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow);padding:17px}
.career-profile-column-head{display:flex;align-items:center;gap:11px;padding:1px 1px 13px;border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent);margin-bottom:11px}
.career-profile-column-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--blue2);color:var(--blue);flex:0 0 auto}
.career-profile-column-icon svg{width:18px;height:18px}
.career-profile-column-copy{min-width:0;flex:1}
.career-profile-column-head h3{margin:0;font-size:16px;line-height:1.2;font-weight:850;color:var(--text)}
.career-profile-column-head p{margin:3px 0 0;color:var(--muted);font-size:10.5px;line-height:1.35}
.career-profile-list{display:flex;flex-direction:column;gap:6px}
.career-profile-row{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-height:43px;padding:7px 11px 7px 8px;border:0;border-radius:11px;box-shadow:none;cursor:default;transition:none}
.career-profile-row .career-profile-rank{width:27px;height:27px;display:grid;place-items:center;background:transparent;border:0;border-radius:0;font-size:9px;font-weight:950;letter-spacing:.02em;color:inherit;opacity:.72}
.career-profile-row .career-profile-name{font-size:11px;font-weight:850;line-height:1.25;color:inherit}
.career-profile-row.tone-green{background:var(--signal-good);color:#07150c}
.career-profile-row.tone-yellow{background:var(--signal-warn);color:#2b2300}
.career-profile-row.tone-red{background:var(--signal-stop);color:#fff}
.career-profile-empty{padding:14px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:11px;background:var(--panel2)}
@media(max-width:1100px){.career-profile-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.career-profile-page-head{margin-bottom:11px}}@media(max-width:720px){.career-profile-columns{grid-template-columns:1fr}}
@media(max-width:720px){.topnav button{gap:3px!important;font-size:9.5px!important;padding:0 3px!important}.topnav button svg{width:16px;height:16px}}
@media(max-width:560px){.career-profile-column{padding:13px 11px}.career-profile-page-head h2{font-size:19px}.career-profile-title-icon{width:38px;height:38px;border-radius:12px}}



/* Uniform semantic colours: career/job strengths are green; career risks are red. Ranking no longer changes bar colour. */
.career-profile-column-sectors .career-profile-row,
.career-profile-column-jobNature .career-profile-row{
  background:var(--signal-good)!important;
  color:#07150c!important;
}
.career-profile-column-careerRisks .career-profile-row{
  background:var(--signal-stop)!important;
  color:#fff!important;
}
/* Larger bar copy for easier scanning in both the full profile and Career Trends summary. */
.career-profile-row .career-profile-name{
  font-size:13px!important;
  line-height:1.28!important;
  font-weight:850!important;
}
.career-profile-row .career-profile-rank{
  font-size:10px!important;
}
.career-trends-profile-summary .career-profile-row .career-profile-name{
  font-size:12.5px!important;
}
.career-trends-profile-summary .career-profile-row .career-profile-rank{
  font-size:9.5px!important;
}



/* v19.307 read-only metaphysics gallery: 2x2 layout, current Qi Men, richer chart presentation. */
.metaphysics-trigger{height:38px;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:0 12px;display:flex;align-items:center;gap:7px;font-size:inherit;font-weight:700;color:var(--text);cursor:pointer;white-space:nowrap}
.metaphysics-trigger:hover,.metaphysics-trigger.active{background:var(--blue2);color:var(--blue);border-color:color-mix(in srgb,var(--blue) 34%,var(--line))}
.metaphysics-trigger svg{width:17px;height:17px;stroke-width:1.9}
#view-metaphysics{padding-bottom:30px}
.metaphysics-shell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.metaphysics-card{min-width:0;height:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,#fff 4%),var(--panel));border:1px solid color-mix(in srgb,var(--line) 88%,#fff 12%);border-radius:18px;box-shadow:0 12px 34px rgba(0,0,0,.16);overflow:hidden;position:relative}
.metaphysics-card-head{display:flex;align-items:center;gap:11px;padding:14px 16px 12px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 78%,transparent),transparent)}
.metaphysics-card-icon{width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--blue2) 74%,var(--panel2));display:grid;place-items:center;color:var(--blue);flex:0 0 auto;border:1px solid color-mix(in srgb,var(--blue) 20%,var(--line))}
.metaphysics-card-icon svg{width:18px;height:18px;stroke-width:1.9}
.metaphysics-card-title{min-width:0;display:grid;gap:2px}.metaphysics-card-title h2{margin:0;font-size:15.5px;line-height:1.15;font-weight:900;color:var(--text)}.metaphysics-card-title span{font-size:9.5px;line-height:1.3;color:var(--muted);font-weight:760;letter-spacing:.015em}
.metaphysics-card-badge{margin-left:auto;align-self:center;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:3px 7px;font-size:8.5px;font-weight:850;letter-spacing:.055em;text-transform:uppercase;color:var(--muted);background:var(--panel)}
.metaphysics-card[data-kind="qimen"] .metaphysics-card-badge{color:var(--signal-good);border-color:color-mix(in srgb,var(--signal-good) 32%,var(--line));background:color-mix(in srgb,var(--signal-good) 8%,var(--panel))}
.metaphysics-frame-wrap{position:relative;min-height:280px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 92%,#000 8%),var(--panel2));padding:6px}
.metaphysics-frame{display:block;width:100%;height:430px;border:0;background:transparent;pointer-events:none;user-select:none;border-radius:12px}
.metaphysics-frame[data-chart="bazi"]{min-height:528px}.metaphysics-frame[data-chart="vedic"]{min-height:528px}.metaphysics-frame[data-chart="qimen"]{min-height:590px}.metaphysics-frame[data-chart="western"]{min-height:590px}
.metaphysics-loading{position:absolute;inset:6px;display:grid;place-items:center;background:color-mix(in srgb,var(--panel2) 96%,#000 4%);z-index:2;transition:opacity .18s ease,visibility .18s ease;border-radius:12px}
.metaphysics-loading.done{opacity:0;visibility:hidden;pointer-events:none}.metaphysics-loading-inner{display:grid;justify-items:center;gap:10px;color:var(--muted);font-size:11px;font-weight:750}.metaphysics-spinner{width:30px;height:30px;border-radius:50%;border:3px solid color-mix(in srgb,var(--text) 14%,transparent);border-top-color:var(--blue);animation:metaphysics-spin .8s linear infinite}.metaphysics-error{padding:18px;color:var(--signal-stop);font-size:12px;font-weight:750;text-align:center;line-height:1.5}
@keyframes metaphysics-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.metaphysics-spinner{animation:none;border-top-color:var(--text)}}
@media(max-width:980px){.metaphysics-shell{grid-template-columns:1fr}.metaphysics-frame[data-chart="qimen"],.metaphysics-frame[data-chart="western"],.metaphysics-frame[data-chart="vedic"]{min-height:560px}}
@media(max-width:720px){.metaphysics-trigger span{display:none}.metaphysics-trigger{width:38px;padding:0;justify-content:center}.metaphysics-card-head{padding:12px 13px 10px}.metaphysics-card-title h2{font-size:14.5px}.metaphysics-card-badge{font-size:7.5px}.metaphysics-frame-wrap{padding:4px}.metaphysics-loading{inset:4px}.metaphysics-frame[data-chart="bazi"]{min-height:430px}.metaphysics-frame[data-chart="qimen"]{min-height:520px}.metaphysics-frame[data-chart="western"]{min-height:500px}}

.metaphysics-native-mount{width:100%;min-height:500px;border-radius:12px;background:transparent;padding:8px;pointer-events:none;user-select:none;color:var(--text)}
.metaphysics-native-mount[data-chart="qimen"]{min-height:520px}.metaphysics-native-mount[data-chart="western"]{min-height:528px}.metaphysics-native-mount[data-chart="vedic"]{min-height:528px}
.ts-qm-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:7px}.ts-qm-meta>div{border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:6px 7px}.ts-qm-meta small{display:block;font-size:7px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.05em}.ts-qm-meta b{display:block;font-size:9px;margin-top:2px}.ts-qm-grid-direct{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ts-qm-palace-direct{min-height:138px;border:1px solid #354158;border-radius:10px;background:linear-gradient(180deg,#151d29,#111823);padding:7px;display:grid;align-content:start;gap:5px}.ts-qm-palace-direct.center{place-items:center;text-align:center;background:#111822}.ts-qm-palace-top{display:flex;justify-content:space-between;gap:5px;color:#94a5bd;font-size:8px;font-weight:900}.ts-qm-palace-door{font-size:20px;font-weight:950;line-height:1}.ts-qm-palace-door small{display:block;font-size:7px;color:#7f8da5;margin-top:3px}.ts-qm-palace-pair{display:grid;grid-template-columns:1fr 1fr;gap:5px}.ts-qm-palace-pair div,.ts-qm-stems-direct{border-top:1px solid #2b374a;padding-top:4px}.ts-qm-palace-pair small,.ts-qm-stems-direct small{font-size:6.5px;color:#75849b;text-transform:uppercase;font-weight:900}.ts-qm-palace-pair b,.ts-qm-stems-direct b{display:block;font-size:8px;margin-top:1px}.ts-qm-stems-direct{display:flex;justify-content:space-between;gap:8px}.ts-qm-markers{display:flex;gap:4px;flex-wrap:wrap}.ts-qm-marker-direct{font-size:6.5px;border:1px solid #45526a;border-radius:999px;padding:2px 5px;color:#b7c4d7}
.ts-vedic-direct{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(132px,auto));gap:5px;position:relative}.ts-vedic-house-direct{border:1px solid #354157;border-radius:10px;background:linear-gradient(180deg,#151d29,#111823);padding:7px;min-width:0;overflow:hidden}.ts-vedic-house-direct.lagna{border-color:#5588b5}.ts-vedic-house-head{display:flex;justify-content:space-between;gap:5px}.ts-vedic-house-head b{font-size:9px}.ts-vedic-house-head span{font-size:7px;color:#7f8ca3}.ts-vedic-rashi{font-size:8px;color:#9fb0c6;margin-top:2px}.ts-vedic-graha{margin-top:5px;border-top:1px solid #2b3749;padding-top:4px}.ts-vedic-graha b{display:block;font-size:8px}.ts-vedic-graha span{display:block;color:#8190a7;font-size:6.8px;line-height:1.32;margin-top:1px}.ts-vedic-centre-direct{grid-column:2/4;grid-row:2/4;border:1px solid #4a5871;border-radius:12px;background:radial-gradient(circle at 50% 30%,#182334,#101722 72%);padding:9px;display:grid;align-content:start;gap:7px;z-index:1}.ts-vedic-centre-title{text-align:center}.ts-vedic-centre-title b{display:block;font-size:13px}.ts-vedic-centre-title span{display:block;font-size:7.5px;color:#8e9db4;margin-top:2px}.ts-vedic-centre-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.ts-vedic-centre-chip{border:1px solid #2f3c51;border-radius:8px;background:#121b28;padding:5px 6px;min-width:0}.ts-vedic-centre-chip small{display:block;font-size:6px;color:#77869e;text-transform:uppercase;font-weight:900}.ts-vedic-centre-chip b{display:block;font-size:7.5px;line-height:1.3;margin-top:2px}.ts-vedic-dasha{border-top:1px solid #334056;padding-top:6px}.ts-vedic-dasha-row{display:grid;grid-template-columns:58px 1fr;gap:5px;font-size:7px;line-height:1.35;margin-top:3px}.ts-vedic-dasha-row span{color:#7888a1;font-weight:850}.ts-vedic-dasha-row b{font-weight:850}.ts-vedic-sequence{font-size:6.7px;color:#8b9ab1;line-height:1.4;margin-top:4px}
.ts-western-card-direct{display:grid;gap:7px}.ts-western-wheel-direct{width:100%;max-width:720px;margin:0 auto;display:block}.ts-western-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ts-western-panel{border:1px solid #2c394d;border-radius:9px;background:#111925;padding:6px}.ts-western-panel h4{margin:0 0 5px;font-size:7px;color:#7f8ea6;text-transform:uppercase;letter-spacing:.05em}.ts-western-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 6px}.ts-western-item{font-size:7px;color:#9baac0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-western-item b{color:#dbe5f3}.ts-western-aspects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 6px}.ts-western-aspect{font-size:7px;color:#93a2b8}
@media(max-width:720px){.ts-qm-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.ts-qm-palace-direct{min-height:124px}.ts-vedic-direct{grid-template-rows:repeat(4,minmax(120px,auto))}.ts-western-data-grid{grid-template-columns:1fr}}



/* v19.316: compact chart cards that wrap their own content instead of stretching to row height. */
#view-metaphysics{padding-bottom:14px!important}
.metaphysics-shell{align-items:start!important;gap:14px!important}
.metaphysics-card{height:auto!important;align-self:start!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important}
.metaphysics-card-head{padding:12px 14px 10px!important;gap:10px!important}
.metaphysics-card-icon{width:31px!important;height:31px!important;border-radius:10px!important}
.metaphysics-card-icon svg{width:17px!important;height:17px!important}
.metaphysics-card-title h2{font-size:15px!important}.metaphysics-card-title span{font-size:9px!important;line-height:1.26!important}
.metaphysics-card-badge{font-size:8px!important;padding:3px 6px!important}
.metaphysics-frame-wrap{min-height:0!important;padding:7px!important;background:color-mix(in srgb,var(--panel2) 94%,#000 6%)!important}
.metaphysics-frame{height:280px!important;min-height:0!important;border-radius:10px!important}
.metaphysics-frame[data-chart="bazi"],.metaphysics-frame[data-chart="qimen"],.metaphysics-frame[data-chart="western"],.metaphysics-frame[data-chart="vedic"]{min-height:0!important}
.metaphysics-native-mount,.metaphysics-native-mount[data-chart="qimen"],.metaphysics-native-mount[data-chart="western"],.metaphysics-native-mount[data-chart="vedic"]{min-height:0!important;padding:5px!important;border-radius:10px!important}
.metaphysics-loading{inset:7px!important;min-height:220px!important}
@media(max-width:980px){.metaphysics-frame[data-chart="qimen"],.metaphysics-frame[data-chart="western"],.metaphysics-frame[data-chart="vedic"]{min-height:0!important}}
@media(max-width:720px){.metaphysics-shell{gap:11px!important}.metaphysics-frame-wrap{padding:5px!important}.metaphysics-loading{inset:5px!important}.metaphysics-frame{height:270px!important}.metaphysics-native-mount{padding:3px!important}}



/* v19.317: four equal-height Metaphysics cards; BaZi/Vedic now share Qi Men paper palette. */
#view-metaphysics{--meta-paper:#fffdf8;--meta-soft:#f0f0ec;--meta-ink:#181818;--meta-muted:#666;--meta-line:#ddd}
.metaphysics-shell{align-items:stretch!important;grid-auto-rows:1fr!important}
.metaphysics-card{height:100%!important;min-height:0;align-self:stretch!important;display:flex!important;flex-direction:column!important;background:var(--panel)!important}
.metaphysics-card-head{flex:0 0 auto!important}
.metaphysics-frame-wrap{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
.metaphysics-frame,.metaphysics-native-mount{flex:0 0 auto!important}
.metaphysics-card[data-kind="bazi"] .metaphysics-frame-wrap,.metaphysics-card[data-kind="vedic"] .metaphysics-frame-wrap{background:var(--meta-paper)!important}
.metaphysics-card[data-kind="bazi"] .metaphysics-card-badge,.metaphysics-card[data-kind="vedic"] .metaphysics-card-badge{background:var(--meta-soft)!important;border-color:var(--meta-line)!important;color:var(--meta-muted)!important}
@media(max-width:980px){.metaphysics-shell{grid-auto-rows:auto!important}.metaphysics-card{height:auto!important;min-height:0!important}}



/* Keep the outer Metaphysics cards unchanged; only BaZi/Vedic chart canvases return to the original dark interior. */
.metaphysics-card[data-kind="bazi"] .metaphysics-frame-wrap,.metaphysics-card[data-kind="vedic"] .metaphysics-frame-wrap{background:#0b1220!important}
.metaphysics-card[data-kind="bazi"] .metaphysics-frame,.metaphysics-card[data-kind="vedic"] .metaphysics-native-mount{background:#0b1220!important}

<style id="v19-319-metaphysics-label-contrast-polish">
/* v19.319: consistent natal badges and Qi Men paper surface behind Western wheel. */
.metaphysics-card[data-kind="western"] .metaphysics-frame-wrap,
.metaphysics-card[data-kind="western"] .metaphysics-native-mount{background:#fffdf8!important}



/* v19.321: BaZi, Vedic and Western Natal Chart pills use the exact Qi Men Hour Chart treatment. */
.metaphysics-card-badge,
.metaphysics-card[data-kind="bazi"] .metaphysics-card-badge,
.metaphysics-card[data-kind="vedic"] .metaphysics-card-badge,
.metaphysics-card[data-kind="qimen"] .metaphysics-card-badge,
.metaphysics-card[data-kind="western"] .metaphysics-card-badge{
  color:var(--signal-good)!important;
  border:1px solid color-mix(in srgb,var(--signal-good) 32%,var(--line))!important;
  background:color-mix(in srgb,var(--signal-good) 8%,var(--panel))!important;
  border-radius:999px!important;
  padding:3px 7px!important;
  font-size:8.5px!important;
  font-weight:850!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}
@media(max-width:720px){
  .metaphysics-card-badge,
  .metaphysics-card[data-kind="bazi"] .metaphysics-card-badge,
  .metaphysics-card[data-kind="vedic"] .metaphysics-card-badge,
  .metaphysics-card[data-kind="qimen"] .metaphysics-card-badge,
  .metaphysics-card[data-kind="western"] .metaphysics-card-badge{font-size:7.5px!important;padding:3px 6px!important}
}



/* Stable chart canvases: do not stretch cards to the tallest sibling or squeeze chart internals at narrow widths. */
#view-metaphysics .metaphysics-shell{
  grid-template-columns:repeat(2,minmax(0,620px))!important;
  justify-content:center!important;
  align-items:start!important;
  grid-auto-rows:auto!important;
}
#view-metaphysics .metaphysics-card{
  width:100%!important;
  max-width:620px!important;
  aspect-ratio:1 / 1!important;
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
  display:flex!important;
  flex-direction:column!important;
}
#view-metaphysics .metaphysics-card-head{flex:0 0 auto!important}
#view-metaphysics .metaphysics-frame-wrap{
  position:relative!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
#view-metaphysics .metaphysics-frame{
  position:absolute!important;
  display:block!important;
  min-height:0!important;
  max-width:none!important;
  border:0!important;
  transform-origin:0 0!important;
}
#view-metaphysics .metaphysics-native-mount{
  position:absolute!important;
  inset:5px!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
}
#view-metaphysics .metaphysics-native-mount>.jy-native,
#view-metaphysics .metaphysics-native-mount>.ts-native-western{
  position:absolute!important;
  left:0;top:0;
  max-width:none!important;
  transform-origin:0 0!important;
}
#view-metaphysics .metaphysics-card-icon svg text{font-family:"Noto Serif CJK SC","Songti SC","STSong","Noto Serif SC",serif}
@media(max-width:980px){
  #view-metaphysics .metaphysics-shell{grid-template-columns:minmax(0,620px)!important;justify-items:center!important}
}
@media(max-width:720px){
  #view-metaphysics .metaphysics-shell{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  #view-metaphysics .metaphysics-card{max-width:none!important;aspect-ratio:1 / 1!important}
  #view-metaphysics .metaphysics-card-head{padding:10px 11px 9px!important}
  #view-metaphysics .metaphysics-card-title span{font-size:8.2px!important;line-height:1.18!important}
  #view-metaphysics .metaphysics-card-icon{width:29px!important;height:29px!important}
  #view-metaphysics .metaphysics-card-icon svg{width:17px!important;height:17px!important}
}

/* Mobile timeline: wider year cells + smaller period labels. The horizontal scroller carries the extra width. */
@media(max-width:760px){
  #view-careertrends .career-future-scale span{font-size:7.6px!important;line-height:1!important}
  #view-careertrends .career-future-scale span.current::after{font-size:6.5px!important;top:-10px!important}
  #view-careertrends .career-future-segment{margin:0 2px!important;padding:10px 7px 9px!important;border-radius:10px!important}
  #view-careertrends .career-future-range{gap:4px!important;min-width:0!important}
  #view-careertrends .career-future-range strong{font-size:9.5px!important;line-height:1!important;letter-spacing:-.025em!important;white-space:nowrap!important;overflow:visible!important}
}
@media(max-width:480px){
  #view-careertrends .career-future-scale span{font-size:7px!important}
  #view-careertrends .career-future-range strong{font-size:9px!important}
}



/* v19.329: increase Metaphysics card/header readability while preserving fixed square chart canvases. */
#view-metaphysics .metaphysics-card-title h2{font-size:17px!important;line-height:1.18!important}
#view-metaphysics .metaphysics-card-title span{font-size:10.5px!important;line-height:1.34!important}
#view-metaphysics .metaphysics-card-badge{font-size:9.5px!important;padding:4px 8px!important}
#view-metaphysics .metaphysics-card-head{padding:13px 15px 11px!important}
@media(max-width:720px){
  #view-metaphysics .metaphysics-card-title h2{font-size:16px!important}
  #view-metaphysics .metaphysics-card-title span{font-size:9.6px!important}
  #view-metaphysics .metaphysics-card-badge{font-size:8.5px!important}
}



#view-compatibility{padding-bottom:26px}
.compat-shell{display:grid;gap:16px}.compat-intro-card{padding:17px 19px;display:flex;align-items:center;justify-content:space-between;gap:14px}.compat-title-row{display:flex;align-items:center;gap:11px}.compat-title-icon{width:38px;height:38px;border-radius:12px;background:var(--blue2);color:var(--blue);display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--blue) 24%,var(--line));flex:0 0 auto}.compat-title-icon svg{width:21px;height:21px}.compat-title-row h2{margin:0;font-size:20px;line-height:1.15}.compat-title-row p{margin:4px 0 0;font-size:12px;color:var(--muted);line-height:1.4}.compat-purpose-pill,.compat-linked-pill{white-space:nowrap;border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.compat-profile-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch}.compat-profile-card{padding:18px;min-width:0}.compat-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.compat-card-head h3{font-size:17px;line-height:1.2;margin:2px 0 0}.compat-eyebrow{font-size:9.5px;font-weight:900;letter-spacing:.075em;text-transform:uppercase;color:var(--muted)}.compat-profile-actions{display:flex;gap:7px}.compat-mini-action{height:32px;border:1px solid var(--line);background:var(--panel2);border-radius:10px;padding:0 9px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:850;color:var(--muted);cursor:pointer}.compat-mini-action:hover{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 34%,var(--line))}.compat-mini-action svg{width:14px;height:14px}.compat-fields-grid{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(105px,.62fr) minmax(145px,.92fr) minmax(210px,1.18fr) minmax(220px,1.48fr);gap:10px;align-items:end}.compat-custom-location{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(120px,.7fr));gap:10px;margin-top:12px;padding:12px;border:1px dashed var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel2) 74%,transparent)}.compat-field{min-width:0}.compat-field label{display:block;margin:0 0 6px;font-size:10.5px;font-weight:850;color:var(--muted)}.compat-field .input{height:39px;border-radius:10px;font-size:12px}.compat-wide{grid-column:auto}.compat-time-grid{display:grid;grid-template-columns:1fr 1fr .92fr;gap:6px}.compat-form-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}.compat-form-foot>span{font-size:10.5px;color:var(--muted);line-height:1.35}.compat-compare-btn{width:auto;min-width:165px;padding:0 16px;height:39px;white-space:nowrap}.compat-compare-btn:disabled{opacity:.58;cursor:wait}.compat-results{display:grid;gap:16px}.compat-results-grid{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(450px,1.15fr);gap:16px}.compat-score-card{padding:20px;display:flex;align-items:center;gap:19px;min-width:0}.compat-score-ring{--score:0;--ring:var(--signal-warn);width:126px;height:126px;border-radius:50%;background:conic-gradient(var(--ring) calc(var(--score)*1%),color-mix(in srgb,var(--line) 74%,transparent) 0);display:grid;place-items:center;flex:0 0 auto;position:relative}.compat-score-ring::before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--panel);border:1px solid var(--line)}.compat-score-ring>div{position:relative;z-index:1;display:grid;justify-items:center}.compat-score-ring strong{font-size:31px;line-height:1;font-weight:950}.compat-score-ring span{margin-top:3px;color:var(--muted);font-size:9px;font-weight:850}.compat-score-copy{min-width:0}.compat-score-copy h3{margin:4px 0 5px;font-size:23px;line-height:1.15}.compat-score-copy p{margin:0;color:var(--muted);font-size:11.5px;line-height:1.45}.compat-agreement{display:inline-flex;margin-top:11px;border-radius:999px;padding:6px 9px;background:var(--panel2);border:1px solid var(--line);font-size:9.5px;font-weight:850;color:var(--muted)}.compat-overview-card{padding:18px;min-width:0}.compat-overview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.compat-overview-head>span:last-child{font-size:9px;color:var(--muted);font-weight:750}.compat-system-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.compat-strip-item{border:1px solid var(--line);border-radius:13px;background:var(--panel2);padding:11px;min-width:0}.compat-strip-item span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.055em;font-weight:900;color:var(--muted)}.compat-strip-item strong{display:block;font-size:22px;line-height:1.05;margin:5px 0 3px}.compat-strip-item small{font-size:9px;color:var(--muted);font-weight:750}.compat-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.compat-system-card{padding:17px;min-width:0}.compat-system-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.compat-system-head h3{font-size:16px;margin:2px 0 0}.compat-system-score{font-size:20px;font-weight:950}.compat-system-score small{font-size:9px;color:var(--muted);font-weight:800}.compat-metric-list{display:grid;gap:8px;margin-top:12px}.compat-metric{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:10px;background:var(--panel2);padding:8px 9px}.compat-metric span{font-size:10px;color:var(--muted);font-weight:750;min-width:0}.compat-metric strong{font-size:11px;font-weight:900;text-align:right}.compat-contact-list{display:grid;gap:7px;margin-top:12px}.compat-contact{font-size:10.5px;line-height:1.35;color:var(--muted);padding:7px 8px;border-left:2px solid var(--line);background:color-mix(in srgb,var(--panel2) 55%,transparent)}.compat-method{margin:12px 0 0;color:var(--muted);font-size:9.5px;line-height:1.45}.compat-empty-state{padding:24px;display:flex;align-items:center;gap:14px}.compat-empty-icon{width:42px;height:42px;border-radius:13px;background:var(--panel2);color:var(--muted);display:grid;place-items:center;flex:0 0 auto}.compat-empty-icon svg{width:21px;height:21px}.compat-empty-state h3{font-size:15px;margin:0 0 4px}.compat-empty-state p{font-size:11px;color:var(--muted);line-height:1.45;margin:0;max-width:720px}
@media(max-width:1100px){.compat-results-grid{grid-template-columns:1fr}.compat-system-grid{grid-template-columns:1fr 1fr}.compat-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compat-custom-location{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){#view-compatibility{padding-bottom:16px}.compat-shell{gap:11px}.compat-intro-card{padding:13px;align-items:flex-start}.compat-title-row h2{font-size:17px}.compat-title-row p{font-size:10.5px}.compat-purpose-pill{padding:5px 7px;font-size:8px}.compat-profile-grid{gap:11px}.compat-profile-card{padding:13px}.compat-card-head{margin-bottom:12px}.compat-card-head h3{font-size:15px}.compat-mini-action{width:31px;padding:0;justify-content:center}.compat-mini-action span{display:none}.compat-fields-grid,.compat-custom-location{grid-template-columns:1fr;gap:10px}.compat-wide{grid-column:auto}.compat-form-foot{align-items:stretch;flex-direction:column}.compat-compare-btn{width:100%}.compat-results-grid{gap:11px}.compat-score-card{padding:15px;gap:13px}.compat-score-ring{width:100px;height:100px}.compat-score-ring strong{font-size:25px}.compat-score-copy h3{font-size:19px}.compat-system-strip{gap:6px}.compat-strip-item{padding:9px 7px}.compat-strip-item strong{font-size:18px}.compat-system-grid{grid-template-columns:1fr;gap:11px}.compat-system-card{padding:14px}.compat-empty-state{padding:16px}}



.compat-relation-control{display:flex;align-items:center;gap:8px;min-width:220px}.compat-relation-control label{font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.compat-relation-control .select-shell{min-width:160px;flex:1}.compat-relation-control .input{height:34px;border-radius:10px;font-size:10.5px;font-weight:800}.compat-timing-card{padding:18px;min-width:0}.compat-timing-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.compat-timing-head h3{margin:2px 0 3px;font-size:16px}.compat-timing-head p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.4}.compat-timing-range{font-size:9px;color:var(--muted);font-weight:850;white-space:nowrap}.compat-year-scroll{overflow-x:auto;padding-bottom:5px}.compat-year-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(74px,1fr);gap:7px;min-width:max-content}.compat-year-cell{border:1px solid var(--line);border-radius:11px;background:var(--panel2);padding:9px 8px;min-height:72px}.compat-year-cell strong{display:block;font-size:12px}.compat-year-cell span{display:block;margin-top:5px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.compat-year-cell small{display:block;margin-top:3px;font-size:9px;color:var(--muted)}.compat-year-cell.synergy{border-color:color-mix(in srgb,var(--signal-strong) 48%,var(--line));background:color-mix(in srgb,var(--signal-strong) 10%,var(--panel2))}.compat-year-cell.synergy span{color:var(--signal-strong)}.compat-year-cell.conflict{border-color:color-mix(in srgb,var(--signal-stop) 52%,var(--line));background:color-mix(in srgb,var(--signal-stop) 9%,var(--panel2))}.compat-year-cell.conflict span{color:var(--signal-stop)}.compat-year-cell.mixed span{color:var(--signal-warn)}.compat-period-lists{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.compat-period-box{border:1px solid var(--line);border-radius:12px;background:var(--panel2);padding:11px}.compat-period-box h4{font-size:10px;text-transform:uppercase;letter-spacing:.055em;margin:0 0 8px;color:var(--muted)}.compat-period-row{display:grid;grid-template-columns:44px 42px 1fr;gap:8px;align-items:start;padding:6px 0;border-top:1px solid color-mix(in srgb,var(--line) 65%,transparent);font-size:9.5px}.compat-period-row:first-of-type{border-top:0}.compat-period-row b{font-size:10.5px}.compat-period-row em{font-style:normal;font-weight:900}.compat-period-row span{color:var(--muted);line-height:1.35}.compat-bazi-archetype{margin-top:10px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel2) 60%,transparent);padding:9px;font-size:9.5px;color:var(--muted);line-height:1.45}.compat-bazi-archetype strong{color:var(--text)}
@media(max-width:720px){.compat-intro-card{flex-direction:column}.compat-relation-control{width:100%;min-width:0}.compat-period-lists{grid-template-columns:1fr}.compat-timing-card{padding:14px}.compat-year-track{grid-auto-columns:70px}}



.compat-saved-actions{align-items:center;flex-wrap:wrap}.compat-saved-select{min-width:190px}.compat-saved-select .input{height:32px;min-height:32px;font-size:10px}.compat-results-grid{grid-template-columns:1fr}.compat-score-card{min-height:150px}.compat-signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.compat-signal-card{padding:16px;min-width:0}.compat-signal-card h3{margin:3px 0 11px;font-size:15px}.compat-signal-list{display:grid;gap:7px}.compat-signal-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.compat-signal-row span{font-size:10px;line-height:1.3;color:var(--muted)}.compat-signal-row strong{font-size:11px}.compat-signal-empty{font-size:10px;line-height:1.45;color:var(--muted);padding:8px 0}.compat-signal-positive .compat-signal-row{border-color:color-mix(in srgb,var(--signal-strong) 35%,var(--line))}.compat-signal-negative .compat-signal-row{border-color:color-mix(in srgb,var(--signal-stop) 35%,var(--line))}.compat-system-card .compat-eyebrow,.compat-system-card .compat-method{display:none!important}.compat-timing-tools{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;justify-content:flex-end}.compat-timing-year-fields{display:flex;gap:7px}.compat-timing-year-fields label{display:grid;gap:4px;font-size:8.5px;font-weight:850;color:var(--muted);text-transform:uppercase;letter-spacing:.045em}.compat-timing-year-fields .input{width:86px;height:32px;min-height:32px;padding:5px 7px;font-size:10.5px}.compat-year-systems{font-size:8px!important;line-height:1.25;color:var(--muted)!important;text-transform:none!important;letter-spacing:0!important;font-weight:700!important}.compat-form-foot{justify-content:flex-start}.compat-system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compat-system-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1100px){.compat-signal-grid{grid-template-columns:1fr 1fr}.compat-system-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.compat-saved-actions{width:100%}.compat-saved-select{flex:1;min-width:150px}.compat-signal-grid,.compat-system-grid{grid-template-columns:1fr}.compat-timing-head{flex-direction:column}.compat-timing-tools{width:100%;justify-content:space-between}.compat-timing-year-fields{flex:1}.compat-timing-year-fields label{flex:1}.compat-timing-year-fields .input{width:100%}}



#view-compatibility .compat-fields-grid{grid-template-columns:minmax(120px,.8fr) minmax(165px,1.08fr) minmax(105px,.62fr) minmax(145px,.92fr) minmax(210px,1.18fr) minmax(220px,1.48fr)}
.compat-inline-loader{width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,var(--muted) 30%,transparent);border-top-color:var(--blue);display:inline-block;flex:0 0 auto;animation:compatFlywheel .7s linear infinite}
.compat-inline-loader[hidden]{display:none!important}
@keyframes compatFlywheel{to{transform:rotate(360deg)}}
.compat-timing-card{position:relative;overflow:hidden}.compat-timing-card.is-loading .compat-year-scroll{opacity:.4;filter:saturate(.7)}.compat-year-scroll{transition:opacity .18s ease,filter .18s ease}
.compat-timing-loader{width:18px;height:18px;margin-bottom:7px}
.compat-year-track{grid-auto-columns:minmax(78px,1fr);gap:8px}
.compat-year-cell{border:0!important;border-radius:12px;padding:11px 9px;min-height:74px;box-shadow:0 8px 18px rgba(0,0,0,.08);color:#211b00;background:var(--signal-warn)!important}
.compat-year-cell.synergy{background:var(--signal-strong)!important;color:#0b2415}.compat-year-cell.conflict{background:var(--signal-stop)!important;color:#fff}.compat-year-cell.mixed{background:var(--signal-warn)!important;color:#211b00}
.compat-year-cell strong{font-size:13px;color:inherit}.compat-year-cell span{margin-top:8px;font-size:9px;color:inherit!important;opacity:.82}.compat-year-cell small{display:none!important}
@media(max-width:1180px){#view-compatibility .compat-fields-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){#view-compatibility .compat-fields-grid{grid-template-columns:1fr}.compat-saved-actions{gap:8px}.compat-timing-loader{margin-bottom:0}}



#view-compatibility .compat-top-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(360px,.82fr);gap:16px;align-items:stretch}
#view-compatibility .compat-profile-grid{display:contents}
#view-compatibility .compat-fields-grid{grid-template-columns:minmax(82px,.55fr) minmax(88px,.58fr) minmax(128px,.82fr) minmax(190px,1.12fr) minmax(190px,1.18fr);gap:10px}
#view-compatibility .compat-profile-card,#view-compatibility .compat-general-card{height:100%}
.compat-general-card{padding:18px;min-width:0;display:flex;flex-direction:column}
.compat-general-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.compat-general-head h3{margin:3px 0 0;font-size:20px;line-height:1.1}
.compat-relationship-field{width:min(330px,62%);flex:0 0 auto;display:flex;align-items:center;gap:8px}.compat-relationship-field label{margin:0;white-space:nowrap}.compat-relationship-field .select-shell{flex:1;min-width:0}.compat-relationship-field .input{height:36px;min-height:36px;font-size:10.5px}
.compat-general-empty{margin:auto 0;padding:22px 4px;color:var(--muted);font-size:11px;line-height:1.5}
.compat-general-result{display:grid;gap:15px;padding-top:15px}.compat-general-result[hidden]{display:none!important}
.compat-human-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compat-human-item{border:1px solid var(--line);border-radius:11px;background:var(--panel2);padding:9px 10px;min-width:0}.compat-human-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.compat-human-top strong{font-size:10.5px;line-height:1.2}.compat-human-status{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap}.compat-human-item p{margin:5px 0 0;font-size:9.5px;line-height:1.35;color:var(--muted)}
.compat-human-item.strong{border-color:color-mix(in srgb,var(--signal-strong) 38%,var(--line))}.compat-human-item.strong .compat-human-status{color:var(--signal-strong)}.compat-human-item.supportive{border-color:color-mix(in srgb,var(--signal-good) 34%,var(--line))}.compat-human-item.supportive .compat-human-status{color:var(--signal-good)}.compat-human-item.mixed .compat-human-status{color:var(--signal-warn)}.compat-human-item.different{border-color:color-mix(in srgb,var(--signal-stop) 28%,var(--line))}.compat-human-item.different .compat-human-status,.compat-human-item.tension .compat-human-status{color:var(--signal-stop)}.compat-human-item.tension{border-color:color-mix(in srgb,var(--signal-stop) 48%,var(--line))}
.compat-signal-grid{display:none!important}
@media(max-width:1180px){#view-compatibility .compat-top-grid{grid-template-columns:1fr;align-items:start}#view-compatibility .compat-profile-card,#view-compatibility .compat-general-card{height:auto}.compat-general-card{min-height:0}#view-compatibility .compat-fields-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){#view-compatibility .compat-synergy-controls{width:100%;justify-content:flex-start}.compat-synergy-purpose-control,.compat-synergy-range-control{flex:1 1 100%}.compat-synergy-purpose-control .select-shell,.compat-synergy-range-control .select-shell{flex:1;min-width:0}#view-compatibility .compat-top-grid{gap:11px}#view-compatibility .compat-fields-grid{grid-template-columns:1fr}.compat-general-head{flex-direction:column}.compat-relationship-field{width:100%}.compat-human-grid{grid-template-columns:1fr}.compat-general-card{padding:13px}}



.birth-hour-unknown{display:inline-flex;align-items:center;gap:7px;margin-top:7px;font-size:10px;font-weight:800;color:var(--muted);cursor:pointer}.birth-hour-unknown input{accent-color:var(--blue)}.birth-hour-note{margin-top:5px;font-size:9px;line-height:1.35;color:var(--muted)}
#birthTimeControls.is-unknown .select-shell,#compatBirthTimeControls.is-unknown .select-shell{opacity:.42}
.compat-profile-timing{margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}.compat-timing-title{display:grid;gap:3px}.compat-timing-title strong{font-size:13px}.compat-timing-title span{font-size:9.5px;color:var(--muted)}
.compat-year-scroll{overflow:visible!important;padding-bottom:0!important}.compat-year-track{display:grid!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;min-width:0!important}.compat-year-cell{min-width:0;min-height:92px!important}.compat-year-cell small{display:block!important;margin-top:7px!important;font-size:8.5px!important;line-height:1.3!important;color:inherit!important;opacity:.78}.compat-year-cell span{margin-top:5px!important}
@media(max-width:980px){.compat-year-track{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:720px){.compat-year-track{grid-template-columns:repeat(2,minmax(0,1fr))!important}.compat-year-cell{min-height:88px!important}}
@media(max-width:420px){.compat-year-track{grid-template-columns:1fr!important}}

.birth-time-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.birth-time-label-row>label:first-child{margin:0!important}.birth-time-label-row .birth-hour-unknown{margin:0;font-size:9.5px;white-space:nowrap}
.compat-main-loader{min-height:210px;flex:1;display:grid;place-items:center}.compat-main-loader[hidden]{display:none!important}.compat-main-loader .career-trends-flywheel{width:42px;height:42px}.compat-main-loader-inner{display:grid;justify-items:center;gap:11px;text-align:center}.compat-main-loader-copy{max-width:290px;font-size:10.5px;line-height:1.4;font-weight:750;color:var(--muted)}
@media(max-width:540px){.birth-time-label-row{align-items:center}}



/* Mobile: keep the Other person / Birth details title on one line, with Load / Save / Remove in one row underneath. */
@media(max-width:720px){
  #view-compatibility .compat-profile-card .compat-card-head{display:flex;flex-direction:column;align-items:stretch;gap:9px;margin-bottom:12px}
  #view-compatibility .compat-profile-card .compat-card-head>div:first-child{display:flex;align-items:baseline;gap:7px;min-width:0}
  #view-compatibility .compat-profile-card .compat-card-head>div:first-child .compat-eyebrow{font-size:9px;white-space:nowrap}
  #view-compatibility .compat-profile-card .compat-card-head>div:first-child h3{margin:0;font-size:15px;white-space:nowrap}
  #view-compatibility .compat-saved-actions{display:flex;align-items:center;width:100%;gap:7px;min-width:0}
  #view-compatibility .compat-saved-select{flex:1 1 auto;min-width:0}
  #view-compatibility .compat-saved-select .input{width:100%}
  #view-compatibility .compat-saved-actions .compat-mini-action{width:auto;min-width:0;height:32px;padding:0 9px;flex:0 0 auto}
  #view-compatibility .compat-saved-actions .compat-mini-action span{display:inline;font-size:9px}
  #view-compatibility .compat-saved-actions .compat-mini-action svg{width:12px;height:12px}
}

.compat-window-sections{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.compat-window-section{min-width:0}.compat-window-section h4{margin:0 0 7px;font-size:9px;font-weight:900;letter-spacing:.055em;text-transform:uppercase;color:var(--muted)}.compat-window-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compat-window-card{border:0;border-radius:12px;padding:11px 10px;min-height:88px;box-shadow:0 8px 18px rgba(0,0,0,.08)}.compat-window-card.opportunity{background:var(--signal-strong);color:#0b2415}.compat-window-card.watch{background:var(--signal-stop);color:#fff}.compat-window-card strong{display:block;font-size:13px;color:inherit}.compat-window-card span{display:block;margin-top:5px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:inherit;opacity:.82}.compat-window-card small{display:block;margin-top:7px;font-size:8.5px;line-height:1.3;color:inherit;opacity:.82}.compat-window-empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:11px;padding:12px;color:var(--muted);font-size:9px;line-height:1.35;text-align:center}.compat-timing-card.is-loading .compat-window-sections{opacity:.42;pointer-events:none}@media(max-width:720px){.compat-window-sections{grid-template-columns:1fr}.compat-window-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.compat-window-grid{grid-template-columns:1fr 1fr}}



#view-compatibility .compat-primary-fields{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,.66fr) minmax(0,1fr) minmax(0,1.42fr);gap:10px;align-items:end}
#view-compatibility .compat-location-row{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1.42fr) minmax(0,.72fr) minmax(0,.72fr) minmax(0,.78fr);gap:10px;align-items:end;margin-top:10px;min-width:0}
#view-compatibility .compat-primary-fields .compat-field,#view-compatibility .compat-location-row .compat-field,#view-compatibility .compat-primary-fields .select-shell,#view-compatibility .compat-location-row .select-shell{min-width:0}
#view-compatibility .compat-primary-fields .input,#view-compatibility .compat-location-row .input{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
#view-compatibility .compat-primary-fields label,#view-compatibility .compat-location-row label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#view-compatibility .compat-human-item{padding:10px}
#view-compatibility .compat-human-item p{display:none!important}
#view-compatibility .compat-window-card{min-height:58px;display:grid;place-items:center;text-align:center;padding:10px}
#view-compatibility .compat-window-card span,#view-compatibility .compat-window-card small{display:none!important}
#view-compatibility .compat-window-card strong{font-size:14px;margin:0}
#view-compatibility .compat-timing-title span{display:none!important}
@media(max-width:1180px){#view-compatibility .compat-primary-fields{grid-template-columns:minmax(0,.9fr) minmax(0,.65fr) minmax(0,1fr) minmax(0,1.35fr)}#view-compatibility .compat-location-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1.35fr) minmax(0,.7fr) minmax(0,.7fr) minmax(0,.75fr)}}
@media(max-width:720px){#view-compatibility .compat-primary-fields{grid-template-columns:minmax(0,.92fr) minmax(0,.62fr) minmax(0,1.08fr) minmax(0,1.38fr);gap:6px}#view-compatibility .compat-location-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1.35fr) minmax(0,.68fr) minmax(0,.68fr) minmax(0,.72fr);gap:6px;margin-top:8px}#view-compatibility .compat-primary-fields .input,#view-compatibility .compat-location-row .input{height:34px;min-height:34px;font-size:9px;padding-left:7px;padding-right:7px}#view-compatibility .compat-primary-fields label,#view-compatibility .compat-location-row label{font-size:8.5px;margin-bottom:4px}#view-compatibility .birth-time-label-row{gap:4px}#view-compatibility .birth-time-label-row .birth-hour-unknown{font-size:8px}#view-compatibility .compat-time-grid{gap:3px}#view-compatibility .compat-window-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}



.birth-date-dropdowns{display:grid;grid-template-columns:minmax(66px,.72fr) minmax(92px,1fr) minmax(82px,.9fr);gap:8px;min-width:0}
.birth-date-dropdowns .select-shell,.birth-date-dropdowns .input{min-width:0;width:100%}
#view-compatibility .compat-profile-heading{display:flex;align-items:center;gap:9px;min-width:0}
#view-compatibility .compat-profile-title-icon{width:30px;height:30px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;flex:0 0 auto;background:rgba(255,255,255,.025);color:var(--text)}
#view-compatibility .compat-profile-title-icon svg{width:17px;height:17px}#view-compatibility .compat-synastry-title-icon svg{width:20px;height:20px}
#view-compatibility .compat-profile-heading h3{margin:0;line-height:1.15}
#view-compatibility .compat-general-head .compat-synastry-heading h3{margin:0;font-size:17px;line-height:1.15}
#view-compatibility .compat-date-dropdowns{grid-template-columns:minmax(54px,.7fr) minmax(76px,1fr) minmax(68px,.9fr);gap:6px}
#view-compatibility .compat-primary-fields{grid-template-columns:minmax(0,.82fr) minmax(0,.64fr) minmax(205px,1.24fr) minmax(190px,1.36fr)}
@media(max-width:1180px){#view-compatibility .compat-primary-fields{grid-template-columns:minmax(0,.82fr) minmax(0,.64fr) minmax(195px,1.2fr) minmax(180px,1.3fr)}}
@media(max-width:720px){.birth-date-dropdowns{grid-template-columns:minmax(54px,.68fr) minmax(78px,1fr) minmax(70px,.88fr);gap:6px}#view-compatibility .compat-profile-card .compat-card-head>div.compat-profile-heading:first-child{align-items:center;gap:8px}#view-compatibility .compat-profile-card .compat-card-head>div.compat-profile-heading:first-child h3{white-space:normal;line-height:1.15}#view-compatibility .compat-profile-title-icon{width:28px;height:28px;border-radius:8px}#view-compatibility .compat-primary-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#view-compatibility .compat-birthdate-field,#view-compatibility .compat-primary-fields>.compat-field:last-child{grid-column:1 / -1}#view-compatibility .compat-date-dropdowns{grid-template-columns:minmax(54px,.68fr) minmax(82px,1fr) minmax(72px,.9fr);gap:6px}}



#view-compatibility .compat-section-subtitle{margin-top:3px;color:var(--muted);font-size:9.5px;line-height:1.35;font-weight:650;letter-spacing:0;text-transform:none}
#view-compatibility .compat-general-title{min-width:0}
#view-compatibility .compat-general-title .compat-section-subtitle{margin-top:4px;max-width:260px}
#view-compatibility .compat-timing-title .compat-section-subtitle{display:block!important;margin-top:3px}
@media(max-width:720px){#view-compatibility .compat-section-subtitle{font-size:9px}#view-compatibility .compat-general-title .compat-section-subtitle{max-width:none}}



.compat-synastry-snapshot{margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}.compat-nature-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.compat-nature-highlights{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.compat-nature-chip{border:1px solid var(--line);border-radius:999px;padding:5px 8px;background:var(--panel2);font-size:8.5px;font-weight:850;color:var(--text)}.compat-nature-groups{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compat-nature-group{min-width:0}.compat-nature-group h4{margin:0 0 8px;font-size:9px;font-weight:900;letter-spacing:.055em;text-transform:uppercase;color:var(--muted)}.compat-nature-bars{display:grid;gap:8px}.compat-nature-row{border:1px solid var(--line);border-radius:11px;background:var(--panel2);padding:9px 10px}.compat-nature-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-bottom:6px}.compat-nature-top strong{font-size:10.5px}.compat-snapshot-confidence{font-size:7.7px;color:var(--muted);white-space:nowrap}.compat-snapshot-outcome{min-height:31px;border-radius:9px;border:1px solid transparent;display:flex;align-items:center;padding:7px 9px;font-size:9.5px;font-weight:900;line-height:1.25;letter-spacing:.005em}.compat-snapshot-outcome.tone-positive{background:color-mix(in srgb,var(--green) 20%,var(--panel2));border-color:color-mix(in srgb,var(--green) 55%,var(--line));color:color-mix(in srgb,var(--green) 74%,white)}.compat-snapshot-outcome.tone-caution{background:color-mix(in srgb,var(--amber) 18%,var(--panel2));border-color:color-mix(in srgb,var(--amber) 53%,var(--line));color:color-mix(in srgb,var(--amber) 80%,white)}.compat-snapshot-outcome.tone-negative{background:color-mix(in srgb,var(--red) 18%,var(--panel2));border-color:color-mix(in srgb,var(--red) 54%,var(--line));color:color-mix(in srgb,var(--red) 73%,white)}.compat-snapshot-outcome.tone-info{background:color-mix(in srgb,var(--blue) 18%,var(--panel2));border-color:color-mix(in srgb,var(--blue) 52%,var(--line));color:color-mix(in srgb,var(--blue) 74%,white)}.compat-nature-note{margin-top:10px;font-size:8.5px;line-height:1.4;color:var(--muted)}
@media(max-width:720px){.compat-nature-groups{grid-template-columns:1fr}.compat-nature-axis{font-size:7.4px}}
.compat-snapshot-right{margin-top:0;padding-top:0;border-top:0}.compat-snapshot-details{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.compat-key-features{margin-bottom:13px}.compat-snapshot-section-title{font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 7px}.compat-key-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0}.compat-key-feature{border-radius:10px;padding:9px 10px;font-size:10px;font-weight:950;line-height:1.25;border:1px solid transparent}.compat-key-feature.tone-positive{background:color-mix(in srgb,var(--green) 19%,var(--panel2));border-color:color-mix(in srgb,var(--green) 58%,var(--line));color:color-mix(in srgb,var(--green) 76%,white)}.compat-key-feature.tone-caution{background:color-mix(in srgb,var(--amber) 18%,var(--panel2));border-color:color-mix(in srgb,var(--amber) 58%,var(--line));color:color-mix(in srgb,var(--amber) 82%,white)}.compat-key-feature.tone-negative{background:color-mix(in srgb,var(--red) 19%,var(--panel2));border-color:color-mix(in srgb,var(--red) 60%,var(--line));color:color-mix(in srgb,var(--red) 76%,white)}.compat-key-feature.tone-info{background:color-mix(in srgb,var(--blue) 18%,var(--panel2));border-color:color-mix(in srgb,var(--blue) 55%,var(--line));color:color-mix(in srgb,var(--blue) 76%,white)}
@media(max-width:720px){.compat-key-feature-grid{grid-template-columns:1fr}.compat-snapshot-details{margin-top:10px;padding-top:10px}}
/* v19.377: Synastry result cards use solid signal colours with black text. */
#view-compatibility .compat-nature-row{border:0!important;box-shadow:0 8px 18px rgba(0,0,0,.10);color:#080808!important}
#view-compatibility .compat-nature-row.tone-positive{background:var(--signal-strong)!important}
#view-compatibility .compat-nature-row.tone-caution{background:var(--signal-warn)!important}
#view-compatibility .compat-nature-row.tone-negative{background:var(--signal-stop)!important}
#view-compatibility .compat-nature-row.tone-info{background:var(--signal-warn)!important}
#view-compatibility .compat-nature-row .compat-nature-top strong,
#view-compatibility .compat-nature-row .compat-snapshot-confidence,
#view-compatibility .compat-nature-row .compat-snapshot-outcome{color:#080808!important}
#view-compatibility .compat-nature-row .compat-snapshot-outcome{background:transparent!important;border:0!important;padding:2px 0 0!important;min-height:0!important}
#view-compatibility .compat-key-feature{border:0!important;color:#080808!important;box-shadow:0 8px 18px rgba(0,0,0,.10)}
#view-compatibility .compat-key-feature.tone-positive{background:var(--signal-strong)!important}
#view-compatibility .compat-key-feature.tone-caution{background:var(--signal-warn)!important}
#view-compatibility .compat-key-feature.tone-negative{background:var(--signal-stop)!important}
#view-compatibility .compat-key-feature.tone-info{background:var(--signal-warn)!important}
/* v19.378: stronger title/descriptor hierarchy inside Synastry interaction cards. */
#view-compatibility .compat-nature-row{padding:0!important;overflow:hidden}
#view-compatibility .compat-nature-row .compat-nature-top{margin:0!important;padding:8px 10px;background:rgba(0,0,0,.12);align-items:center}
#view-compatibility .compat-nature-row .compat-nature-top strong{font-weight:900!important;font-size:10.5px}
#view-compatibility .compat-nature-row .compat-snapshot-confidence{font-weight:500!important}
#view-compatibility .compat-nature-row .compat-snapshot-outcome{padding:8px 10px 9px!important;font-weight:500!important;line-height:1.35}
#view-compatibility .compat-snapshot-details.no-key-features{margin-top:0!important;padding-top:0!important;border-top:0!important}
#view-compatibility .compat-nature-group{display:flex;flex-direction:column}
#view-compatibility .compat-nature-bars{flex:1;display:grid;grid-auto-rows:1fr}
#view-compatibility .compat-nature-row{height:100%;display:flex;flex-direction:column}
#view-compatibility .compat-nature-row .compat-snapshot-outcome{flex:1;align-items:flex-start}



/* Larger Synastry card text: Key Features + Everyday Interaction + Pressure & Support */
#view-compatibility .compat-key-feature{font-size:12px!important;line-height:1.35!important}
#view-compatibility .compat-nature-row .compat-nature-top strong{font-size:12px!important;line-height:1.25!important}
#view-compatibility .compat-nature-row .compat-snapshot-confidence{font-size:9px!important;line-height:1.25!important}
#view-compatibility .compat-nature-row .compat-snapshot-outcome{font-size:11.5px!important;line-height:1.45!important}
@media(max-width:720px){
  #view-compatibility .compat-key-feature{font-size:11.5px!important}
  #view-compatibility .compat-nature-row .compat-nature-top strong{font-size:11.5px!important}
  #view-compatibility .compat-nature-row .compat-snapshot-outcome{font-size:11px!important}
}



/* Synastry polish: key-feature copy is descriptive, not a bold heading. */
#view-compatibility .compat-key-feature{font-weight:500!important}
/* Keep Hour unknown text optically centred on the checkbox in both profile panels. */
.birth-hour-unknown{display:inline-flex!important;align-items:center!important;line-height:1!important}
.birth-hour-unknown input[type="checkbox"]{margin:0!important;flex:0 0 auto;vertical-align:middle}
.birth-hour-unknown input[type="checkbox"] + *{line-height:1!important}



/* v19.386: Synergy range selection, centered graph and icon scope correction. */
#view-compatibility .compat-synergy-title-icon svg{display:block;width:20px;height:20px;overflow:visible;color:var(--text);opacity:.95}
#view-compatibility .compat-synergy-title-icon path{vector-effect:non-scaling-stroke}
#view-compatibility .compat-profile-card{grid-column:1;grid-row:1;height:auto}
#view-compatibility .compat-synergy-card{grid-column:1;grid-row:2;min-width:0;padding:18px;align-self:start}
#view-compatibility .compat-general-card{grid-column:2;grid-row:1 / span 2;height:100%;min-height:0}
.compat-synergy-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;flex-wrap:wrap}
.compat-synergy-head h3{margin:0;font-size:17px;line-height:1.15}
.compat-synergy-range{margin-top:3px;font-size:9px;color:var(--muted);font-weight:700}.compat-synergy-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;flex-wrap:wrap}.compat-synergy-range-control,.compat-synergy-purpose-control{display:flex;align-items:center;gap:8px}.compat-synergy-range-control label,.compat-synergy-purpose-control label{margin:0;font-size:10.5px;font-weight:850;color:var(--muted);white-space:nowrap}.compat-synergy-range-control .select-shell{min-width:132px}.compat-synergy-purpose-control .select-shell{min-width:190px}.compat-synergy-range-control .input,.compat-synergy-purpose-control .input{height:36px;min-height:36px;border-radius:10px;padding:0 32px 0 12px;font-size:10.5px;font-weight:800}
.compat-synergy-loader{min-height:190px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted);font-size:10px;font-weight:750;text-align:center}
.compat-synergy-loader[hidden]{display:none!important}.compat-synergy-loader .career-trends-flywheel{width:38px;height:38px}
.compat-synergy-empty[hidden]{display:none!important}
.compat-synergy-empty{min-height:145px;display:grid;place-items:center;text-align:center;padding:18px;color:var(--muted);font-size:10.5px;line-height:1.45;border:1px dashed var(--line);border-radius:12px;background:rgba(255,255,255,.012)}
.compat-synergy-result[hidden]{display:none!important}.compat-synergy-result{display:grid;gap:11px}
.compat-synergy-period-scroll,.compat-synergy-chart-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding-bottom:3px}
.compat-synergy-periods{display:grid;grid-auto-flow:row;grid-auto-columns:minmax(58px,1fr);gap:4px;min-width:720px}
.compat-synergy-period{min-height:42px;border-radius:8px;padding:7px 8px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 5px 12px rgba(0,0,0,.10);color:#080808}
.compat-synergy-period.synergised{background:var(--signal-strong)}.compat-synergy-period.neutral{background:var(--signal-warn)}.compat-synergy-period.challenging{background:var(--signal-stop);color:#080808}
.compat-synergy-period strong{font-size:9px;line-height:1.15;color:inherit}.compat-synergy-period span{margin-top:3px;font-size:7.5px;line-height:1.2;color:inherit;opacity:.8;font-weight:750}
.compat-synergy-chart{min-width:720px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);overflow:hidden}
.compat-synergy-chart svg{display:block;width:100%;height:auto}.compat-synergy-zone-positive{fill:color-mix(in srgb,var(--signal-strong) 7%,transparent)}.compat-synergy-zone-mixed{fill:color-mix(in srgb,var(--signal-warn) 6%,transparent)}.compat-synergy-zone-negative{fill:color-mix(in srgb,var(--signal-stop) 6%,transparent)}.compat-synergy-zero{stroke:color-mix(in srgb,var(--text) 34%,transparent);stroke-width:1.35}.compat-synergy-grid{stroke:color-mix(in srgb,var(--line) 72%,transparent);stroke-width:1}.compat-synergy-axis-label{fill:var(--muted);font-size:9px;font-weight:700}.compat-synergy-year-label{fill:var(--muted);font-size:8.5px;font-weight:750}.compat-synergy-current-line{stroke:color-mix(in srgb,var(--blue) 56%,transparent);stroke-width:1.5;stroke-dasharray:4 4}
.compat-synergy-line{fill:none;stroke-width:2.7;stroke-linejoin:round;stroke-linecap:round}.compat-synergy-line.overall{stroke:#79a9ff}
.compat-synergy-point{stroke:#08111d;stroke-width:1.4}.compat-synergy-point.good{fill:var(--signal-strong)}.compat-synergy-point.mixed{fill:var(--signal-warn)}.compat-synergy-point.bad{fill:var(--signal-stop)}
.compat-synergy-note{font-size:8.5px;line-height:1.4;color:var(--muted);min-height:0}.compat-synergy-note:empty{display:none}
@media(max-width:1180px){#view-compatibility .compat-profile-card,#view-compatibility .compat-synergy-card,#view-compatibility .compat-general-card{grid-column:1;grid-row:auto;height:auto}.compat-synergy-card{order:2}.compat-general-card{order:3}}
@media(max-width:720px){#view-compatibility .compat-synergy-card{padding:13px}.compat-synergy-head h3{font-size:17px}.compat-synergy-controls{width:100%;margin-left:0;justify-content:flex-start}.compat-synergy-purpose-control,.compat-synergy-range-control{width:100%;justify-content:space-between}.compat-synergy-purpose-control .select-shell,.compat-synergy-range-control .select-shell{flex:1;min-width:0}.compat-synergy-periods,.compat-synergy-chart{min-width:680px}}



/* Keep app containment fixed when Compatibility changes page height. */
html{scrollbar-gutter:stable}
#view-compatibility,.compat-shell,#view-compatibility .compat-top-grid{width:100%;max-width:100%;min-width:0}
#view-compatibility .compat-synergy-range-control .input,#view-compatibility .compat-synergy-purpose-control .input{font-weight:400!important}
@media(max-width:720px){
  #view-compatibility .compat-general-card{order:2!important}
  #view-compatibility .compat-synergy-card{order:3!important}
}



#view-compatibility .compat-synastry-scorecard{margin-top:14px;padding-top:0;border-top:0;display:grid;gap:12px}
#view-compatibility .compat-synastry-overall{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:0;border:0;border-radius:0;background:transparent}
#view-compatibility .compat-synastry-overall-question{font-size:11px;font-weight:850;color:var(--text);line-height:1.3}
#view-compatibility .compat-synastry-overall-verdict{min-width:98px;text-align:center;border-radius:10px;padding:8px 13px;font-size:10px;font-weight:950;letter-spacing:.02em;box-shadow:none;border:0}
#view-compatibility .compat-synastry-overall-verdict.tone-green{background:#22a447;color:#fff}
#view-compatibility .compat-synastry-overall-verdict.tone-yellow{background:#ffd429;color:#111}
#view-compatibility .compat-synastry-overall-verdict.tone-red{background:#e04444;color:#fff}
#view-compatibility .compat-synastry-metric-list{display:grid;gap:8px}
#view-compatibility .compat-synastry-metric{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
#view-compatibility .compat-synastry-metric-card{min-height:42px;border-radius:10px;box-shadow:none;border:0;display:flex;align-items:center;padding:8px 12px;background-image:none!important}
#view-compatibility .compat-synastry-stars-panel{min-height:42px;display:flex;align-items:center;justify-content:flex-end;padding:8px 2px 8px 10px;min-width:116px;background:transparent!important;border:0!important;box-shadow:none!important}
#view-compatibility .compat-synastry-metric-card.tone-green{background:#22a447!important;color:#fff}
#view-compatibility .compat-synastry-metric-card.tone-yellow{background:#ffd429!important;color:#111}
#view-compatibility .compat-synastry-metric-card.tone-red{background:#e04444!important;color:#fff}
#view-compatibility .compat-synastry-metric-label{font-size:11px;font-weight:900;line-height:1.2;color:inherit}
#view-compatibility .compat-star-score{display:inline-flex;gap:3px;align-items:center;font-size:15px;line-height:1}
#view-compatibility .compat-star{display:inline-block;color:#fff;text-shadow:none}
#view-compatibility .compat-star.is-empty{opacity:.28}
@media(max-width:720px){#view-compatibility .compat-synastry-overall{grid-template-columns:minmax(0,1fr) auto;gap:10px}#view-compatibility .compat-synastry-overall-verdict{min-width:90px;padding:8px 10px}#view-compatibility .compat-synastry-metric{grid-template-columns:minmax(0,1fr) auto;gap:8px}#view-compatibility .compat-synastry-metric-card,#view-compatibility .compat-synastry-stars-panel{min-height:40px}#view-compatibility .compat-synastry-stars-panel{min-width:108px;padding:8px 8px}#view-compatibility .compat-star-score{font-size:14px;gap:2px}}



/* Readability pass: enlarge Synergy and Synastry text without changing scoring or layout logic. */
#view-compatibility .compat-synergy-head h3{font-size:18px!important}
#view-compatibility .compat-synergy-range{font-size:10.5px!important;line-height:1.35}
#view-compatibility .compat-synergy-range-control label,
#view-compatibility .compat-synergy-purpose-control label{font-size:11.5px!important}
#view-compatibility .compat-synergy-range-control .input,
#view-compatibility .compat-synergy-purpose-control .input{font-size:11.5px!important}
#view-compatibility .compat-synergy-loader{font-size:11.5px!important}
#view-compatibility .compat-synergy-empty{font-size:11.5px!important}
#view-compatibility .compat-synergy-period strong{font-size:10.5px!important;line-height:1.25!important}
#view-compatibility .compat-synergy-period span{font-size:9px!important;line-height:1.25!important}
#view-compatibility .compat-synergy-axis-label{font-size:10px!important}
#view-compatibility .compat-synergy-year-label{font-size:9.5px!important}
#view-compatibility .compat-synergy-note{font-size:10px!important;line-height:1.45!important}

#view-compatibility .compat-general-head .compat-synastry-heading h3{font-size:18px!important}
#view-compatibility .compat-general-title .compat-section-subtitle{font-size:10.5px!important;line-height:1.4!important}
#view-compatibility .compat-synastry-overall-question{font-size:12.5px!important;line-height:1.35!important}
#view-compatibility .compat-synastry-overall-verdict{font-size:11.5px!important}
#view-compatibility .compat-synastry-metric-label{font-size:12.5px!important;line-height:1.25!important}
#view-compatibility .compat-star-score{font-size:16px!important}
#view-compatibility .compat-snapshot-section-title,
#view-compatibility .compat-nature-group h4{font-size:10.5px!important}
#view-compatibility .compat-key-feature{font-size:13px!important;line-height:1.4!important}
#view-compatibility .compat-nature-row .compat-nature-top strong{font-size:13px!important;line-height:1.3!important}
#view-compatibility .compat-nature-row .compat-snapshot-confidence{font-size:10px!important}
#view-compatibility .compat-nature-row .compat-snapshot-outcome{font-size:12.5px!important;line-height:1.5!important}
#view-compatibility .compat-nature-chip{font-size:10px!important}
#view-compatibility .compat-nature-note{font-size:10px!important;line-height:1.45!important}
@media(max-width:720px){
  #view-compatibility .compat-key-feature{font-size:12.5px!important}
  #view-compatibility .compat-nature-row .compat-nature-top strong{font-size:12.5px!important}
  #view-compatibility .compat-nature-row .compat-snapshot-outcome{font-size:12px!important}
  #view-compatibility .compat-synastry-metric-label{font-size:12px!important}
  #view-compatibility .compat-star-score{font-size:15px!important}
}



#view-wealthmaster{padding-bottom:10px}
.wealthmaster-shell{max-width:1380px;margin:0 auto;display:grid;gap:16px}
.wealthmaster-loading{min-height:420px;display:grid;place-items:center}
.wealthmaster-loading-inner{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;font-weight:800}
.wealthmaster-loading.error .career-trends-flywheel{display:none}
.wealthmaster-loading.error .wealthmaster-loading-inner{color:var(--red)}
.wealthmaster-content{display:grid;gap:16px}
.wealthmaster-visual-card{padding:19px 20px}
.wealthmaster-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.wealthmaster-section-head h3{font-size:16px;margin:0}
.wealthmaster-section-head p{font-size:11px;color:var(--muted);margin:3px 0 0}
.wealthmaster-range-control{min-width:190px}
.wealthmaster-range-control label{display:block;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.wealthmaster-range-control .input{height:40px}
.wealthmaster-tone-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:10px;font-weight:850;color:var(--muted);margin-bottom:12px}
.wealthmaster-tone-legend span{display:flex;align-items:center;gap:6px}
.wealthmaster-tone-dot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 12%, transparent)}
.wealthmaster-tone-dot.good{background:#22a447;color:#22a447}
.wealthmaster-tone-dot.neutral-high{background:#8fd39a;color:#8fd39a}

.wealthmaster-tone-dot.neutral{background:#f1cf3a;color:#f1cf3a}

.wealthmaster-tone-dot.poor{background:#e04444;color:#e04444}
.wealthmaster-timeline-panel{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:16px 18px;box-shadow:var(--shadow);display:grid;gap:12px}
.wealthmaster-timeline-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.wealthmaster-timeline-label{display:block;font-size:10px;font-weight:950;letter-spacing:.055em;text-transform:uppercase;color:var(--muted)}
.wealthmaster-selected-year{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.wealthmaster-selected-year strong{font-size:34px;line-height:1;font-weight:950}
.wealthmaster-selected-meta{font-size:12px;color:var(--muted);font-weight:800}
.wealthmaster-timeline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wealthmaster-mini-btn{height:34px;min-width:34px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text);display:inline-flex;align-items:center;justify-content:center;padding:0 12px;font-size:11px;font-weight:900;cursor:pointer}
.wealthmaster-mini-btn[disabled]{opacity:.45;cursor:not-allowed}
.wealthmaster-mini-btn.current{padding:0 14px}
.wealthmaster-slider-wrap{display:grid;gap:9px}
.wealthmaster-year-slider{width:100%;accent-color:var(--blue);cursor:pointer}
.wealthmaster-year-scale{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;font-size:9px;color:var(--muted);font-weight:800}
.wealthmaster-year-scale span{text-align:center;white-space:nowrap}
.wealthmaster-aspects-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.wealthmaster-aspect-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:16px 15px;box-shadow:var(--shadow);display:grid;gap:12px;min-width:0}
.wealthmaster-aspect-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.wealthmaster-aspect-title{font-size:12px;font-weight:900;line-height:1.25}
.wealthmaster-aspect-subtitle{font-size:10px;line-height:1.4;color:var(--muted);margin-top:4px}
.wealthmaster-rating-badge{display:inline-flex;align-items:center;gap:9px;min-width:0}
.wealthmaster-rating-circle{width:18px;height:18px;border-radius:50%;display:inline-block;flex:0 0 auto;box-shadow:0 0 0 4px color-mix(in srgb, currentColor 12%, transparent)}
.wealthmaster-rating-circle.excellent{background:#179b47;color:#179b47}
.wealthmaster-rating-circle.good{background:#4fbb68;color:#4fbb68}
.wealthmaster-rating-circle.neutral-high{background:#8fd39a;color:#8fd39a}
.wealthmaster-rating-circle.neutral{background:#e4c84f;color:#e4c84f}
.wealthmaster-rating-circle.neutral-low{background:#e89035;color:#e89035}
.wealthmaster-rating-circle.poor{background:#d94a4a;color:#d94a4a}
.wealthmaster-rating-text{display:grid;gap:2px;min-width:0}
.wealthmaster-rating-text strong{font-size:12px;line-height:1.1}
.wealthmaster-rating-text span{font-size:10px;color:var(--muted);line-height:1.35}
.wealthmaster-emphasis-chip{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);justify-self:flex-start}
.wealthmaster-emphasis-chip.direct{color:#2a83ff;border-color:color-mix(in srgb,#2a83ff 30%, var(--line))}
.wealthmaster-emphasis-chip.indirect{color:#17a34a;border-color:color-mix(in srgb,#17a34a 30%, var(--line))}
.wealthmaster-note{font-size:10px;line-height:1.5;color:var(--muted)}
.wealthmaster-empty{font-size:11.5px;color:var(--muted);padding:14px;border:1px dashed var(--line);border-radius:14px;background:var(--panel2)}
@media(max-width:1180px){
  .wealthmaster-aspects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:860px){
  .wealthmaster-section-head{flex-direction:column;align-items:stretch}
  .wealthmaster-range-control{min-width:0;width:100%}
  .wealthmaster-timeline-top{flex-direction:column;align-items:stretch}
  .wealthmaster-selected-year strong{font-size:30px}
  .wealthmaster-timeline-actions{justify-content:flex-start}
  .wealthmaster-aspects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .wealthmaster-visual-card{padding:16px}
  .wealthmaster-timeline-panel{padding:14px}
  .wealthmaster-year-scale{font-size:8px;gap:2px}
  .wealthmaster-aspects-grid{grid-template-columns:minmax(0,1fr)}
  .wealthmaster-aspect-card{padding:14px}
  .wealthmaster-selected-year strong{font-size:28px}
}



/* Full-width Wealthmaster containment, aligned to the other primary sections. */
#view-wealthmaster{width:100%;padding-bottom:10px}
#view-wealthmaster .wealthmaster-shell{width:100%;max-width:none;margin:0;display:grid;gap:16px}
#view-wealthmaster .wealthmaster-content{width:100%;display:grid;gap:16px}
#view-wealthmaster .wealthmaster-content>section{width:100%;max-width:none;margin:0}
#view-wealthmaster .wealthmaster-chart-card{padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}
#view-wealthmaster .wealthmaster-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0;padding:18px 20px 14px}
#view-wealthmaster .wealthmaster-section-head h3{font-size:19px;margin:0}
#view-wealthmaster .wealthmaster-section-head p{font-size:12px;line-height:1.45;color:var(--muted);margin:4px 0 0}
#view-wealthmaster .wealthmaster-range-control{min-width:190px}
#view-wealthmaster .wealthmaster-range-control label{display:block;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
#view-wealthmaster .wealthmaster-range-control .input{height:40px}
#view-wealthmaster .wealthmaster-legend{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:0 20px 12px;font-size:10px;font-weight:850;color:var(--muted)}
#view-wealthmaster .wealthmaster-legend span{display:flex;align-items:center;gap:6px;white-space:nowrap}
#view-wealthmaster .wealthmaster-legend i{width:8px;height:8px;border-radius:50%;display:block}
#view-wealthmaster .wealthmaster-legend i.overall{background:#a78bfa}
#view-wealthmaster .wealthmaster-legend i.labour{background:var(--blue)}
#view-wealthmaster .wealthmaster-legend i.passive{background:var(--green)}
#view-wealthmaster .wealthmaster-legend i.investments{background:#22c5c7}
#view-wealthmaster .wealthmaster-legend i.windfall{background:var(--amber)}
#view-wealthmaster .wealthmaster-chart-scroll{overflow-x:auto;padding:8px 14px 14px;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:color-mix(in srgb,var(--blue) 62%,#8290a4) color-mix(in srgb,var(--panel2) 82%,#000 18%)}
#view-wealthmaster .wealthmaster-chart-scroll::-webkit-scrollbar{height:12px}
#view-wealthmaster .wealthmaster-chart-scroll::-webkit-scrollbar-track{background:color-mix(in srgb,var(--panel2) 82%,#000 18%);border-radius:999px}
#view-wealthmaster .wealthmaster-chart-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--blue) 62%,#8290a4);border:2px solid color-mix(in srgb,var(--panel2) 82%,#000 18%);border-radius:999px;min-width:42px}
#view-wealthmaster .wealthmaster-chart{min-width:100%}
#view-wealthmaster .wealthmaster-svg{display:block;width:100%;min-width:860px;height:auto}
#view-wealthmaster .wm-line{fill:none;stroke-width:2.45;stroke-linecap:round;stroke-linejoin:round}
#view-wealthmaster .wm-line.overall{stroke:#a78bfa;stroke-width:3}
#view-wealthmaster .wm-line.labour{stroke:var(--blue)}
#view-wealthmaster .wm-line.passive{stroke:var(--green)}
#view-wealthmaster .wm-line.investments{stroke:#22c5c7}
#view-wealthmaster .wm-line.windfall{stroke:var(--amber)}
#view-wealthmaster .wm-dot{stroke:var(--panel);stroke-width:2}
#view-wealthmaster .wm-dot.overall{fill:#a78bfa}
#view-wealthmaster .wm-dot.labour{fill:var(--blue)}
#view-wealthmaster .wm-dot.passive{fill:var(--green)}
#view-wealthmaster .wm-dot.investments{fill:#22c5c7}
#view-wealthmaster .wm-dot.windfall{fill:var(--amber)}
#view-wealthmaster .wealthmaster-chart-note{font-size:10px;line-height:1.5;color:var(--muted);margin:0;padding:0 20px 18px}
@media(max-width:720px){
  #view-wealthmaster .wealthmaster-section-head{align-items:stretch;flex-direction:column;padding:15px 14px 12px}
  #view-wealthmaster .wealthmaster-range-control{min-width:0;width:100%}
  #view-wealthmaster .wealthmaster-section-head h3{font-size:17px}
  #view-wealthmaster .wealthmaster-section-head p{font-size:11px}
  #view-wealthmaster .wealthmaster-legend{gap:10px 13px;padding:0 14px 10px;font-size:9.5px}
  #view-wealthmaster .wealthmaster-chart-scroll{padding:7px 9px 12px}
  #view-wealthmaster .wealthmaster-svg{min-width:760px}
  #view-wealthmaster .wealthmaster-chart-note{padding:0 14px 15px;font-size:9.5px}
}



#view-wealthmaster{width:100%;padding-bottom:10px;color:var(--text)}
#view-wealthmaster .wealthmaster-shell,#view-wealthmaster .wealthmaster-content{width:100%;max-width:none;margin:0;display:grid;gap:16px}
#view-wealthmaster .wealthmaster-loading{min-height:420px;display:grid;place-items:center}
#view-wealthmaster .wealthmaster-loading-inner{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:13px;row-gap:7px;min-width:min(360px,calc(100vw - 44px));padding:18px 22px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#000;color:#fff;opacity:1;font-size:13px;font-weight:800;box-shadow:0 18px 44px rgba(0,0,0,.32)}
#view-wealthmaster .wealthmaster-loading-inner .career-trends-flywheel{grid-row:1 / span 2;border-color:rgba(255,255,255,.18);border-top-color:var(--signal-good);border-right-color:color-mix(in srgb,var(--signal-good) 56%,rgba(255,255,255,.25))}
#view-wealthmaster .wealthmaster-loading-inner .flywheel-progress{color:rgba(255,255,255,.68)}
#view-wealthmaster .wealthmaster-loading.error .career-trends-flywheel{display:none}
#view-wealthmaster .wealthmaster-loading.error .wealthmaster-loading-inner{color:var(--red);opacity:1}
#view-wealthmaster .wealthmaster-visual-card{width:100%;max-width:none;margin:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);color:var(--text)}
#view-wealthmaster .wealthmaster-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0;padding:18px 20px 14px;border-bottom:1px solid var(--line)}
#view-wealthmaster .wealthmaster-section-head h3{font-size:17px;line-height:1.2;margin:0;color:var(--text);font-weight:950}
#view-wealthmaster .wealthmaster-title-row{display:flex;align-items:center;gap:9px}
#view-wealthmaster .wealthmaster-bag-icon{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;color:var(--text);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.95}
#view-wealthmaster .wealthmaster-section-head p{font-size:11.5px;line-height:1.45;margin:4px 0 0;color:var(--text);opacity:.7}
#view-wealthmaster .wealthmaster-range-control{min-width:190px}
#view-wealthmaster .wealthmaster-range-control label{display:block;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--text);opacity:.72;margin-bottom:6px}
#view-wealthmaster .wealthmaster-range-control .input{height:40px;color:var(--text)}
#view-wealthmaster .wealthmaster-tone-legend{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid var(--line);font-size:10.5px;font-weight:850;color:var(--text)}
#view-wealthmaster .wealthmaster-tone-legend span{display:flex;align-items:center;gap:6px;white-space:nowrap;opacity:.9}
#view-wealthmaster .wealthmaster-tone-dot,#view-wealthmaster .wmatrix-dot{border-radius:50%;display:inline-block;flex:0 0 auto;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 14%,transparent)}
#view-wealthmaster .wealthmaster-tone-dot{width:10px;height:10px}
#view-wealthmaster .wealthmaster-tone-dot.good,#view-wealthmaster .wmatrix-dot.good{background:#22a447;color:#22a447}
#view-wealthmaster .wealthmaster-tone-dot.neutral-high,#view-wealthmaster .wmatrix-dot.neutral-high{background:#8fd39a;color:#8fd39a}

#view-wealthmaster .wealthmaster-tone-dot.neutral,#view-wealthmaster .wmatrix-dot.neutral{background:#f1cf3a;color:#f1cf3a}

#view-wealthmaster .wealthmaster-tone-dot.poor,#view-wealthmaster .wmatrix-dot.poor{background:#e04444;color:#e04444}
#view-wealthmaster .wealthmaster-matrix-panel{padding:16px 20px 18px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 34%,transparent),transparent 44%);display:grid;gap:14px}
#view-wealthmaster .wealthmaster-matrix-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}
#view-wealthmaster .wealthmaster-selected-year-block>span{display:block;font-size:9.5px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;color:var(--text);opacity:.68;margin-bottom:3px}
#view-wealthmaster .wealthmaster-selected-year-block>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
#view-wealthmaster .wealthmaster-selected-year-block strong{font-size:27px;line-height:1;font-weight:950;color:var(--text)}
#view-wealthmaster .wealthmaster-selected-year-block em{font-style:normal;font-size:11px;font-weight:750;color:var(--text);opacity:.72}
#view-wealthmaster .wealthmaster-timeline-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#view-wealthmaster .wealthmaster-mini-btn{height:33px;min-width:33px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);display:inline-flex;align-items:center;justify-content:center;padding:0 11px;font-size:11px;font-weight:900;cursor:pointer}
#view-wealthmaster .wealthmaster-mini-btn:hover:not([disabled]){border-color:color-mix(in srgb,var(--blue) 48%,var(--line));background:color-mix(in srgb,var(--blue) 8%,var(--panel))}
#view-wealthmaster .wealthmaster-mini-btn[disabled]{opacity:.35;cursor:not-allowed}
#view-wealthmaster .wealthmaster-matrix-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 92%,transparent);scrollbar-width:thin}
#view-wealthmaster .wealthmaster-matrix{--wm-label:190px;--wm-col:84px;display:grid;grid-template-columns:var(--wm-label) repeat(var(--wm-cols),minmax(var(--wm-col),1fr));min-width:calc(var(--wm-label) + var(--wm-cols) * var(--wm-col));color:var(--text)}
#view-wealthmaster .wmatrix-corner,#view-wealthmaster .wmatrix-year,#view-wealthmaster .wmatrix-label,#view-wealthmaster .wmatrix-cell{min-height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center}
#view-wealthmaster .wmatrix-corner{position:sticky;left:0;z-index:4;padding:0 15px;background:var(--panel2);font-size:9px;font-weight:950;letter-spacing:.055em;text-transform:uppercase;color:var(--text);opacity:.78}
#view-wealthmaster .wmatrix-year{justify-content:center;background:var(--panel2);font-size:10px;font-weight:900;color:var(--text);position:relative}
#view-wealthmaster .wmatrix-year.current::after{content:'NOW';position:absolute;bottom:5px;font-size:7px;letter-spacing:.07em;color:var(--blue);font-weight:950}
#view-wealthmaster .wmatrix-year.selected{background:color-mix(in srgb,var(--blue) 13%,var(--panel2));box-shadow:inset 0 -2px 0 var(--blue)}
#view-wealthmaster .wmatrix-label{position:sticky;left:0;z-index:3;padding:0 15px;background:var(--panel);font-size:11.5px;font-weight:900;color:var(--text);line-height:1.25}
#view-wealthmaster .wmatrix-cell{justify-content:center;background:var(--panel);cursor:pointer;position:relative;border-left:1px solid color-mix(in srgb,var(--line) 55%,transparent)}
#view-wealthmaster .wmatrix-cell:hover{background:color-mix(in srgb,var(--text) 4%,var(--panel))}
#view-wealthmaster .wmatrix-cell.selected{background:color-mix(in srgb,var(--blue) 9%,var(--panel))}
#view-wealthmaster .wmatrix-cell.current:not(.selected){background:color-mix(in srgb,var(--text) 3%,var(--panel))}
#view-wealthmaster .wmatrix-dot{width:18px;height:18px;transition:transform .14s ease,box-shadow .14s ease}
#view-wealthmaster .wmatrix-dot.decade-peak{outline:2px solid #35d07f;outline-offset:4px}
#view-wealthmaster .wmatrix-dot.decade-low{outline:2px solid #e04444;outline-offset:4px}
#view-wealthmaster .wealthmaster-peak-key,#view-wealthmaster .wealthmaster-low-key{width:10px;height:10px;border-radius:50%;display:inline-block;background:transparent;box-shadow:0 0 0 2px color-mix(in srgb,var(--panel) 88%,transparent)}
#view-wealthmaster .wealthmaster-peak-key{border:2px solid #35d07f}
#view-wealthmaster .wealthmaster-low-key{border:2px solid #e04444}
#view-wealthmaster .wmatrix-cell:hover .wmatrix-dot,#view-wealthmaster .wmatrix-cell.selected .wmatrix-dot{transform:scale(1.15);box-shadow:0 0 0 5px color-mix(in srgb,currentColor 17%,transparent)}
#view-wealthmaster .wmatrix-rowlast{border-bottom:0}
#view-wealthmaster .wealthmaster-slider-wrap{display:grid;gap:7px;padding:0 2px}
#view-wealthmaster .wealthmaster-year-slider{width:100%;accent-color:var(--blue);cursor:pointer}
#view-wealthmaster .wealthmaster-slider-years{display:flex;justify-content:space-between;font-size:9px;font-weight:800;color:var(--text);opacity:.62;padding:0 1px}
#view-wealthmaster .wealthmaster-note{padding:0 20px 17px;font-size:10.5px;line-height:1.5;color:var(--text);opacity:.68}
#view-wealthmaster .wealthmaster-empty{font-size:11.5px;color:var(--text);opacity:.75;padding:14px}
#view-wealthmaster .wealthmaster-matrix-group{display:grid;gap:8px}
#view-wealthmaster .wealthmaster-matrix-group+.wealthmaster-matrix-group{margin-top:8px;padding-top:16px;border-top:1px solid var(--line)}
#view-wealthmaster .wealthmaster-matrix-group-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:0 2px}
#view-wealthmaster .wealthmaster-matrix-group-head strong{font-size:12px;font-weight:950;color:var(--text)}
#view-wealthmaster .wealthmaster-matrix-group-head span{font-size:9.5px;line-height:1.35;color:var(--text);opacity:.64;text-align:right;max-width:560px}
@media(max-width:760px){
 #view-wealthmaster .wealthmaster-section-head{align-items:stretch;flex-direction:column;padding:16px}
 #view-wealthmaster .wealthmaster-range-control{min-width:0;width:100%}
 #view-wealthmaster .wealthmaster-tone-legend{padding:11px 16px;gap:10px;font-size:10px}
 #view-wealthmaster .wealthmaster-matrix-panel{padding:14px 0 16px;gap:12px}
 #view-wealthmaster .wealthmaster-matrix-toolbar{padding:0 16px;align-items:flex-end}
 #view-wealthmaster .wealthmaster-selected-year-block strong{font-size:24px}
 #view-wealthmaster .wealthmaster-matrix-scroll{border-left:0;border-right:0;border-radius:0}
 #view-wealthmaster .wealthmaster-matrix{--wm-label:132px;--wm-col:66px}
 #view-wealthmaster .wmatrix-corner,#view-wealthmaster .wmatrix-label{padding:0 11px}
 #view-wealthmaster .wmatrix-label{font-size:10.5px}
 #view-wealthmaster .wmatrix-corner,#view-wealthmaster .wmatrix-year,#view-wealthmaster .wmatrix-label,#view-wealthmaster .wmatrix-cell{min-height:50px}
 #view-wealthmaster .wealthmaster-slider-wrap{padding:0 16px}
 #view-wealthmaster .wealthmaster-note{padding:0 16px 16px}
 #view-wealthmaster .wealthmaster-matrix-group-head{padding:0 16px;align-items:flex-start;flex-direction:column;gap:3px}
 #view-wealthmaster .wealthmaster-matrix-group-head span{text-align:left;max-width:none}
 
}

@media(max-width:430px){
 #view-wealthmaster .wealthmaster-matrix-toolbar{align-items:flex-start;flex-direction:column}
 #view-wealthmaster .wealthmaster-timeline-actions{width:100%}
 #view-wealthmaster .wealthmaster-mini-btn.current{flex:1}
}



#view-careertrends .career-trends-content[hidden],
#view-wealthmaster .wealthmaster-content[hidden]{display:none!important}



/* v19.482: dashboard date selection uses dropdowns only; side scroller removed. */
.dashboard-header .nav-actions .nav-icon-only{width:38px!important;min-width:38px!important;padding:0!important;justify-content:center!important;gap:0!important}
.dashboard-header .nav-actions .nav-icon-only svg{width:18px!important;height:18px!important}
.select-shell:has(.purpose-more.active)::after{background:#fff!important;opacity:1!important}
.dashboard-date-control{display:flex!important;align-items:center!important;min-width:250px}
.dashboard-date-selectors{display:grid;grid-template-columns:64px 82px 92px;gap:5px;justify-content:center}
.dashboard-date-selectors .select-shell{min-width:0}
.dashboard-date-selectors select{width:100%;height:28px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-size:10px;font-weight:800;padding:0 24px 0 8px;outline:none}
#view-jobseek{padding-bottom:24px}
.jobseek-shell{padding:22px;display:grid;gap:18px}
.jobseek-heading{display:flex;align-items:center;gap:11px}.jobseek-heading-icon{width:38px;height:38px;border-radius:11px;background:var(--blue2);color:var(--blue);display:grid;place-items:center}.jobseek-heading-icon svg{width:20px;height:20px}.jobseek-heading h2{margin:0;font-size:21px}.jobseek-heading p{margin:3px 0 0;color:var(--muted);font-size:11px}
.jobseek-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.jobseek-card{border:1px solid var(--line);border-radius:15px;background:var(--panel2);padding:17px;display:flex;flex-direction:column;min-height:360px}.jobseek-card>b{margin:0 0 12px;font-size:16px;line-height:1.3}.jobseek-window-list{display:grid;gap:8px;margin-top:2px}.jobseek-window{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:10px 11px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center}.jobseek-window-date{font-size:11px;font-weight:900;line-height:1.25}.jobseek-window-time{grid-column:1/-1;font-size:10px;color:var(--muted);font-weight:800}
.jobseek-window-status{font-size:9px;font-weight:950;border-radius:999px;padding:4px 7px;white-space:nowrap;background:var(--signal-warn);color:#111}.jobseek-window-status.good{background:var(--signal-good)}.jobseek-window-status.neutral{background:var(--signal-warn)}.jobseek-loading,.jobseek-empty{border:1px dashed var(--line);border-radius:12px;padding:14px 12px;color:var(--muted);font-size:10px;font-weight:800;line-height:1.45}.jobseek-refresh-note{font-size:9px;color:var(--muted);margin-top:2px}

.jobseek-timewheel{min-height:220px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:12px;background:var(--panel)}.jobseek-timewheel-inner{display:grid;justify-items:center;gap:10px;text-align:center;padding:18px}.jobseek-timewheel .career-trends-flywheel{width:42px;height:42px}.jobseek-timewheel-copy{max-width:235px;font-size:10px;line-height:1.4;font-weight:800;color:var(--muted)}.jobseek-timewheel .flywheel-progress{font-size:10px}.jobseek-card.jobseek-complete .jobseek-timewheel{display:none}
@media(max-width:980px){.jobseek-grid{grid-template-columns:1fr 1fr}.jobseek-card:last-child{grid-column:1/-1}}
@media(max-width:720px){.dashboard-date-control{min-width:100%!important}.dashboard-date-selectors{grid-template-columns:70px 1fr 96px}.jobseek-grid{grid-template-columns:1fr}.jobseek-card:last-child{grid-column:auto}.jobseek-shell{padding:15px}.jobseek-card{min-height:0}}



/* v19.492: Dashboard/Calendar date dropdown text matches or exceeds Priority controls. */
#controls-dashboard .dashboard-date-selectors select,
#controls-calendar .dashboard-date-selectors select{
  font-size:13px!important;
  font-weight:850!important;
}
@media(max-width:720px){
  #controls-dashboard #dateControl .dashboard-date-selectors select,
  #controls-calendar #dateControl .dashboard-date-selectors select{
    font-size:13px!important;
    font-weight:850!important;
  }
}



.profile-submit-actions{display:grid;grid-template-columns:1fr 1.18fr;gap:9px;margin-top:4px}
.profile-submit-actions>button{height:44px;border-radius:13px;font-weight:850;cursor:pointer}
.profile-submit-primary{background:var(--blue)!important;color:#fff!important;border:1px solid var(--blue)!important;box-shadow:0 8px 18px rgba(47,125,225,.2)!important}
.profile-save-secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}
.profile-save-secondary:hover{border-color:color-mix(in srgb,var(--blue) 42%,var(--line));color:var(--blue)}
#showBtn.profile-save-secondary{background:var(--panel2)!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:none!important}
#showBtn.profile-save-secondary:hover{border-color:var(--blue)!important;color:var(--blue)!important;background:var(--panel)!important}
#compatSubmitProfile.compat-profile-submit{background:var(--blue)!important;color:#fff!important;border:1px solid var(--blue)!important;box-shadow:0 8px 18px rgba(47,125,225,.18)!important}
.profile-submit-status,.compat-submit-status{margin-top:8px;font-size:9.5px;line-height:1.4;color:var(--muted)}
.profile-submit-status.is-dirty,.compat-submit-status.is-dirty{color:var(--amber);font-weight:800}
.profile-submit-status.is-applied,.compat-submit-status.is-applied{color:var(--green);font-weight:800}
.birth-date-dropdowns{grid-template-columns:minmax(82px,.78fr) minmax(112px,1.12fr) minmax(96px,.92fr)!important;gap:8px!important}
.birth-date-dropdowns .select-shell select{padding-left:12px!important;padding-right:36px!important;text-overflow:ellipsis}
#birthProfileDrawer .field{margin-bottom:15px!important}
#birthProfileDrawer .input{height:42px!important}
#birthProfileDrawer .birth-time-row{grid-template-columns:minmax(74px,1fr) minmax(78px,1fr) minmax(82px,.95fr)!important;gap:8px!important}
#view-compatibility .compat-primary-fields{grid-template-columns:minmax(160px,.82fr) minmax(130px,.62fr) minmax(300px,1.35fr) minmax(235px,1.02fr)!important;gap:12px!important}
#view-compatibility .compat-location-row{grid-template-columns:minmax(235px,1.45fr) minmax(215px,1.30fr) minmax(112px,.66fr) minmax(112px,.66fr) minmax(112px,.70fr) minmax(118px,.62fr)!important;gap:10px!important;align-items:end!important}
#view-compatibility .compat-field label{overflow:visible!important;text-overflow:clip!important}
#view-compatibility .compat-date-dropdowns{grid-template-columns:minmax(82px,.78fr) minmax(112px,1.08fr) minmax(96px,.92fr)!important}
#view-compatibility .compat-profile-submit{height:39px!important;width:100%;min-width:112px;padding:0 16px!important;white-space:nowrap}
#view-compatibility .compat-submit-field label{visibility:hidden}
#view-compatibility .compat-submit-status{margin:9px 2px 0}
@media(max-width:1180px){
  #view-compatibility .compat-primary-fields{grid-template-columns:minmax(180px,.8fr) minmax(150px,.65fr) minmax(300px,1.35fr)!important}
  #view-compatibility .compat-primary-fields>.compat-field:last-child{grid-column:1/-1}
  #view-compatibility .compat-location-row{grid-template-columns:repeat(3,minmax(150px,1fr))!important}
  #view-compatibility .compat-location-row>.compat-field:nth-child(1){grid-column:span 2}
  #view-compatibility .compat-submit-field{grid-column:3/4}
}
@media(max-width:760px){
  .profile-submit-actions{grid-template-columns:1fr 1fr}
  .birth-date-dropdowns{grid-template-columns:minmax(78px,.8fr) minmax(108px,1.1fr) minmax(92px,.92fr)!important;gap:7px!important}
  #view-compatibility .compat-primary-fields{grid-template-columns:1fr 1fr!important;gap:9px!important}
  #view-compatibility .compat-birthdate-field,#view-compatibility .compat-primary-fields>.compat-field:last-child{grid-column:1/-1!important}
  #view-compatibility .compat-location-row{grid-template-columns:1fr 1fr!important;gap:9px!important}
  #view-compatibility .compat-birthplace-field,#view-compatibility .compat-zone-field{grid-column:1/-1!important}
  #view-compatibility .compat-location-row>.compat-field:nth-child(5){grid-column:auto!important}
  #view-compatibility .compat-submit-field{grid-column:auto!important}
  #view-compatibility .compat-date-dropdowns{grid-template-columns:minmax(78px,.8fr) minmax(108px,1.1fr) minmax(92px,.92fr)!important}
}
@media(max-width:430px){
  .profile-submit-actions{grid-template-columns:1fr}
  .birth-date-dropdowns,#view-compatibility .compat-date-dropdowns{grid-template-columns:minmax(76px,.78fr) minmax(104px,1.08fr) minmax(90px,.94fr)!important;gap:6px!important}
  #view-compatibility .compat-location-row{grid-template-columns:1fr!important}
  #view-compatibility .compat-submit-field{grid-column:1!important}
}



/* v19.498: keep profile controls inside their cards without wrapping. */
.profile-submit-primary,
#compatSubmitProfile.compat-profile-submit{
  color:#000!important;
}

#view-compatibility .compat-profile-card{
  overflow:hidden!important;
}

/* The primary profile line is one contained row. All columns are allowed to shrink. */
#view-compatibility .compat-primary-fields{
  display:grid!important;
  grid-template-columns:minmax(0,.78fr) minmax(0,.62fr) minmax(0,1.46fr) minmax(0,1.18fr)!important;
  gap:9px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  align-items:end!important;
}
#view-compatibility .compat-primary-fields>.compat-field{
  min-width:0!important;
  max-width:100%!important;
}

/* Birth time is its own no-wrap container so AM/PM can never escape the card. */
#view-compatibility .compat-time-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.90fr)!important;
  gap:5px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
#view-compatibility .compat-time-grid>.select-shell,
#view-compatibility .compat-time-grid select{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
#view-compatibility .compat-time-grid select{
  padding-left:8px!important;
  padding-right:27px!important;
}
#view-compatibility #compatBirthMeridiem{
  font-size:11px!important;
  padding-left:7px!important;
  padding-right:25px!important;
}

/* Birthplace through Submit stays on one contained line; no field is allowed to force overflow. */
#view-compatibility .compat-location-row{
  display:grid!important;
  grid-template-columns:minmax(0,1.42fr) minmax(0,1.34fr) minmax(0,.66fr) minmax(0,.66fr) minmax(0,.74fr) minmax(0,.76fr)!important;
  gap:8px!important;
  align-items:end!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
#view-compatibility .compat-location-row>.compat-field,
#view-compatibility .compat-location-row .select-shell,
#view-compatibility .compat-location-row .input{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
#view-compatibility .compat-location-row>.compat-field{
  overflow:hidden!important;
}
#view-compatibility .compat-location-row label{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#view-compatibility .compat-submit-field{
  grid-column:auto!important;
  min-width:0!important;
}
#view-compatibility .compat-submit-field label{
  visibility:hidden!important;
}
#view-compatibility .compat-profile-submit{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:39px!important;
  padding:0 8px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-sizing:border-box!important;
}

/* Undo older responsive rules that moved controls onto new lines. */
@media(max-width:1180px){
  #view-compatibility .compat-primary-fields{
    grid-template-columns:minmax(0,.78fr) minmax(0,.62fr) minmax(0,1.46fr) minmax(0,1.18fr)!important;
  }
  #view-compatibility .compat-primary-fields>.compat-field:last-child{
    grid-column:auto!important;
  }
  #view-compatibility .compat-location-row{
    grid-template-columns:minmax(0,1.42fr) minmax(0,1.34fr) minmax(0,.66fr) minmax(0,.66fr) minmax(0,.74fr) minmax(0,.76fr)!important;
  }
  #view-compatibility .compat-location-row>.compat-field:nth-child(1),
  #view-compatibility .compat-submit-field{
    grid-column:auto!important;
  }
}
@media(max-width:760px){
  #view-compatibility .compat-primary-fields{
    grid-template-columns:minmax(0,.78fr) minmax(0,.62fr) minmax(0,1.46fr) minmax(0,1.18fr)!important;
    gap:6px!important;
  }
  #view-compatibility .compat-birthdate-field,
  #view-compatibility .compat-primary-fields>.compat-field:last-child{
    grid-column:auto!important;
  }
  #view-compatibility .compat-location-row{
    grid-template-columns:minmax(0,1.42fr) minmax(0,1.34fr) minmax(0,.66fr) minmax(0,.66fr) minmax(0,.74fr) minmax(0,.76fr)!important;
    gap:6px!important;
  }
  #view-compatibility .compat-birthplace-field,
  #view-compatibility .compat-zone-field,
  #view-compatibility .compat-location-row>.compat-field:nth-child(5),
  #view-compatibility .compat-submit-field{
    grid-column:auto!important;
  }
  #view-compatibility .compat-primary-fields .input,
  #view-compatibility .compat-location-row .input,
  #view-compatibility .compat-profile-submit{
    height:35px!important;
    min-height:35px!important;
    font-size:9px!important;
  }
  #view-compatibility #compatBirthMeridiem{
    font-size:9px!important;
    padding-left:5px!important;
    padding-right:22px!important;
  }
}

/* Very narrow screens keep each control row intact inside an internal horizontal container instead of wrapping/spilling. */
@media(max-width:560px){
  #view-compatibility .compat-primary-fields,
  #view-compatibility .compat-location-row{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:thin;
    overscroll-behavior-inline:contain;
    padding-bottom:3px;
  }
  #view-compatibility .compat-primary-fields{
    grid-template-columns:118px 92px 244px 190px!important;
  }
  #view-compatibility .compat-location-row{
    grid-template-columns:190px 180px 82px 82px 92px 94px!important;
  }
}



/* At 1181–1370px the old header rendered the last navigation button over the
   profile icon. Shrink navigation before the action group can overlap. */
@media (min-width:1181px) and (max-width:1370px) {
 .topbar.dashboard-header .header-primary{gap:10px!important}
 .topbar.dashboard-header .header-primary .brand{min-width:185px!important}
 .topbar.dashboard-header .topnav>button{padding-left:9px!important;padding-right:9px!important;font-size:11px!important}
}



#view-jobseek .jobseek-window{grid-template-columns:minmax(0,1fr) max-content;column-gap:8px;row-gap:7px;align-items:baseline}
#view-jobseek .jobseek-window-date{grid-column:1;grid-row:1;min-width:0;font-size:11px;line-height:1.45}
#view-jobseek .jobseek-window-time{grid-column:2;grid-row:1;min-width:0;white-space:nowrap;text-align:right;font-size:10.5px;line-height:1.45;color:var(--text);font-weight:850}
#view-jobseek .jobseek-window-status{grid-column:1 / -1;grid-row:2;justify-self:start;width:max-content}
@media(max-width:350px){#view-jobseek .jobseek-window-time{font-size:10px}}



#view-jobseek .jobseek-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
#view-jobseek .jobseek-card{min-height:370px;gap:12px;min-width:0}
.bestseek-card-head{display:flex;flex-direction:row;align-items:center;gap:10px;min-height:38px}
.bestseek-card-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--blue2);color:var(--blue)}
.bestseek-card-icon svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.bestseek-card-head h3{font-size:16px;line-height:1.25;margin:0;font-weight:900;min-width:0}
.bestseek-card-controls{display:flex;align-items:center;gap:7px;width:100%;min-width:0}
.bestseek-card-controls .select-shell{min-width:0;flex:1}
/* Bestseek-only: stronger blue field, black label, and white-chevron dark-blue control. */
#view-jobseek .bestseek-priority-select{
  display:block;width:100%;min-width:0;height:42px;
  border:1px solid #5d9fdf;border-radius:9px;
  background:#a3d1ff!important;color:#000!important;
  color-scheme:light!important;-webkit-text-fill-color:#000;
  font-size:12px;font-weight:800;padding:0 45px 0 10px!important;cursor:pointer
}
#view-jobseek .bestseek-priority-select option{background:#c5e3ff!important;color:#000!important}
#view-jobseek .bestseek-priority-select:hover{background:#8cc3fb!important;border-color:#3b82cf}
#view-jobseek .bestseek-priority-select:focus-visible{outline:2px solid #15477b;outline-offset:2px}
#view-jobseek .bestseek-card-controls .select-shell::before{
  display:block!important;content:""!important;position:absolute!important;
  right:6px!important;top:50%!important;width:29px!important;height:29px!important;
  border-radius:8px!important;background:#153d74!important;
  transform:translateY(-50%)!important;pointer-events:none!important;opacity:1!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)!important
}
#view-jobseek .bestseek-card-controls .select-shell::after{
  content:""!important;position:absolute!important;right:14.5px!important;top:50%!important;
  width:12px!important;height:8px!important;background:#fff!important;
  transform:translateY(-50%)!important;opacity:1!important;pointer-events:none!important;
  border:0!important;
}
#view-jobseek .bestseek-card-controls .select-shell:hover::before,
#view-jobseek .bestseek-card-controls .select-shell:focus-within::before{background:#0f315e!important}
#view-jobseek .bestseek-card-controls .select-shell:hover::after,
#view-jobseek .bestseek-card-controls .select-shell:focus-within::after{
  background:#fff!important;transform:translateY(-50%)!important
}
#view-jobseek .jobseek-window-list{min-width:0}
#view-jobseek .jobseek-window-list:empty::before{content:'Results will appear here.';font-size:11px;color:var(--muted)}
@media(max-width:980px){#view-jobseek .jobseek-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#view-jobseek .jobseek-grid{grid-template-columns:1fr}#view-jobseek .jobseek-card{min-height:0}.bestseek-card-controls{flex-wrap:wrap}.bestseek-card-controls .select-shell{flex-basis:100%;width:100%}}



/* v19.540: dashboard timing redraws commit only after fused priority state is ready. */
.compass-center-kicker,.compass-center-best,.compass-center-sub{fill:#111!important}



/* v19.449: Wealthmaster adds a sixth primary destination; reclaim a little logo gap without crowding the wordmark. */
@media(min-width:1181px){
  .dashboard-header .topnav{margin-left:42px!important;}
  .dashboard-header .topnav>button{padding-left:12px!important;padding-right:12px!important;}
}
@media(min-width:821px) and (max-width:1180px){
  .dashboard-header .topnav{margin-left:20px!important;}
  .dashboard-header .topnav>button{padding-left:8px!important;padding-right:8px!important;}
}
@media(max-width:820px){
  .dashboard-header .topnav{margin-left:0!important;}
}



/* v19.453: Now matches the AM/PM button footprint. */
#clockCardComponent .clock-control-row #nowBtn.clock-now-btn{
  width:56px!important;
  min-width:56px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0!important;
  border-radius:9px!important;
  font-size:11px!important;
  line-height:32px!important;
  flex:0 0 56px!important;
}
@media(max-width:720px){
  #clockCardComponent .clock-control-row #nowBtn.clock-now-btn{
    width:45px!important;
    min-width:45px!important;
    flex-basis:45px!important;
  }
}



#view-wealthmaster .wealthmaster-matrix-toolbar,
#view-wealthmaster .wealthmaster-slider-wrap,
#view-wealthmaster .wealthmaster-note{display:none!important}
#view-wealthmaster .wealthmaster-section-head{align-items:flex-end}
#view-wealthmaster .wealthmaster-matrix-panel{padding-top:16px}
#view-wealthmaster .wealthmaster-matrix-scroll{scrollbar-width:none;-ms-overflow-style:none}
#view-wealthmaster .wealthmaster-matrix-scroll::-webkit-scrollbar{display:none;width:0;height:0}
#view-wealthmaster .wmatrix-cell{cursor:default}
#view-wealthmaster .wmatrix-cell:hover{background:var(--panel)}
#view-wealthmaster .wmatrix-cell:hover .wmatrix-dot{transform:none}
#view-wealthmaster .wmatrix-year.selected,#view-wealthmaster .wmatrix-cell.selected{background:inherit;box-shadow:none}
@media(max-width:760px){
 #view-wealthmaster .wealthmaster-section-head{padding:16px}
 #view-wealthmaster .wealthmaster-matrix-panel{padding-top:14px}
}



/* v19.483: Dashboard mobile date control is dropdown-only. Remove all legacy date-navigation strip geometry. */
@media(max-width:720px){
  #controls-dashboard #dateControl.dashboard-date-control{
    display:block!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    column-gap:0!important;
    row-gap:0!important;
    gap:0!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  #controls-dashboard #dateControl .dashboard-date-selectors{
    display:grid!important;
    grid-template-columns:minmax(0,.78fr) minmax(0,1.25fr) minmax(0,1fr)!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  #controls-dashboard #dateControl .dashboard-date-selectors .select-shell{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }
  #controls-dashboard #dateControl .dashboard-date-selectors select{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:38px!important;
    margin:0!important;
    padding:0 28px 0 10px!important;
    font-size:12px!important;
    line-height:38px!important;
    border-radius:9px!important;
    box-sizing:border-box!important;
  }
  #controls-dashboard #dateControl .nav-chevron,
  #controls-dashboard #dateControl .now-date-btn,
  #controls-dashboard #dateControl input[type=date]{display:none!important;}
}



/* v19.510: on phones, wrap Compatibility profile controls and primary navigation instead of creating/simulating horizontal rows. */
@media(max-width:720px){
  /* Other Person's Birth Profile: responsive rows, no horizontal scroller. */
  #view-compatibility .compat-profile-b{
    overflow-x:hidden!important;
    max-width:100%!important;
  }
  #view-compatibility .compat-profile-b .compat-card-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:9px!important;
  }
  #view-compatibility .compat-profile-b .compat-profile-heading h3{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  #view-compatibility .compat-profile-b .compat-saved-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:7px!important;
    overflow:visible!important;
  }
  #view-compatibility .compat-profile-b .compat-saved-select{
    flex:1 1 150px!important;
    min-width:0!important;
    max-width:100%!important;
  }
  #view-compatibility .compat-profile-b .compat-saved-select select{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  #view-compatibility .compat-profile-b .compat-primary-fields{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  #view-compatibility .compat-profile-b .compat-birthdate-field,
  #view-compatibility .compat-profile-b .compat-primary-fields>.compat-field:last-child{
    grid-column:1 / -1!important;
  }
  #view-compatibility .compat-profile-b .compat-date-dropdowns{
    display:grid!important;
    grid-template-columns:minmax(0,.78fr) minmax(0,1.08fr) minmax(0,.94fr)!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  #view-compatibility .compat-profile-b .compat-time-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    overflow:visible!important;
  }
  #view-compatibility .compat-profile-b .compat-location-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  #view-compatibility .compat-profile-b .compat-birthplace-field,
  #view-compatibility .compat-profile-b .compat-zone-field{
    grid-column:1 / -1!important;
  }
  #view-compatibility .compat-profile-b .compat-location-row>.compat-field,
  #view-compatibility .compat-profile-b .compat-location-row .select-shell,
  #view-compatibility .compat-profile-b .compat-location-row .input,
  #view-compatibility .compat-profile-b .compat-primary-fields>.compat-field,
  #view-compatibility .compat-profile-b .compat-primary-fields .select-shell,
  #view-compatibility .compat-profile-b .compat-primary-fields .input{
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    box-sizing:border-box!important;
    overflow:visible;
  }
  #view-compatibility .compat-profile-b .compat-location-row>.compat-field{
    overflow:visible!important;
  }
  #view-compatibility .compat-profile-b .compat-location-row label,
  #view-compatibility .compat-profile-b .compat-primary-fields label{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  /* Primary app navigation: wrap tabs to additional rows on mobile; never side-scroll. */
  .dashboard-header .topnav{
    display:flex!important;
    flex-wrap:wrap!important;
    align-content:stretch!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    gap:2px!important;
    margin-left:0!important;
  }
  .dashboard-header .topnav>button{
    flex:1 1 calc(33.333% - 4px)!important;
    min-width:0!important;
    height:42px!important;
    padding:0 6px!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
  .dashboard-header .topnav>button.active:after{
    bottom:0!important;
  }
}
@media(max-width:430px){
  #view-compatibility .compat-profile-b .compat-primary-fields,
  #view-compatibility .compat-profile-b .compat-location-row{
    grid-template-columns:1fr!important;
  }
  #view-compatibility .compat-profile-b .compat-birthdate-field,
  #view-compatibility .compat-profile-b .compat-primary-fields>.compat-field:last-child,
  #view-compatibility .compat-profile-b .compat-birthplace-field,
  #view-compatibility .compat-profile-b .compat-zone-field{
    grid-column:1!important;
  }
  .dashboard-header .topnav>button{
    flex-basis:calc(50% - 2px)!important;
  }
}



/* v19.511: final mobile geometry overrides. Five visible Wealthmaster years, aligned Compatibility controls, stable date selectors. */
@media(max-width:760px){
  /* Wealthmaster: five visible years fit the viewport with no horizontal scrolling. */
  #view-wealthmaster .wealthmaster-matrix-scroll{overflow-x:hidden!important;max-width:100%!important;width:100%!important;}
  #view-wealthmaster .wealthmaster-matrix{
    --wm-label:clamp(104px,31vw,132px)!important;
    --wm-col:auto!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    grid-template-columns:var(--wm-label) repeat(var(--wm-cols),minmax(0,1fr))!important;
  }
  #view-wealthmaster .wmatrix-corner,#view-wealthmaster .wmatrix-label{padding-left:9px!important;padding-right:7px!important;}
  #view-wealthmaster .wmatrix-label{font-size:9.8px!important;overflow-wrap:anywhere!important;}
  #view-wealthmaster .wmatrix-year{font-size:9px!important;min-width:0!important;}
  #view-wealthmaster .wmatrix-cell{min-width:0!important;}
  #view-wealthmaster .wmatrix-dot{width:16px!important;height:16px!important;}

  /* Compatibility: Birthplace + IANA timezone share the same first row. */
  #view-compatibility .compat-profile-b .compat-location-row{
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:9px!important;
  }
  #view-compatibility .compat-profile-b .compat-birthplace-field,
  #view-compatibility .compat-profile-b .compat-zone-field{grid-column:auto!important;min-width:0!important;}

  /* Synergy: Relationship and Years selectors align on one row. */
  #view-compatibility .compat-synergy-controls{
    display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr)!important;
    width:100%!important;gap:8px!important;margin-left:0!important;align-items:end!important;
  }
  #view-compatibility .compat-synergy-purpose-control,
  #view-compatibility .compat-synergy-range-control{
    display:grid!important;grid-template-columns:1fr!important;gap:5px!important;width:auto!important;min-width:0!important;justify-content:stretch!important;
  }
  #view-compatibility .compat-synergy-purpose-control .select-shell,
  #view-compatibility .compat-synergy-range-control .select-shell{width:100%!important;min-width:0!important;max-width:100%!important;}
  #view-compatibility .compat-synergy-purpose-control .input,
  #view-compatibility .compat-synergy-range-control .input{width:100%!important;min-width:0!important;max-width:100%!important;}

  /* Dashboard + Calendar: the shared date dropdown row stays in normal document flow and full width. */
  #controls-dashboard .section-toolbar,#controls-calendar .section-toolbar{
    width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;
  }
  #controls-dashboard #dateControl.dashboard-date-control,
  #controls-calendar #dateControl.dashboard-date-control{
    display:block!important;position:static!important;inset:auto!important;left:auto!important;right:auto!important;
    transform:none!important;translate:none!important;float:none!important;clear:both!important;
    grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;overflow:visible!important;box-sizing:border-box!important;
  }
  #controls-dashboard #dateControl .dashboard-date-selectors,
  #controls-calendar #dateControl .dashboard-date-selectors{
    display:grid!important;grid-template-columns:minmax(0,.78fr) minmax(0,1.25fr) minmax(0,1fr)!important;
    gap:7px!important;width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;position:static!important;left:auto!important;right:auto!important;transform:none!important;
  }
  #controls-dashboard #dateControl .dashboard-date-selectors .select-shell,
  #controls-calendar #dateControl .dashboard-date-selectors .select-shell,
  #controls-dashboard #dateControl .dashboard-date-selectors select,
  #controls-calendar #dateControl .dashboard-date-selectors select{
    width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;
    position:static!important;left:auto!important;right:auto!important;transform:none!important;
  }
  #controls-dashboard #dateControl .dashboard-date-selectors select,
  #controls-calendar #dateControl .dashboard-date-selectors select{height:38px!important;padding:0 26px 0 9px!important;font-size:13px!important;font-weight:850!important;}
}
@media(max-width:430px){
  /* Keep Birthplace + IANA together even on narrow phones; remaining fields wrap below. */
  #view-compatibility .compat-profile-b .compat-location-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}
  #view-compatibility .compat-profile-b .compat-birthplace-field,
  #view-compatibility .compat-profile-b .compat-zone-field{grid-column:auto!important;}
  #view-compatibility .compat-synergy-controls{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr)!important;}
  #view-wealthmaster .wealthmaster-matrix{--wm-label:102px!important;}
  #view-wealthmaster .wmatrix-label{font-size:9.2px!important;}
  #view-wealthmaster .wmatrix-dot{width:14px!important;height:14px!important;}
}



@media(max-width:760px){
  #controls-dashboard #dateControl .dashboard-date-selectors .select-shell,
  #controls-calendar #dateControl .dashboard-date-selectors .select-shell{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    translate:none!important;
  }
  #controls-dashboard #dateControl .dashboard-date-selectors .select-shell::before,
  #controls-dashboard #dateControl .dashboard-date-selectors .select-shell::after,
  #controls-calendar #dateControl .dashboard-date-selectors .select-shell::before,
  #controls-calendar #dateControl .dashboard-date-selectors .select-shell::after{
    top:50%!important;
  }
}