:root { --ink:#18212f; --muted:#6e7888; --paper:#fff; --bg:#f6f7fb; --brand:#6551dc; --brand2:#856ef5; --ok:#118267; --warn:#a96408; --bad:#be3c4b; --line:#e4e7ef; --soft:#f0effb; --shadow:0 16px 40px rgba(39,42,73,.09); color-scheme:light; }
[data-theme="night"] { --ink:#edf0fa; --muted:#a3acc0; --paper:#1d2230; --bg:#111522; --brand:#9a86ff; --brand2:#b1a1ff; --ok:#62d5b0; --warn:#ffc56b; --bad:#ff8590; --line:#32394d; --soft:#2b2d49; --shadow:0 16px 40px rgba(0,0,0,.28); color-scheme:dark; }
* { box-sizing:border-box; }
body { margin:0; font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif; color:var(--ink); background:var(--bg); transition:background .2s,color .2s; }
a { color:var(--brand); } button,input,textarea,select { font:inherit; }
button,.button { border:0; border-radius:11px; padding:.7rem 1rem; min-height:44px; background:var(--brand); color:#fff; font-weight:750; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:.4rem; }
button:hover,.button:hover { background:var(--brand2); } button:disabled { opacity:.55; cursor:not-allowed; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible { outline:3px solid #3b8cff; outline-offset:2px; }
.table-sort { min-height:32px; margin:-6px -8px; padding:6px 8px; border-radius:7px; background:transparent; color:inherit; font-size:inherit; font-weight:inherit; letter-spacing:inherit; text-transform:inherit; white-space:nowrap; }
.table-sort:hover { background:var(--soft); color:var(--ink); }.sort-indicator { display:inline-block; min-width:1em; color:var(--brand); font-size:.95rem; }
.site-header { background:color-mix(in srgb,var(--paper) 90%,transparent); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:5; backdrop-filter:blur(14px); }
nav { max-width:1180px; margin:auto; padding:15px 24px; display:flex; align-items:center; flex-wrap:wrap; gap:18px; }
.brand { font-weight:900; color:var(--ink); text-decoration:none; letter-spacing:-.02em; margin-right:auto; }.brand-mark { color:var(--brand); font-size:1.35rem; margin-right:6px; }
.nav-links { display:flex; align-items:center; gap:18px; }.nav-links a { text-decoration:none; font-weight:650; color:var(--muted); }.nav-links a:hover { color:var(--brand); }
.theme-toggle { background:transparent; border:1px solid var(--line); color:var(--ink); min-height:38px; padding:.45rem .7rem; font-size:.86rem; }.theme-toggle:hover { background:var(--soft); color:var(--ink); }
.webmcp-launch { min-height:38px; padding:.48rem .78rem; border:1px solid color-mix(in srgb,var(--ok) 58%,var(--line)); background:color-mix(in srgb,var(--ok) 11%,var(--paper)); color:color-mix(in srgb,var(--ok) 82%,var(--ink)); font-size:.73rem; font-weight:900; letter-spacing:.045em; white-space:nowrap; }.webmcp-launch:hover { border-color:var(--ok); background:var(--ok); color:#fff; }
.landing-theme { position:fixed; right:22px; top:20px; z-index:8; }.landing-theme:hover { background:var(--paper); }
.shell { max-width:1180px; margin:auto; padding:32px 24px 70px; }.dashboard-intro { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin:10px 0 14px; }.dashboard-intro h1 { margin:.1em 0 .15em; }
.eyebrow { color:var(--brand); font-size:.7rem; letter-spacing:.13em; font-weight:850; margin:0 0 7px; }.muted { color:var(--muted); }.error { color:var(--bad); }.success { color:var(--ok); }.warning { color:var(--warn); font-weight:700; }
.reset-box { border:1px solid var(--line); background:var(--paper); border-radius:14px; padding:12px 16px; display:grid; text-align:right; min-width:140px; box-shadow:var(--shadow); }.reset-box strong { font-size:1.35rem; }.reset-box small { color:var(--muted); }
h1 { font-size:clamp(2rem,6vw,3.5rem); line-height:1.05; margin:.2em 0; letter-spacing:-.045em; } h2 { margin-top:0; letter-spacing:-.025em; } h3 { margin:.2em 0 .55em; }.dashboard-title { font-size:clamp(1.7rem,4vw,2.5rem); }
.status-message { min-height:25px; margin:0 0 12px; font-weight:700; }.status-message:empty { min-height:0; margin:0; }.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.card { background:var(--paper); padding:22px; border:1px solid var(--line); border-radius:16px; box-shadow:0 3px 14px rgba(30,36,50,.04); }.section { margin:30px 0; }.toolbar,.section-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }.section-heading { margin-bottom:14px; }.section-heading h2 { margin:.1em 0; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }.compact-control { width:auto; min-width:150px; }.check { display:flex; align-items:center; gap:8px; }.check input { width:auto; }
.progress-card { position:sticky; top:calc(var(--promoter-header-height,68px) + 8px); z-index:4; padding:10px 2px 12px; background:color-mix(in srgb,var(--bg) 94%,transparent); border-top:1px solid var(--line); border-bottom:1px solid var(--line); border-radius:0; box-shadow:none; backdrop-filter:blur(12px); isolation:isolate; }.progress-heading-row { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:9px; }.progress-heading-row h2 { margin:0; font-size:clamp(.92rem,2vw,1.08rem); }.progress-count,.slot-count { font-weight:850; color:var(--brand); }.progress-count.complete { color:var(--ok); }.daily-progress { display:block; }.progress-stages { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.progress-stage { min-width:0; }.progress-stage-label { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:6px; color:var(--muted); font-size:.76rem; }.progress-stage-label span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.progress-stage-label b { display:inline-grid; place-items:center; width:20px; height:20px; margin-right:5px; border:1px solid var(--line); border-radius:50%; color:var(--muted); font-size:.68rem; }.progress-stage-label strong { flex:none; font-size:.72rem; }.progress-stage.stage-current .progress-stage-label { color:var(--brand); }.progress-stage.stage-current .progress-stage-label b { border-color:var(--brand); color:var(--brand); }.progress-stage.stage-complete .progress-stage-label { color:var(--ok); }.progress-stage.stage-complete .progress-stage-label b { border-color:var(--ok); background:var(--ok); color:white; }.progress-track { height:9px; overflow:hidden; border-radius:999px; background:var(--line); }.progress-track i { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--brand),var(--ok)); transition:width .42s cubic-bezier(.2,.75,.2,1); }.progress-track i.just-completed { animation:progress-fill-glow .58s ease-out; }@keyframes progress-fill-glow { 0% { filter:brightness(1); box-shadow:0 0 0 color-mix(in srgb,var(--brand) 50%,transparent); }45% { filter:brightness(1.25); box-shadow:0 0 12px color-mix(in srgb,var(--brand) 35%,transparent); }100% { filter:brightness(1); box-shadow:0 0 0 transparent; } }
.dashboard-insights { display:grid; gap:14px; }.momentum-panel { display:grid; grid-template-columns:minmax(230px,1fr) auto; align-items:center; gap:12px 22px; padding:11px 14px; }.momentum-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; min-width:0; }.momentum-heading .eyebrow { display:none; }.momentum-heading h2,.momentum-heading p { margin:0; }.momentum-heading h2 { font-size:.95rem; }.momentum-heading p { margin-top:2px; font-size:.7rem; }.momentum-count { flex:none; color:var(--ok); font-size:.78rem; }.dashboard-modules { display:grid; gap:14px; }.dashboard-module { padding:0; overflow:visible; }.dashboard-module > summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:68px; padding:14px 18px; cursor:pointer; list-style:none; user-select:none; }.dashboard-module > summary::-webkit-details-marker { display:none; }.dashboard-module > summary:hover { background:color-mix(in srgb,var(--soft) 45%,transparent); }.dashboard-module > summary:focus-visible { outline:3px solid #3b8cff; outline-offset:2px; border-radius:14px; }.dashboard-module-title { display:block; color:var(--ink); font-size:1.1rem; font-weight:850; letter-spacing:-.02em; }.dashboard-module summary small { display:block; margin-top:2px; color:var(--muted); font-size:.76rem; font-weight:600; }.dashboard-module-chevron { flex:none; color:var(--brand); font-size:1.35rem; font-weight:850; transition:transform .22s ease; }.dashboard-module[open] .dashboard-module-chevron { transform:rotate(180deg); }.dashboard-module-body { padding:4px 18px 20px; border-top:1px solid var(--line); animation:module-open .24s ease-out; }.module-help { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:14px 0 10px; }.module-help .eyebrow { margin:0; }.invite-history-wrap { max-height:536px; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }.invite-history-wrap thead th { position:sticky; top:0; z-index:2; background:var(--paper); box-shadow:inset 0 -1px var(--line); }.invite-history-wrap tbody tr { height:48px; }.invite-history-wrap tbody td { white-space:nowrap; }@keyframes module-open { from { opacity:.45; transform:translateY(-5px); } to { opacity:1; transform:none; } }
.group-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.group-card { padding:20px; min-height:220px; transition:border-color .25s,box-shadow .25s,transform .25s,opacity .25s; }.group-card-top { display:flex; gap:14px; align-items:flex-start; }.group-card-heading { flex:1; min-width:0; }.group-card-title-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px 12px; }.group-card-title-row h3 { min-width:0; }.header-status { justify-self:start; }.group-open-header { grid-column:2; grid-row:1 / span 2; align-self:center; border:1px solid var(--line); border-radius:9px; padding:.48rem .68rem; min-height:38px; display:inline-flex; align-items:center; gap:.25rem; color:var(--brand); font-size:.84rem; font-weight:800; text-decoration:none; white-space:nowrap; background:var(--paper); }.group-open-header:hover { border-color:var(--brand); background:var(--soft); }.slot-number { color:var(--brand); font-size:1rem; font-weight:900; letter-spacing:.08em; padding-top:4px; }.group-card h3 { margin:0; font-size:1.12rem; }.group-card-top p { margin:.35rem 0 0; }.group-actions,.post-actions,.review-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:16px; }.group-actions .button { min-height:40px; }.text-button { background:transparent; color:var(--muted); padding:.4rem; min-height:36px; font-size:.82rem; }.text-button:hover { background:transparent; color:var(--bad); }.locked-link { opacity:.55; pointer-events:none; cursor:not-allowed; }
.access-prompt[hidden] { display:none; }.access-prompt { margin-top:14px; padding:14px; border:1px solid var(--line); border-radius:12px; background:color-mix(in srgb,var(--soft) 55%,var(--paper)); }.access-prompt p { margin:0; }.access-prompt.access-revealed { animation:access-reveal .36s cubic-bezier(.2,.75,.2,1); }.access-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }.access-choice { width:100%; min-width:0; color:var(--ink); background:var(--soft); border:1px solid var(--line); box-shadow:none; text-align:center; }.access-choice:hover { color:var(--ink); background:color-mix(in srgb,var(--soft) 70%,var(--brand) 10%); border-color:color-mix(in srgb,var(--line) 55%,var(--brand)); }
.status-indicator { border:1px solid transparent; }.status-indicator.status-action { color:#a42231; background:#fde8eb; border-color:#f7c4ca; }.status-indicator.status-good { color:#08745e; background:#d7f3e9; border-color:#b2e3d4; }
[data-theme="night"] .status-indicator.status-action { color:#ffabb3; background:rgba(190,60,75,.18); border-color:rgba(255,133,144,.3); }[data-theme="night"] .status-indicator.status-good { color:#82e5c4; background:rgba(17,130,103,.2); border-color:rgba(98,213,176,.28); }
.replacement-announcement { margin:0 0 14px; border:1px solid color-mix(in srgb,var(--ok) 45%,var(--line)); border-radius:11px; padding:11px 14px; color:var(--ok); background:color-mix(in srgb,var(--ok) 8%,var(--paper)); font-weight:750; animation:notice-in .35s ease-out; }
.replacement-old { pointer-events:none; animation:group-out .32s ease-in forwards; }.replacement-new { border-color:color-mix(in srgb,var(--ok) 50%,var(--line)); animation:group-in .5s cubic-bezier(.2,.75,.2,1); }.replacement-new::before { content:"New group added"; display:inline-flex; margin:0 0 12px 48px; border-radius:99px; padding:3px 9px; background:color-mix(in srgb,var(--ok) 14%,var(--paper)); color:var(--ok); font-size:.72rem; font-weight:850; letter-spacing:.03em; }
.action-progress { position:relative; flex-basis:100%; max-width:260px; padding:16px 0 0; color:var(--muted); font-size:.8rem; font-weight:700; overflow:hidden; }.action-progress::before { content:""; position:absolute; top:4px; left:0; right:0; height:6px; border-radius:99px; background:var(--line); }.action-progress::after { content:""; position:absolute; top:4px; left:0; width:42%; height:6px; border-radius:99px; background:linear-gradient(90deg,var(--brand),var(--ok)); animation:loading-bar 1.05s ease-in-out infinite alternate; }.prepare-button[aria-busy="true"] { position:relative; padding-right:2.4rem; }.prepare-button[aria-busy="true"]::after { content:""; position:absolute; right:.8rem; width:14px; height:14px; border:2px solid rgba(255,255,255,.45); border-top-color:white; border-radius:50%; animation:spin .7s linear infinite; }
.post-button[aria-busy="true"],.review-button[aria-busy="true"] { position:relative; padding-right:2.4rem; }.post-button[aria-busy="true"]::after,.review-button[aria-busy="true"]::after { content:""; position:absolute; right:.8rem; width:14px; height:14px; border:2px solid color-mix(in srgb,currentColor 28%,transparent); border-top-color:currentColor; border-radius:50%; animation:spin .7s linear infinite; }
.preference-toggle,.warning-dm-setting { display:flex; align-items:center; gap:8px; margin:9px 0 0; cursor:pointer; font-size:.78rem; color:var(--muted); font-weight:750; }.preference-toggle input,.warning-dm-setting input { width:34px; height:19px; margin:0; accent-color:var(--ok); cursor:pointer; }.warning-dm-setting { margin:0; color:var(--ink); white-space:nowrap; }
@keyframes group-out { to { transform:translateY(-12px) scale(.98); opacity:0; } }@keyframes group-in { from { transform:translateY(15px) scale(.985); opacity:0; }to { transform:none; opacity:1; } }@keyframes notice-in { from { transform:translateY(-6px); opacity:0; } }@keyframes loading-bar { from { transform:translateX(-70%); }to { transform:translateX(165%); } }@keyframes spin { to { transform:rotate(360deg); } }
@keyframes access-reveal { from { opacity:0; transform:translateY(-7px); }to { opacity:1; transform:none; } }@keyframes next-action-pulse { 0% { box-shadow:0 0 0 0 color-mix(in srgb,var(--brand) 30%,transparent); transform:translateY(12px); opacity:.55; }55% { box-shadow:0 0 0 7px color-mix(in srgb,var(--brand) 11%,transparent); }100% { box-shadow:var(--shadow); transform:none; opacity:1; } }
.pill { display:inline-block; padding:3px 8px; border-radius:99px; font-size:.75rem; font-weight:750; background:var(--soft); }.test-mode-badge { background:#ffe0e0; color:#a32121; letter-spacing:.08em; }.test-mode-row { gap:10px; flex-wrap:wrap; }.joined-pill { background:#d7f3e9; color:#08745e; }.warning-pill { background:#fff0d7; color:#966006; }.muted-pill { background:var(--line); color:var(--muted); }.neutral-pill { background:var(--soft); color:var(--muted); }
.joined-divider { border-top:1px solid var(--line); margin:15px 0; }.post-label { color:var(--brand); font-size:.73rem; text-transform:uppercase; letter-spacing:.1em; font-weight:850; margin-bottom:7px; }.post-text { white-space:pre-wrap; padding:14px; background:color-mix(in srgb,var(--soft) 70%,var(--paper)); border-radius:10px; overflow-wrap:anywhere; }.images { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:12px; }.images figure { margin:0; }.images img { width:100%; aspect-ratio:1.7; object-fit:cover; border-radius:10px; background:var(--line); }.images figcaption { display:flex; align-items:center; justify-content:space-between; gap:5px; font-weight:700; font-size:.8rem; color:var(--muted); padding-top:5px; }.download-button { min-height:34px; padding:.4rem .65rem; font-size:.78rem; }.posted-state { border-top:1px solid var(--line); margin-top:16px; padding-top:14px; }.review-actions { align-items:stretch; }.review-actions p { flex-basis:100%; margin:0; }.review-actions .button { font-size:.85rem; }
.post-completing { overflow:hidden; pointer-events:none; }.posted-collapsed { animation:group-in .36s ease-out; }.next-action-card { border-color:color-mix(in srgb,var(--brand) 58%,var(--line)); animation:next-action-pulse .75s cubic-bezier(.2,.75,.2,1); }.review-question { padding:11px 13px; border-left:4px solid var(--warn); background:color-mix(in srgb,var(--warn) 8%,var(--paper)); border-radius:8px; }.final-choice { color:var(--ink); background:var(--soft); border:1px solid var(--line); }.final-choice:hover { color:var(--ink); background:color-mix(in srgb,var(--soft) 72%,var(--brand) 9%); border-color:color-mix(in srgb,var(--line) 55%,var(--brand)); }
.approval-example { margin:0 0 18px; border-color:color-mix(in srgb,var(--warn) 40%,var(--line)); }.approval-example h3 { margin-bottom:12px; }.example-banner { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:12px; padding:16px 18px; border-radius:12px; background:#f2f4f8; color:#1d2430; border:1px solid #e3e7ee; }.example-banner div { display:grid; }.example-banner strong { font-size:1.02rem; }.example-banner span { color:#596270; }.example-arrow { color:#df2939 !important; font-size:2.3rem; line-height:1; font-weight:900; transform:scaleX(1.35); }.example-manage { padding:8px 12px; border-radius:8px; background:#e7eaf0; font-weight:750; white-space:nowrap; }
.group-list { grid-template-columns:minmax(0,1fr); max-width:820px; margin-inline:auto; gap:10px; }.group-card { min-height:0; }.group-card.is-collapsed { padding:0; overflow:hidden; }.card-expander { width:100%; min-height:58px; display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:10px; padding:10px 14px; border-radius:inherit; background:var(--paper); color:var(--ink); text-align:left; box-shadow:none; }.card-expander:hover { background:var(--soft); transform:none; }.card-expander .slot-number { padding:0; }.collapsed-card-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:800; }.collapsed-card-status { white-space:nowrap; }.collapsed-card-status.status-good { color:#08745e; background:#d7f3e9; }.collapsed-card-status.status-muted { color:var(--muted); background:var(--soft); }.accordion-chevron { color:var(--muted); font-size:1.15rem; }.group-card.is-expanded { border-color:color-mix(in srgb,var(--brand) 34%,var(--line)); box-shadow:0 14px 34px rgba(30,36,50,.11); }.expanded-card-tools { grid-column:2; grid-row:1 / span 2; align-self:center; display:flex; align-items:center; gap:5px; }.expanded-card-tools .group-open-header { grid-column:auto; grid-row:auto; }.collapse-card { color:var(--muted); }.post-copy-row { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:9px; }.post-copy-row .post-label { margin-bottom:2px; }.post-copy-row .copy-post { flex:0 0 auto; min-width:112px; }.compact-post-text { max-height:96px; overflow:auto; border:1px solid var(--line); font-size:.9rem; line-height:1.45; scrollbar-width:thin; }.workflow-images { margin-top:9px; }.workflow-images img { height:88px; aspect-ratio:auto; }.workflow-images figcaption { padding-top:4px; }.post-next-action { display:flex; align-items:center; flex-wrap:wrap; gap:9px 12px; margin-top:12px; }.post-next-action .post-button { min-width:150px; }.review-stage { margin-top:0; }.review-guidance { padding:9px 11px; border-radius:9px; background:var(--soft); color:var(--muted); font-size:.86rem; line-height:1.35; }.review-choice-grid { flex-basis:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }.review-choice { min-height:48px; border:1px solid var(--line); background:var(--paper); color:var(--ink); box-shadow:none; }.review-choice:hover { border-color:color-mix(in srgb,var(--ink) 40%,var(--line)); background:var(--soft); transform:none; }.post-details { margin-top:12px; border-top:1px solid var(--line); padding-top:10px; }.post-details summary { cursor:pointer; color:var(--muted); font-size:.85rem; font-weight:750; }.post-details[open] summary { margin-bottom:12px; }.post-details .post-unlocked { padding:0 1px 2px; }
.publication-heading { flex-basis:100%; margin:0 0 4px; }.publication-heading h4 { margin:0 0 5px; font-size:1.12rem; }.publication-heading p { color:var(--muted); font-size:.85rem; }
.review-choice-grid.publication-options { gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)); }.publication-option { display:grid; grid-template-rows:88px auto 44px; gap:8px; min-width:0; padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--paper); }.publication-visual { display:flex; align-items:center; justify-content:center; min-width:0; border-radius:7px; }.publication-eye { width:80px; height:64px; color:var(--brand); }.publication-visual img { display:block; width:100%; max-width:375px; height:auto; border-radius:6px; }.publication-example-link { cursor:zoom-in; }.publication-caption { text-align:center; color:var(--muted); font-size:.76rem; line-height:1.3; }.publication-options .review-choice { justify-self:center; align-self:end; width:calc(100% - 12px); max-width:248px; height:44px; min-height:44px; margin:0; padding:6px 10px; font-size:.82rem; line-height:1.25; border-radius:7px; background:#6551dc; color:#fff; border:1px solid #8673f0; box-shadow:0 3px 0 #44319c; font-weight:700; cursor:pointer; }.publication-options .review-choice:hover:not(:disabled) { background:#5944ce; }.publication-options .review-choice:active:not(:disabled) { transform:translateY(2px); box-shadow:0 1px 0 #44319c; }.publication-options .review-choice:focus-visible,.publication-example-link:focus-visible { outline:3px solid var(--brand); outline-offset:3px; }
@media (max-width:480px) { .review-choice-grid.publication-options { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.publication-option { grid-template-rows:60px 30px 44px; padding:8px; gap:6px; }.publication-eye { width:58px; height:46px; }.publication-visual img { width:100%; }.publication-caption { font-size:.65rem; display:flex; align-items:center; justify-content:center; }.publication-options .review-choice { width:calc(100% - 6px); height:44px; min-height:44px; padding:4px; font-size:.72rem; } }
[data-theme="night"] .collapsed-card-status.status-good { color:#82e5c4; background:rgba(17,130,103,.2); }
.empty-state { text-align:center; padding:45px 24px; }.empty-icon,.confetti-mark { color:var(--brand); font-size:2rem; }.empty-state h3 { font-size:1.3rem; }.empty-state .button { margin-top:10px; }.completion-card { text-align:center; border-color:color-mix(in srgb,var(--ok) 40%,var(--line)); background:color-mix(in srgb,var(--ok) 8%,var(--paper)); }.completion-card h2 { margin:.15em 0; }
.confetti-layer { position:fixed; inset:0; z-index:20; pointer-events:none; overflow:hidden; }.confetti-layer i { position:absolute; top:-15px; left:var(--x); width:8px; height:14px; background:hsl(var(--hue),75%,60%); animation:fall 1.3s var(--delay) ease-in forwards; transform:rotate(20deg); }.confetti-layer i:nth-child(3n) { border-radius:50%; width:10px; height:10px; } @keyframes fall { to { transform:translateY(105vh) rotate(620deg); opacity:0; } }
.mistake-toggle { margin-top:10px; }.mistake-form { width:min(560px,100%); margin:16px auto 0; padding:16px; border:1px solid var(--line); border-radius:12px; background:color-mix(in srgb,var(--soft) 48%,var(--paper)); text-align:left; }.mistake-form[hidden] { display:none; }.mistake-form label { display:block; margin:10px 0 5px; font-weight:750; }.mistake-form label:first-child { margin-top:0; }.mistake-form input,.mistake-form textarea { width:100%; }.mistake-form textarea { min-height:100px; resize:vertical; }.mistake-form button { margin-top:12px; }.mistake-note { min-width:240px; max-width:520px; white-space:pre-wrap; overflow-wrap:anywhere; }
.stats-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }.stat-card { padding:16px; min-height:100px; }.metric { font-size:1.75rem; line-height:1.1; font-weight:900; display:block; margin-bottom:7px; }.stats-panels { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:16px 0 28px; }.calendar { display:grid; grid-template-columns:repeat(7,1fr); gap:7px; }.calendar-month { grid-template-columns:repeat(10,1fr); gap:5px; }.calendar-motivation { grid-template-columns:repeat(15,12px); gap:4px; justify-content:end; }.calendar-motivation .calendar-day { width:12px; min-height:0; border-radius:3px; font-size:0; }.calendar-year-wrap { max-width:100%; overflow-x:auto; padding:3px 0 8px; overscroll-behavior-inline:contain; scrollbar-gutter:stable; }.calendar-year { width:max-content; grid-template-columns:repeat(53,11px); grid-template-rows:repeat(7,11px); grid-auto-flow:column; gap:3px; }.calendar-year .calendar-day { width:11px; height:11px; aspect-ratio:auto; border-radius:2px; font-size:0; }.calendar-day { width:100%; aspect-ratio:1; border-radius:5px; background:var(--line); color:transparent; display:grid; place-items:center; font-size:.66rem; }.calendar-day.complete { background:var(--ok); color:white; }
.stats-switch { display:inline-flex; gap:3px; padding:4px; background:var(--soft); border-radius:11px; margin-bottom:12px; }.stats-switch button { min-height:34px; padding:.4rem .75rem; color:var(--muted); background:transparent; font-size:.82rem; }.stats-switch button.selected { background:var(--paper); color:var(--brand); box-shadow:0 2px 8px rgba(30,36,50,.08); }.rank-summary { display:flex; align-items:center; flex-wrap:wrap; gap:8px 14px; margin:14px 0 20px; }.rank-summary strong { font-size:1.15rem; }.rank-summary .rank-bar { flex-basis:100%; height:7px; overflow:hidden; border-radius:99px; background:var(--line); }.rank-summary .rank-bar i { display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,var(--brand),#37b99b); }
.help-footer { margin:44px 0 0; padding:24px 2px 0; border-top:1px solid var(--line); font-size:.8rem; }.help-footer h2 { margin:.05em 0 14px; font-size:1rem; }.help-footer .eyebrow { font-size:.62rem; }.help-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }.help-grid p { margin:0; }.help-grid strong { color:var(--ink); }.tooltip { position:relative; cursor:help; color:var(--muted); }.tooltip-text { visibility:hidden; opacity:0; position:absolute; right:0; top:1.6rem; width:220px; z-index:2; background:var(--ink); color:var(--paper); padding:9px 11px; border-radius:9px; font-size:.8rem; font-weight:500; }.tooltip:hover .tooltip-text,.tooltip:focus .tooltip-text { visibility:visible; opacity:1; }
.workflow-filters { display:flex; flex-wrap:wrap; align-items:end; gap:9px; }.workflow-filters label { margin:0; font-size:.75rem; color:var(--muted); }.workflow-filters input { width:145px; display:block; padding:.45rem; }.workflow-filters button { min-height:39px; }.ranking-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; }.ranking-grid p { margin:.5rem 0; }
label { display:block; font-weight:700; margin:10px 0 4px; } input,textarea,select { width:100%; padding:.7rem; border:1px solid #cbd1dc; border-radius:9px; background:var(--paper); color:var(--ink); } textarea { min-height:130px; resize:vertical; }.form-card { max-width:480px; margin:10vh auto; }.secondary { color:var(--ink); background:var(--soft); }.danger { background:var(--bad); }.full-width { width:100%; }
table { width:100%; border-collapse:collapse; background:var(--paper); } th,td { padding:11px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; } th { font-size:.75rem; text-transform:uppercase; letter-spacing:.04em; color:var(--muted); }.table-wrap { overflow:auto; border:1px solid var(--line); border-radius:12px; }.compact-text { max-height:150px; overflow:auto; margin:6px 0; font-size:.9rem; }.group-notes { min-width:160px; max-width:280px; white-space:pre-wrap; overflow-wrap:anywhere; }.score-high { color:var(--ok); font-weight:800; }.score-low { color:var(--bad); font-weight:800; }.avatar { border-radius:50%; vertical-align:middle; }.creative-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:14px; }.creative { padding:10px; background:var(--paper); border:1px solid var(--line); border-radius:12px; }.creative img { width:100%; aspect-ratio:1.4; object-fit:cover; border-radius:8px; }.admin-nav { position:sticky; top:0; z-index:50; overflow-x:auto; overflow-y:hidden; background:var(--paper); border-bottom:1px solid var(--line); box-shadow:0 7px 22px rgba(20,25,39,.1); isolation:isolate; }.admin-nav nav { min-width:max-content; background:var(--paper); }.admin-page .table-wrap { max-height:min(1088px,68vh); overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable both-edges; background:var(--paper); }.admin-page .table-wrap thead th { position:sticky; top:0; z-index:2; background:var(--paper); box-shadow:inset 0 -1px var(--line); }.anchor { scroll-margin-top:88px; }
table { width:100%; border-collapse:collapse; background:var(--paper); } th,td { padding:11px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; } th { font-size:.75rem; text-transform:uppercase; letter-spacing:.04em; color:var(--muted); }.table-wrap { overflow:auto; border:1px solid var(--line); border-radius:12px; }.compact-text { max-height:150px; overflow:auto; margin:6px 0; font-size:.9rem; }.group-notes { min-width:160px; max-width:280px; white-space:pre-wrap; overflow-wrap:anywhere; }.score-high { color:var(--ok); font-weight:800; }.score-low { color:var(--bad); font-weight:800; }.percentile-detail { display:block; min-width:150px; margin-top:3px; }.percentile-rank { padding:10px 0; border-bottom:1px solid var(--line); }.percentile-rank:last-child { border-bottom:0; }.percentile-value { color:var(--brand); font-weight:800; }.avatar { border-radius:50%; vertical-align:middle; }.creative-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:14px; }.creative { padding:10px; background:var(--paper); border:1px solid var(--line); border-radius:12px; }.creative img { width:100%; aspect-ratio:1.4; object-fit:cover; border-radius:8px; }.admin-nav { position:sticky; top:0; z-index:50; overflow-x:auto; overflow-y:hidden; background:var(--paper); border-bottom:1px solid var(--line); box-shadow:0 7px 22px rgba(20,25,39,.1); isolation:isolate; }.admin-nav nav { min-width:max-content; background:var(--paper); }.admin-page .table-wrap { max-height:min(1088px,68vh); overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable both-edges; background:var(--paper); }.admin-page .table-wrap thead th { position:sticky; top:0; z-index:2; background:var(--paper); box-shadow:inset 0 -1px var(--line); }.anchor { scroll-margin-top:88px; }
.admin-notice { position:fixed; top:76px; right:18px; z-index:80; width:min(420px,calc(100vw - 36px)); margin:0; padding:12px 15px; border:1px solid currentColor; border-radius:11px; background:var(--paper); box-shadow:var(--shadow); font-weight:750; animation:notice-in .25s ease-out; }.admin-notice[hidden],.admin-notice:empty { display:none; }
.template-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }.template-column { min-width:0; border:1px solid var(--line); border-radius:14px; background:color-mix(in srgb,var(--soft) 44%,var(--paper)); overflow:hidden; }.template-column-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:15px 16px 12px; border-bottom:1px solid var(--line); background:var(--paper); }.template-column-heading h4,.template-column-heading p { margin:0; }.template-column-heading p { margin-top:3px; font-size:.82rem; }.template-column-list { position:relative; display:grid; gap:12px; max-height:min(620px,65vh); overflow:auto; padding:12px; overscroll-behavior:contain; scrollbar-gutter:stable; }.template-card { padding:16px; box-shadow:none; }.template-card p { white-space:pre-wrap; overflow-wrap:anywhere; }.template-card .toolbar { justify-content:flex-start; margin-top:12px; }.template-empty { padding:18px 8px; text-align:center; }.template-updated { animation:template-updated .9s ease-out; outline:none; }@keyframes template-updated { 0% { border-color:var(--brand); box-shadow:0 0 0 5px color-mix(in srgb,var(--brand) 18%,transparent); transform:translateY(6px); opacity:.65; }100% { border-color:var(--line); box-shadow:none; transform:none; opacity:1; } }
dialog { border:0; border-radius:18px; box-shadow:var(--shadow); max-width:540px; width:calc(100% - 30px); color:var(--ink); background:var(--paper); padding:0; } dialog form { padding:28px; position:relative; } dialog::backdrop { background:rgba(24,33,47,.5); }.dialog-close { position:absolute; right:16px; top:14px; min-height:34px; width:34px; padding:0; font-size:1.3rem; }.choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:20px 0 12px; }.choice-button { min-height:82px; background:var(--soft); color:var(--ink); display:grid; text-align:left; justify-items:start; }.choice-button span { color:var(--muted); font-size:.8rem; font-weight:500; }
.full-auto-dialog { max-width:760px; }.full-auto-dialog form { max-height:min(88vh,860px); overflow:auto; }.full-auto-dialog h2 { margin:.1em 0 .7em; }.full-auto-warning { margin:0 0 18px; padding:13px 15px; border-left:4px solid var(--warn); border-radius:9px; background:color-mix(in srgb,var(--warn) 9%,var(--paper)); }.full-auto-warning p { margin:.35rem 0 0; color:var(--muted); }.full-auto-prompt { min-height:310px; max-height:46vh; font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; white-space:pre; }.full-auto-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:13px; }.full-auto-copy-status { min-height:1.5em; margin:10px 0 0; color:var(--ok); font-weight:750; }
.webmcp-dialog { max-width:720px; }.webmcp-dialog h2 { display:flex; align-items:center; gap:9px; }.webmcp-availability { margin:0 0 15px; padding:13px 15px; border:1px solid var(--line); border-left:4px solid var(--warn); border-radius:10px; background:color-mix(in srgb,var(--soft) 62%,var(--paper)); }.webmcp-availability p { margin:.3rem 0 0; color:var(--muted); }.webmcp-availability[data-state="ready"] { border-left-color:var(--ok); background:color-mix(in srgb,var(--ok) 8%,var(--paper)); }.webmcp-availability[data-state="unavailable"],.webmcp-availability[data-state="partial"] { border-left-color:var(--warn); }.webmcp-tool-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin:15px 0; }.webmcp-tool-summary span { padding:8px 10px; border:1px solid var(--line); border-radius:9px; background:var(--soft); color:var(--ink); font-size:.8rem; font-weight:750; }.webmcp-prompt { min-height:150px; max-height:230px; white-space:pre-wrap; }.webmcp-help { margin:12px 0 0; font-size:.78rem; }
.creative-preview { position:relative; display:block; width:100%; min-height:0; margin:0 0 10px; padding:0; overflow:hidden; border:0; border-radius:8px; background:var(--soft); color:var(--ink); cursor:zoom-in; }
.creative-preview img { display:block; width:100%; aspect-ratio:1.4; object-fit:cover; border-radius:8px; transition:transform .18s ease,filter .18s ease; }
.creative-preview:hover img,.creative-preview:focus-visible img { transform:scale(1.025); filter:brightness(.88); }
.creative-preview:focus-visible { outline:3px solid var(--brand); outline-offset:3px; }
.creative-preview-hint { position:absolute; right:8px; bottom:8px; padding:4px 7px; border-radius:999px; background:rgba(12,16,24,.82); color:#fff; font-size:.72rem; font-weight:800; letter-spacing:.02em; opacity:0; transform:translateY(3px); transition:opacity .18s ease,transform .18s ease; }
.creative-preview:hover .creative-preview-hint,.creative-preview:focus-visible .creative-preview-hint { opacity:1; transform:none; }
dialog.creative-viewer { width:min(94vw,1500px); max-width:94vw; height:min(90vh,1000px); max-height:90vh; border-radius:14px; }
.creative-viewer-shell { display:grid; grid-template-rows:auto minmax(0,1fr); height:100%; min-height:0; }
.creative-viewer-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 20px; border-bottom:1px solid var(--line); background:var(--paper); }
.creative-viewer-header h2,.creative-viewer-header p { margin:0; }
.creative-viewer-header p { margin-top:3px; }
.creative-viewer-canvas { min-height:0; overflow:auto; overscroll-behavior:contain; padding:24px; background-color:#121722; background-image:linear-gradient(45deg,#171d29 25%,transparent 25%),linear-gradient(-45deg,#171d29 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#171d29 75%),linear-gradient(-45deg,transparent 75%,#171d29 75%); background-size:24px 24px; background-position:0 0,0 12px,12px -12px,-12px 0; }
.creative-viewer-image-wrap { display:grid; place-items:center; width:max-content; min-width:100%; min-height:100%; }
.creative-viewer-canvas img { display:block; width:auto; height:auto; max-width:none; max-height:none; border-radius:0; box-shadow:0 12px 40px rgba(0,0,0,.32); image-rendering:auto; }
@media (max-width:680px){dialog.creative-viewer { width:100vw; max-width:100vw; height:100dvh; max-height:100dvh; border-radius:0; }.creative-viewer-header { padding:12px; }.creative-viewer-canvas { padding:12px; }}
.hero { min-height:100vh; display:grid; place-items:center; padding:30px; position:relative; overflow:hidden; isolation:isolate; background:radial-gradient(circle at 20% 20%,#dfd8ff,transparent 35%),radial-gradient(circle at 90% 70%,#d5f5ed,transparent 30%); }
.hero-card { position:relative; z-index:2; max-width:700px; padding:48px; background:color-mix(in srgb,var(--paper) 92%,transparent); border:1px solid var(--line); border-radius:24px; box-shadow:var(--shadow); text-align:center; }
.hero-card[hidden] { display:none; }.access-gate { width:min(440px,calc(100vw - 42px)); }.access-gate h1 { font-size:clamp(1.8rem,4vw,2.6rem); }.access-gate form { display:grid; gap:12px; margin-top:22px; }.access-gate input { text-align:center; }.access-gate .error { min-height:24px; margin:0; }
.radar-stage { display:none; }
[data-theme="night"] .landing-page { background:#070b0a; }
[data-theme="night"] .landing-page .hero { background:radial-gradient(circle at center,rgba(8,22,18,.45) 0 19%,transparent 39%),linear-gradient(#070b0a,#080d0b); }
[data-theme="night"] .landing-page .hero-card { width:min(700px,calc(100vw - 42px)); background:rgba(18,25,27,.94); border-color:rgba(105,202,155,.18); box-shadow:0 24px 75px rgba(0,0,0,.54),0 0 0 1px rgba(110,213,163,.035); backdrop-filter:blur(7px); }
[data-theme="night"] .landing-page .radar-stage { display:block; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.78; }
.radar-face { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:126vmax; aspect-ratio:1; border-radius:50%; overflow:hidden; border:1px solid rgba(94,220,149,.22); background:
  radial-gradient(circle,rgba(18,50,36,.14),rgba(4,12,9,.08) 68%,transparent 69%);
  box-shadow:inset 0 0 80px rgba(30,102,68,.08),0 0 55px rgba(20,92,58,.07);
}
.correction-reverse-actions { display:grid; justify-items:start; gap:7px; }.correction-reverse-queue { display:grid; grid-template-columns:auto minmax(0,1fr); gap:2px 6px; align-items:start; max-width:235px; font-size:.8rem; font-weight:650; }.correction-reverse-queue input { width:auto; margin-top:2px; }.correction-reverse-queue small { grid-column:2; color:var(--muted); font-weight:500; line-height:1.3; }
.radar-face::after { content:""; position:absolute; inset:27%; z-index:3; border-radius:50%; background:radial-gradient(circle,rgba(6,11,10,.58),rgba(6,11,10,.38) 56%,transparent 76%); }
.radar-grid { position:absolute; inset:0; width:100%; height:100%; z-index:0; overflow:visible; shape-rendering:geometricPrecision; }.radar-grid circle,.radar-grid line { vector-effect:non-scaling-stroke; }.radar-grid-rings { stroke:rgba(74,176,123,.22); stroke-width:1; }.radar-grid-spokes { stroke:rgba(69,163,114,.16); stroke-width:1; }
.radar-ticks { position:absolute; inset:4%; border-radius:50%; border:1px dashed rgba(100,203,150,.15); }
.radar-sweep { position:absolute; inset:-1px; z-index:1; border-radius:50%; background:conic-gradient(from 270deg,transparent 0 82%,rgba(64,207,132,.02) 86%,rgba(72,220,142,.21) 98%,rgba(100,237,166,.34) 99.4%,transparent 100%); animation:radar-rotate 10s linear infinite; filter:drop-shadow(0 0 7px rgba(65,204,133,.14)); }
.radar-blip { position:absolute; z-index:2; width:18px; height:18px; border:1px solid rgba(104,235,166,.68); border-radius:50%; opacity:.38; filter:drop-shadow(0 0 2px rgba(104,232,164,.25)); animation:radar-contact 10s var(--pass-delay) linear infinite; }
.radar-blip::before,.radar-blip::after { content:""; position:absolute; left:50%; top:50%; background:rgba(110,235,167,.55); transform:translate(-50%,-50%); }
.radar-blip::before { width:10px; height:1px; }.radar-blip::after { width:1px; height:10px; }
.radar-blip i { position:absolute; inset:5px; border-radius:50%; background:rgba(126,245,181,.82); box-shadow:0 0 7px rgba(104,232,164,.52); }
.radar-blip-one { left:8%; top:16%; --pass-delay:1.17s; }.radar-blip-two { left:28%; top:7%; --pass-delay:1.83s; }.radar-blip-three { right:29%; top:11%; --pass-delay:3.36s; }.radar-blip-four { right:7%; top:29%; --pass-delay:4.36s; }.radar-blip-five { right:9%; bottom:17%; --pass-delay:6.17s; }.radar-blip-six { right:31%; bottom:8%; --pass-delay:6.92s; }.radar-blip-seven { left:19%; bottom:12%; --pass-delay:8.67s; }
@keyframes radar-rotate { to { transform:rotate(360deg); } }
@keyframes radar-contact { 0% { opacity:1; transform:scale(1.28); filter:drop-shadow(0 0 9px rgba(112,246,177,.95)); } 7% { opacity:.76; transform:scale(1.08); filter:drop-shadow(0 0 5px rgba(104,232,164,.65)); } 18%,100% { opacity:.38; transform:scale(1); filter:drop-shadow(0 0 2px rgba(104,232,164,.25)); } }
@media (max-width:850px) { .stats-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:650px) { .shell { padding:23px 15px 55px; } nav { padding:12px 15px; gap:10px 14px; } nav .brand { flex-basis:100%; margin-right:0; }.webmcp-launch { order:2; width:100%; }.nav-links { order:3; width:100%; justify-content:space-between; gap:8px; font-size:.85rem; }.dashboard-actions { order:2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; justify-content:stretch; }.dashboard-actions .webmcp-launch { order:0; width:auto; min-width:0; padding:.48rem .48rem; font-size:.59rem; line-height:1.2; white-space:normal; }.theme-toggle { position:absolute; right:15px; top:11px; }.dashboard-actions .theme-toggle { position:static; right:auto; top:auto; justify-self:stretch; }.dashboard-actions > a { justify-self:center; }.theme-toggle [data-theme-label] { display:inline; }.dashboard-intro { align-items:stretch; flex-direction:column; }.reset-box { text-align:left; width:max-content; min-width:130px; }.progress-card { padding:10px 0 12px; }.progress-stages { gap:8px; }.progress-stage-label { display:block; font-size:.65rem; }.progress-stage-label strong { display:block; margin:3px 0 0 25px; }.group-list,.stats-panels,.help-grid,.template-columns { grid-template-columns:1fr; }.momentum-panel { grid-template-columns:1fr; gap:9px; }.momentum-heading { align-items:flex-start; }.calendar-motivation { grid-template-columns:repeat(15,12px); justify-content:start; }.group-card { padding:17px; }.group-card.is-collapsed { padding:0; }.group-card-title-row { grid-template-columns:minmax(0,1fr); }.expanded-card-tools { grid-column:1; grid-row:auto; justify-content:flex-start; margin-top:5px; }.header-status { justify-self:start; }.post-copy-row { align-items:flex-start; }.workflow-images { grid-template-columns:repeat(2,minmax(0,1fr)); }.workflow-images img { height:72px; }.workflow-images figcaption { align-items:flex-start; flex-direction:column; }.review-choice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.review-choice { padding:.6rem; font-size:.78rem; }.stats-grid { grid-template-columns:repeat(2,1fr); }.calendar-month { grid-template-columns:repeat(10,1fr); }.calendar-motivation { grid-template-columns:repeat(15,12px); }.hero-card { padding:30px 20px; }.table-wrap { font-size:.86rem; }.choice-grid { grid-template-columns:1fr; }.images .button { min-height:34px; }.access-choices { grid-template-columns:1fr; }.example-banner { grid-template-columns:minmax(0,1fr) auto; }.example-manage { grid-column:1 / -1; justify-self:start; }.admin-notice { top:68px; right:12px; width:calc(100vw - 24px); }.full-auto-dialog form { padding:23px 18px; }.full-auto-prompt { min-height:270px; }.webmcp-prompt { min-height:145px; }.webmcp-tool-summary { grid-template-columns:1fr; }.full-auto-actions button { width:100%; } }
@media (max-width:430px) { .card-expander { grid-template-columns:auto minmax(0,1fr) auto; }.card-expander .collapsed-card-status { grid-column:2; justify-self:start; }.card-expander .accordion-chevron { grid-column:3; grid-row:1 / span 2; }.post-copy-row { flex-direction:column; }.post-copy-row .copy-post { width:100%; }.review-choice-grid { grid-template-columns:1fr; } }
.day-locked { opacity:.68; filter:grayscale(.7); }
.final-check-saved { color:var(--ok); font-weight:700; border-top:1px solid var(--line); padding-top:12px; }
.correction-center { border-top:2px solid color-mix(in srgb,var(--brand) 35%,var(--line)); }.correction-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px 14px; align-items:end; }.correction-grid label { margin-top:0; }.correction-grid textarea { min-height:82px; }.correction-wide { grid-column:1 / -1; }.correction-lookup-action button { width:100%; }.correction-queue { display:flex; flex-wrap:wrap; align-items:flex-start; gap:3px 8px; grid-column:1 / -1; padding:9px 11px; border:1px solid var(--line); border-radius:10px; background:var(--soft); font-size:.88rem; font-weight:650; }.correction-queue input { width:auto; margin-top:2px; }.correction-queue span { flex:1 1 14rem; }.correction-queue small { flex:1 0 calc(100% - 28px); margin-left:28px; font-size:.82rem; font-weight:400; }.correction-actions { display:flex; flex-wrap:wrap; gap:8px; }.correction-status { min-height:1.4em; margin:12px 0 0; font-weight:700; }.correction-status.error { color:var(--bad); }.correction-status.success { color:var(--ok); }.correction-preview { margin-top:8px; color:var(--muted); font-size:.88rem; }.correction-history { margin-top:18px; padding-top:14px; border-top:1px solid var(--line); }.correction-history h3 { margin:0 0 9px; }.correction-history-list { display:grid; gap:8px; max-height:min(370px,48vh); overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding-right:3px; }.correction-history-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 12px; padding:10px 11px; border:1px solid var(--line); border-radius:10px; background:color-mix(in srgb,var(--soft) 44%,var(--paper)); }.correction-history-item p { margin:2px 0; }.correction-history-item .muted { font-size:.82rem; }.correction-history-item button { align-self:start; }.mistake-correct { white-space:nowrap; }
.correction-detail { display:grid; gap:3px; margin:0 0 12px; padding:9px 11px; border:1px solid var(--line); border-radius:10px; background:var(--soft); font-size:.84rem; }.correction-detail span { overflow-wrap:anywhere; }
@media (max-width:650px) {
  body { font-size:13px; }
  .site-header nav { min-height:42px; padding:5px 8px; flex-wrap:nowrap; gap:5px; }
  .site-header nav .brand { flex:1 1 auto; flex-basis:auto; min-width:0; margin-right:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.82rem; }
  .brand-mark { margin-right:2px; font-size:.95rem; }
  .dashboard-actions { order:0; width:auto; display:flex; flex:none; align-items:center; gap:5px; }
  .dashboard-actions .webmcp-launch { width:auto; min-height:30px; padding:.32rem .45rem; border-radius:8px; font-size:.56rem; line-height:1; white-space:nowrap; }
  .dashboard-actions .theme-toggle { position:static; width:30px; min-height:30px; padding:0; }
  .dashboard-actions .theme-toggle [data-theme-label] { display:none; }
  .dashboard-actions > a { padding:5px 1px; font-size:.68rem; white-space:nowrap; }
  .shell { padding:9px 9px 38px; }
  .dashboard-intro { flex-direction:row; align-items:flex-start; gap:8px; margin:2px 0 6px; }
  .dashboard-intro > div:first-child { min-width:0; flex:1; }
  .dashboard-intro .eyebrow { display:none; }
  .dashboard-intro h1 { margin:0 0 2px; font-size:1.15rem; letter-spacing:-.025em; }
  .dashboard-intro #date { margin:0; font-size:.62rem; line-height:1.25; }
  .test-mode-indicator { margin:.3rem 0 0; font-size:.62rem; }
  .reset-box { flex:none; min-width:105px; width:auto; padding:5px 7px; border-radius:9px; text-align:right; box-shadow:none; line-height:1.15; }
  .reset-box > .muted { font-size:.58rem; }.reset-box strong { font-size:.86rem; }.reset-box small { font-size:.55rem; }
  .preference-toggle { justify-content:flex-end; gap:4px; margin:4px 0 0; font-size:.55rem; }.preference-toggle input { width:25px; height:14px; }
  .status-message { font-size:.7rem; margin-bottom:5px; }
  .progress-card { top:calc(var(--promoter-header-height,42px) + 2px); padding:5px 0 6px; }
  .progress-heading-row { margin-bottom:4px; }.progress-heading-row h2 { font-size:.72rem; }.progress-count { font-size:.68rem; }
  .progress-stages { gap:5px; }.progress-stage-label { display:flex; gap:3px; margin-bottom:3px; font-size:.54rem; line-height:1.1; }
  .progress-stage-label b { display:none; }.progress-stage-label strong { display:inline; margin:0; font-size:.56rem; }
  .progress-track { height:5px; }
  .section { margin:14px 0; }.section-heading { gap:6px; margin-bottom:7px; }.section-heading h2 { font-size:.95rem; }.section-heading p { margin:.15rem 0 0; font-size:.62rem; line-height:1.3; }.slot-count { font-size:.62rem; }
  .group-list { gap:7px; }.group-card { padding:10px; }.group-card.is-collapsed { padding:0; }
  .card-expander { min-height:45px; gap:6px; padding:7px 9px; }.collapsed-card-name { font-size:.78rem; }.collapsed-card-status { font-size:.58rem; }.accordion-chevron { font-size:.9rem; }
  .group-card-top { gap:7px; }.slot-number { padding-top:2px; font-size:.75rem; }.group-card h3 { font-size:.9rem; }
  .group-card-title-row { grid-template-columns:minmax(0,1fr) auto; gap:4px 7px; }.header-status { font-size:.58rem; }
  .expanded-card-tools { grid-column:1 / -1; grid-row:auto; margin-top:2px; gap:3px; }.group-open-header { min-height:31px; padding:.3rem .46rem; font-size:.68rem; }.text-button { min-height:30px; font-size:.66rem; }
  .access-instruction { margin:.45rem 0; font-size:.68rem; }.access-prompt { margin-top:7px; padding:8px; }.access-prompt p { font-size:.73rem; }
  .access-choices { grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; margin-top:8px; }.access-choice { min-height:35px !important; padding:.4rem .48rem; border-radius:8px; font-size:.68rem; }.access-choice.reject-action { grid-column:1 / -1; }
  .joined-divider { margin:9px 0; }.post-label { margin-bottom:4px; font-size:.62rem; }.post-text { max-height:145px; overflow:auto; padding:9px; font-size:.7rem; }
  .post-copy-row { flex-direction:row; gap:7px; }.post-copy-row .copy-post { width:auto; min-height:34px; padding:.4rem .6rem; font-size:.68rem; }
  .workflow-images { gap:6px; }.workflow-images img { height:58px; }.workflow-images figcaption { font-size:.58rem; }.download-button { min-height:29px; padding:.25rem .42rem; font-size:.58rem; }
  .post-next-action { margin-top:8px; }.post-next-action .button,.prepare-button { min-height:36px; padding:.45rem .65rem; font-size:.72rem; }
  .review-warning { gap:7px; }.review-question { padding:8px 9px; font-size:.73rem; }.review-warning-example { max-height:62px; width:auto; max-width:100%; }.review-choice { min-height:34px; padding:.4rem; font-size:.68rem; }
  .completion-card { padding:13px; }.completion-card h2 { font-size:1.05rem; }.mistake-toggle { min-height:34px; padding:.4rem .6rem; font-size:.66rem; }.mistake-form { padding:10px; }.mistake-form textarea { min-height:72px; }
  .correction-grid { grid-template-columns:1fr; gap:9px; }.correction-wide,.correction-queue { grid-column:auto; }.correction-lookup-action label { display:none; }.correction-lookup-action button { width:auto; }.correction-history-list { max-height:310px; }.correction-history-item { grid-template-columns:1fr; }.correction-history-item button { justify-self:start; }
  .momentum-panel { padding:8px; }.momentum-heading h2 { font-size:.78rem; }.momentum-heading p { font-size:.58rem; }.momentum-count { font-size:.62rem; }
  .calendar-motivation { grid-template-columns:repeat(15,8px); gap:3px; }.calendar-day { width:8px; height:8px; min-height:8px; font-size:0; }
  .dashboard-module > summary { min-height:48px; padding:9px 11px; }.dashboard-module-title { font-size:.88rem; }.dashboard-module summary small { font-size:.61rem; }.dashboard-module-body { padding:3px 10px 12px; }
  .help-footer { padding-top:13px; }.help-footer h2 { font-size:.85rem; }.help-grid { gap:7px; }.help-grid p { font-size:.62rem; }
  dialog form { padding:18px 13px; }.full-auto-dialog form { padding:17px 12px; }.webmcp-prompt { min-height:120px; }.webmcp-tool-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }

/* A quiet reporting affordance, separate from actions that advance the day. */
.card-mistake-footer { display:flex; justify-content:flex-end; margin-top:10px; }
.card-mistake-button { text-decoration:underline; text-underline-offset:3px; font-weight:600; }
.card-mistake-button:hover { color:var(--brand); }
.group-card.is-collapsed .card-mistake-footer { margin:-3px 12px 5px; }
.card-mistake-dialog { max-width:480px; max-height:90dvh; overflow:auto; }
.card-mistake-dialog h2 { padding-right:18px; font-size:1.3rem; }
.card-mistake-context { display:grid; gap:3px; margin:14px 0; overflow-wrap:anywhere; }
.card-mistake-context span { font-size:.8rem; }
.card-mistake-dialog label { display:block; margin:0 0 6px; font-weight:700; }
.card-mistake-dialog textarea { width:100%; min-height:100px; resize:vertical; }
.card-mistake-dialog #card-mistake-note { font-size:.8rem; line-height:1.5; }
.card-mistake-actions { display:flex; gap:8px; flex-wrap:wrap; }
#card-mistake-status { font-size:.85rem; overflow-wrap:anywhere; margin-bottom:0; }
#card-mistake-status:empty { display:none; }
@media (max-width:650px) {
  .card-mistake-footer { margin-top:5px; }
  .card-mistake-button { font-size:.75rem; min-height:32px; }
  .card-mistake-dialog h2 { font-size:1.12rem; }
}