/* Explicit surface/text pairs for both themes, including nested header menus. */
:root{--panel:#fff;--surface:#fff;--card:#fff;--soft:#edf6f3;--dialog-surface:#fff;--dialog-band:#edf6f4}
#header .menu-panel5{background:#fff;color:#19304a;border:1px solid #d8e3e9;box-shadow:0 18px 60px #061e3640}
#header .menu-panel5 button{color:#19304a;background:transparent;font-weight:550;line-height:1.45}
#header .menu-panel5 button:hover,#header .menu-panel5 button.active{color:#075b47;background:#e0f3eb}
#header .menu-panel5 .aside-title{color:#5b7084;margin:0;padding:14px 12px 8px}
#header .menu-panel5 small{background:#e2f0e9;color:#205945}#header .menu-panel5 nav{margin:0;width:100%}
#header .menu-trigger5{background:#ddf4ec;color:#155b48;border:1px solid #9fcbbc}
.favorite-star6{display:inline-grid;place-items:center;width:42px;height:42px;padding:8px}.favorite-star6 svg{width:24px;height:24px}
.own-points6{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;gap:24px;margin-bottom:24px;border-top:4px solid #008880}.own-points6 p{color:var(--muted);margin-bottom:0}.points-total6{text-align:center;border-left:1px solid var(--line)}.points-total6 span,.points-total6 small{display:block;background:none;color:var(--muted)}.points-total6 strong{display:block;font-size:38px;color:var(--teal);line-height:1.3;margin:8px 0}
#modal.dialog6{background:var(--dialog-surface);color:var(--ink);padding:0;border:1px solid var(--line);border-radius:24px;box-shadow:0 28px 110px #061e3677;width:min(720px,calc(100vw - 32px));max-width:940px;max-height:90dvh;overflow:auto}
#modal.dialog6.wide4{width:min(940px,calc(100vw - 32px))}#modal.dialog6.confirmation5{width:min(540px,calc(100vw - 32px))}
.dialog6 .modal-heading{display:flex;align-items:center;gap:14px;margin:0;padding:24px 28px;background:var(--dialog-band);border-bottom:1px solid var(--line);border-radius:24px 24px 0 0}
.dialog6 .modal-heading h2{flex:1;font-size:23px;line-height:1.3;margin:0;letter-spacing:-.4px}.dialog6 .modal-heading button{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;min-height:36px;padding:7px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:50%}
.dialog-emblem6{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:15px;background:#008880;color:white;box-shadow:0 5px 12px #00888026}.dialog-emblem6 svg{width:24px;height:24px}
.dialog6>form,.dialog6>section,.dialog6>div:not(.modal-heading),.dialog6>p,.dialog6>h2,.dialog6>h3,.dialog6>label{margin:22px 28px}.dialog6>button{margin:0 28px 24px}.dialog6>form{padding:0}.dialog6>form>button.primary{width:100%;margin-top:16px}.dialog6 .confirm-symbol5{display:none}.dialog6 .confirm-copy5{margin:28px;font-size:16px;line-height:1.75}.dialog6 .confirm-actions5{margin:0;padding:20px 28px;background:var(--dialog-band);border-radius:0 0 24px 24px}.dialog6 .confirm-actions5 button{flex:1}.dialog6 fieldset{background:var(--bg)}.dialog6 .info{font-size:14px}.dialog6 .confirm-copy5 .info{margin:12px 0}.dialog6 .rich-editor{min-height:150px}
.field-help6{display:block;position:relative;margin:6px 0}.field-help6 button{border:1px solid #8ca4b3;color:var(--teal);border-radius:50%;font-weight:800;font-family:Georgia,serif;width:26px;height:26px;min-height:26px;padding:0}.field-help6 [role=tooltip]{display:block;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-top:8px;font-size:14px;line-height:1.55}.field-help6 [hidden]{display:none}.field-help6:hover [role=tooltip],.field-help6:focus-within [role=tooltip]{display:block}
.refund-summary6{display:flex;flex-direction:column;gap:6px;padding:20px;background:var(--soft);border-radius:14px;margin-bottom:18px}.refund-summary6 strong{font-size:30px;color:var(--teal)}.state-refund6{background:#ffebd8;color:#8c421b;padding:5px 9px;border-radius:7px}
.chart-legend6{display:flex;flex-wrap:wrap;gap:20px;margin:18px 0}.chart-legend6 span{display:flex;align-items:center;gap:8px;font-size:14px}.chart-legend6 i{width:10px;height:10px;border-radius:50%}.chart-scroll6{overflow-x:auto}.line-chart6{display:block;width:100%;min-width:620px;height:auto}.line-chart6 text{fill:var(--muted);font-size:11px}.chart-grid6{stroke:var(--line);stroke-dasharray:4 4}.line-chart6 circle{cursor:help}.line-chart6 circle:focus{outline:none;stroke:var(--ink);stroke-width:3}.chart6 details{border:0;padding-bottom:0}.chart6 summary{font-size:14px;color:var(--teal)}
[data-theme=dark]{--navy:#102d45;--panel:#173347;--surface:#173347;--card:#173347;--soft:#20443f;--ink:#e6f0f7;--muted:#b7cad7;--line:#355367;--bg:#0c2131;--dialog-surface:#173347;--dialog-band:#20423f;--teal:#67dfc6}
[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] .question{color:inherit}
[data-theme=dark] #header .menu-panel5{background:#173347;color:#e6f0f7;border-color:#355367}[data-theme=dark] #header .menu-panel5 button{color:#e6f0f7}[data-theme=dark] #header .menu-panel5 button:hover,[data-theme=dark] #header .menu-panel5 button.active{background:#285749;color:#dcfff2}[data-theme=dark] #header .menu-panel5 .aside-title{color:#b7cad7}[data-theme=dark] #header .menu-panel5 small{background:#2c574b;color:#dcfff2}
[data-theme=dark] .card,[data-theme=dark] .feature-tile,[data-theme=dark] .pro-policy{color:#e6f0f7;background:#173347}[data-theme=dark] .feature-tile h3,[data-theme=dark] .plan-card h3,[data-theme=dark] .plan-amount{color:#e6f0f7}[data-theme=dark] .pro-intro,[data-theme=dark] .pro-summary{background:#123a42;color:#ecfff9}[data-theme=dark] .pro-intro p,[data-theme=dark] .pro-summary p,[data-theme=dark] .monthly-equivalent,[data-theme=dark] .plan-period,[data-theme=dark] .plan-renewal{color:#b7cad7}
[data-theme=dark] .rank-card4.gold5{background:linear-gradient(120deg,#f4d45c,#dfb936);color:#302600;border-color:#ffe58a}[data-theme=dark] .rank-card4.silver5{background:linear-gradient(120deg,#3a4b5d,#223547);color:#e3edf6;border-color:#7590a5}[data-theme=dark] .rank-card4.bronze5{background:linear-gradient(120deg,#573d2a,#32291f);color:#ffd4ae;border-color:#a6774e}[data-theme=dark] .rank-card4 .author-link{background:transparent;color:inherit}[data-theme=dark] .rank-card4 p,[data-theme=dark] .rank-number4{color:inherit}
[data-theme=dark] .state-public5{background:#214b39;color:#bdf3cf}[data-theme=dark] .state-private5{background:#343e68;color:#d8ddff}[data-theme=dark] .state-draft5{background:#534421;color:#ffe5a6}[data-theme=dark] .state-refund6{background:#553b28;color:#ffd7b5}[data-theme=dark] .favorite-selected5{background:#5a4915!important;color:#fff0a8!important}[data-theme=dark] .favorite-selected5 svg{fill:#ffda35;stroke:#ffda35}
[data-theme=dark] .dialog6 .modal-heading button{background:#173347;color:#cce0ec}[data-theme=dark] .dialog6 .confirm-actions5 .primary{background:#087e6d;color:white}[data-theme=dark] .danger-solid5{background:#b62d39;color:white;border-color:#db6370}[data-theme=dark] .dialog-emblem6{background:#087e6d;color:white}
[data-theme=dark] .about-strip{background:#173347;color:#e6f0f7}[data-theme=dark] .about-strip p,[data-theme=dark] .updated,[data-theme=dark] .copy-preview5 small{color:#b7cad7}[data-theme=dark] .question-tools .muted{color:#b7cad7}[data-theme=dark] .copy-preview5{color:#e6f0f7}[data-theme=dark] .button-link{background:#173347;color:#e6f0f7}
/* Email preview deliberately keeps email's light presentation within dark admin. */
[data-theme=dark] .mail-preview5{color:#17324d}[data-theme=dark] .mail-preview5 h2,[data-theme=dark] .mail-preview5 p{color:inherit}
@media(max-width:650px){.own-points6{grid-template-columns:1fr 1fr;gap:20px}.own-points6>div:first-child{grid-column:1/-1}.points-total6{border-left:0;border-top:1px solid var(--line);padding-top:16px}.dialog6 .modal-heading{padding:20px;gap:10px}.dialog6 .modal-heading h2{font-size:20px}.dialog-emblem6{width:40px;height:40px}.dialog6>form,.dialog6>section,.dialog6>div:not(.modal-heading),.dialog6>p,.dialog6>h2,.dialog6>h3,.dialog6>label{margin:18px 20px}.dialog6 .confirm-actions5{margin:0;padding:18px 20px}.dialog6 .confirm-copy5{margin:22px 20px}.dialog6>form>button{max-width:100%}.chart6{padding:18px}.chart6 .section-title{align-items:flex-start;flex-direction:column}.chart-legend6{gap:12px}.own-points6 strong{font-size:32px}}