/* PLOT Rose / Lilac — token reference: PLOT Astro Compass PRD, 2026-10-29. */
.theme-switch{display:inline-flex;padding:4px;gap:3px;background:#ffffff77;border:1px solid var(--line);border-radius:999px;font-size:10px;white-space:nowrap}
.theme-switch button{padding:7px 11px;border-radius:999px;background:transparent;color:var(--muted);min-height:32px;font-size:10px}
.theme-switch button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.theme-switch .swatch{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:linear-gradient(130deg,#fc168f,#7b36e9)}
.nav nav{flex-wrap:wrap;justify-content:flex-end;row-gap:12px}
.plot-spark{display:none}
html[data-theme="plot"]{--paper:#fffaff;--ink:#191025;--muted:#75647f;--gold:#b31478;--line:#eaddec;--light:#f4e9fb;--pink:#fc168f;--purple:#7b36e9;--blue:#187cff;--mint:#40d9b9}
html[data-theme="plot"] body{background:radial-gradient(ellipse 570px 400px at 6% 9%,#ffe4f044,transparent),radial-gradient(ellipse 580px 490px at 100% 11%,#e9dfff88,transparent),var(--paper)}
html[data-theme="plot"] .brand>svg{color:#df087a}
html[data-theme="plot"] .brand small{color:#7b36e9}
html[data-theme="plot"] .eyebrow,html[data-theme="plot"] .scene .age,html[data-theme="plot"] .entry .age{color:#a01879}
html[data-theme="plot"] h1{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:750;font-size:clamp(43px,4.5vw,68px);line-height:1.1;letter-spacing:-3.5px}
html[data-theme="plot"] h1 i{font-style:normal;color:#a817b8;background:linear-gradient(105deg,#df087a 2%,#a52cce 52%,#7b36e9 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
html[data-theme="plot"] h2,html[data-theme="plot"] .profile-name{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:650;letter-spacing:-1.8px}
html[data-theme="plot"] .lede,html[data-theme="plot"] .about p:not(.eyebrow),html[data-theme="plot"] .sidebar p,html[data-theme="plot"] .scene .body,html[data-theme="plot"] .entry p,html[data-theme="plot"] .life-card p,html[data-theme="plot"] dialog p{color:#75647f}
html[data-theme="plot"] .primary{border-radius:16px;background:linear-gradient(110deg,#c70b77,#8533da);color:#fffaff;box-shadow:0 7px 23px #c70b7718}
html[data-theme="plot"] .primary:hover{background:linear-gradient(110deg,#b0096a,#7024c3);box-shadow:0 9px 27px #ab24b32b}
html[data-theme="plot"] .theme-switch{background:#ffffffcc;border-color:#eaddec}
html[data-theme="plot"] .theme-switch button[aria-pressed="true"]{background:linear-gradient(110deg,#c70b77,#8533da);color:#fff}
html[data-theme="plot"] .hero-art{--river-start:#fc168f;--river-end:#7b36e9;--river-left:#dd167f;--river-right:#8f44de;--hero-dot:#fffaff;--hero-label:#785381;--hero-contour:#ad6ac2;background:radial-gradient(ellipse at 16% 20%,#ffd9ee 0%,transparent 48%),radial-gradient(ellipse at 92% 80%,#d9c7ff 0%,transparent 58%),linear-gradient(135deg,#fff4fc,#f5edff);color:#765681;border:1px solid #eaddec;box-shadow:0 18px 50px #9559a80c;isolation:isolate}
html[data-theme="plot"] .hero-art:before{content:'';position:absolute;inset:18px;border:1px solid #ffffffa8;border-radius:170px 170px 4px 4px;z-index:-1;pointer-events:none}
html[data-theme="plot"] .hero-art svg>g:first-of-type{stroke-width:2.7}
html[data-theme="plot"] .hero-art circle{stroke:#ce78bb;stroke-width:1.3}
html[data-theme="plot"] .plot-spark{display:block;fill:#aa5bc5;opacity:.55}
html[data-theme="plot"] .intro-line{color:#94629d}
html[data-theme="plot"] .offer,html[data-theme="plot"] .scene{background:linear-gradient(150deg,#ffffffef,#fff7fdef);border-color:#eaddec;border-radius:22px;box-shadow:0 12px 45px #7b36e908}
html[data-theme="plot"] .choice{border-radius:16px;border-color:#eaddec;background:#fffaff99}
html[data-theme="plot"] .choice:hover{border-color:#d186cd;background:linear-gradient(110deg,#ffeaf6,#f4eaff)}
html[data-theme="plot"] .choice .arrow{color:#c82395}
html[data-theme="plot"] .track,html[data-theme="plot"] .progress i{background:#eee3f3}
html[data-theme="plot"] .fill{background:linear-gradient(90deg,#fc168f,#c442c6)}
html[data-theme="plot"] .metric:nth-of-type(3) .fill{background:linear-gradient(90deg,#ad70ec,#7b36e9)}
html[data-theme="plot"] .metric:nth-of-type(4) .fill{background:linear-gradient(90deg,#7cbdff,#187cff)}
html[data-theme="plot"] .metric:nth-of-type(5) .fill{background:linear-gradient(90deg,#77e3d0,#28ac98)}
html[data-theme="plot"] .progress i.done{background:linear-gradient(90deg,#fc168f,#9e49dc)}
html[data-theme="plot"] .lastmoment{background:linear-gradient(110deg,#fceafa,#f0e9ff);color:#7a5c86;border-radius:16px}
html[data-theme="plot"] .secondary{border-color:#d6b4df;background:#fffaff88;border-radius:13px}
html[data-theme="plot"] .secondary:hover{background:#f7e8fa;border-color:#b95fb9}
html[data-theme="plot"] .readback{background:linear-gradient(110deg,#ffe9f5,#efe5ff);border:1px solid #ebd7ef;border-radius:18px}
html[data-theme="plot"] .life-card{background:linear-gradient(135deg,#fff6fc,#f5eeff);border-radius:18px}
html[data-theme="plot"] .life-card.selected{border-color:#bc6ccd;box-shadow:0 7px 23px #af46b30d}
html[data-theme="plot"] .end-head .reflection{color:#95579b}
html[data-theme="plot"] .entry{border-left-color:#e3c9ea}
html[data-theme="plot"] .entry:before{background:#e96baf;box-shadow:0 0 0 4px #fff1fa}
html[data-theme="plot"] select{background:#fffaff;border-color:#e2c8e9;border-radius:10px}
html[data-theme="plot"] dialog{background:#fffaff;border-color:#e2c8e9;border-radius:22px}
html[data-theme="plot"] dialog::backdrop{background:#48205177}
html[data-theme="plot"] #toast{background:#5b2268;color:#fff}
html[data-theme="plot"] button:focus-visible,html[data-theme="plot"] a:focus-visible,html[data-theme="plot"] select:focus-visible{outline-color:#9c37c9}
@media(max-width:600px){.nav{flex-wrap:wrap;gap:14px}.nav nav{gap:12px;flex:1}.theme-switch button{padding:7px 9px}html[data-theme="plot"] h1{font-size:47px;letter-spacing:-2.7px}html[data-theme="plot"] .end-head h1{font-size:36px;letter-spacing:-1.8px}html[data-theme="plot"] .hero-art:before{border-radius:140px 140px 4px 4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}