:root{
  --bg:#050608;--sidebar:#080a0d;--panel:#0c0f13;--panel2:#11151b;--panel3:#171c23;
  --line:rgba(206,217,230,.10);--line2:rgba(210,222,236,.18);--text:#f5f7fa;--muted:#99a2ad;--muted2:#67717d;
  --accent:#63a6ff;--accent2:#2f82f6;--safe:#65d5b1;--warn:#efbd5c;--danger:#ff7780;--shadow:0 22px 60px rgba(0,0,0,.42);
  --radius:18px;--sidebar-w:224px;
}
html[data-theme="light"]{
  --bg:#eef4fa;--sidebar:#f8fbfe;--panel:#fff;--panel2:#f7fbff;--panel3:#edf4fb;
  --line:rgba(35,67,102,.12);--line2:rgba(35,67,102,.22);--text:#102033;--muted:#62758b;--muted2:#8997a7;
  --accent:#2f78d7;--accent2:#176fd9;--safe:#177c63;--warn:#9f690d;--danger:#bd3d49;--shadow:0 18px 45px rgba(45,77,110,.11);
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark light}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);display:flex;flex-direction:column;padding:20px 14px;border-right:1px solid var(--line);background:var(--sidebar);z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:5px 7px 21px}.brand>span:last-child,.mobile-brand>span:last-child{display:grid;line-height:1}.brand strong,.mobile-brand strong{font-size:11px;letter-spacing:.14em}.brand small,.mobile-brand small{margin-top:5px;color:var(--muted);font-size:10px}.brand-mark{position:relative;display:grid;width:31px;height:31px;place-items:center;border:1px solid var(--line2);border-radius:10px;background:var(--panel)}.brand-mark:before{content:"";position:absolute;width:2px;height:8px;top:6px;background:var(--accent)}.brand-mark:after{content:"";position:absolute;width:8px;height:2px;left:7px;bottom:8px;transform:rotate(45deg);background:var(--accent)}.brand-mark i{width:6px;height:6px;border-radius:50%;background:var(--safe);box-shadow:0 0 12px color-mix(in srgb,var(--safe) 60%,transparent)}.side-nav{display:grid;gap:5px}.nav-item,.settings-nav{display:grid;grid-template-columns:28px 1fr auto;align-items:center;width:100%;min-height:44px;padding:0 11px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);text-align:left}.nav-item:hover,.settings-nav:hover{background:var(--panel);color:var(--text)}.nav-item.is-active{border-color:var(--line);background:var(--panel2);color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}.nav-icon{display:grid;place-items:center;width:22px;color:var(--accent);font-size:15px}.nav-item span:nth-child(2),.settings-nav span{font-size:12px;font-weight:700}.nav-item em{min-width:21px;padding:3px 6px;border-radius:999px;background:var(--panel3);color:var(--muted);font-size:9px;font-style:normal;text-align:center}.sidebar-foot{display:grid;gap:10px;margin-top:auto}.local-state{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.local-state>i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 55%,transparent)}.local-state span{display:grid}.local-state strong{font-size:9px;letter-spacing:.11em}.local-state small{margin-top:3px;color:var(--muted);font-size:9px}.settings-nav{grid-template-columns:28px 1fr}.workspace{min-height:100vh;margin-left:var(--sidebar-w)}.topbar{position:sticky;top:0;z-index:15;height:58px;display:flex;align-items:center;padding:0 26px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px)}.mobile-brand{display:none}.top-status{display:flex;align-items:center;gap:8px;color:var(--safe);font-size:10px;font-weight:850;letter-spacing:.12em}.top-status i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 13px currentColor}.top-status[data-state="soon"]{color:var(--warn)}.top-status[data-state="grace"],.top-status[data-state="triggered"]{color:var(--danger)}.top-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.compact-action,.icon-action,.theme-toggle{height:34px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);font-size:10px;font-weight:750}.compact-action{padding:0 12px}.icon-action,.theme-toggle{width:34px;padding:0}.compact-action:hover,.icon-action:hover,.theme-toggle:hover{border-color:var(--line2);color:var(--text)}.main{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:34px 0 64px}.view[hidden]{display:none!important}.view.is-active{display:block;animation:viewIn .18s ease}@keyframes viewIn{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}.view-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}.view-heading h1{margin:4px 0 0;font-size:30px;letter-spacing:-.035em}.view-heading>p{max-width:460px;margin:0;color:var(--muted);font-size:12px}.eyebrow{margin:0;color:var(--accent);font-size:9px;font-weight:850;letter-spacing:.14em}.heading-meta{display:grid;text-align:right}.heading-meta span{font-size:11px;font-weight:750}.heading-meta small{margin-top:3px;color:var(--muted);font-size:9px}.mode-strip{display:flex;align-items:center;gap:15px;margin-bottom:16px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.mode-strip span{display:flex;align-items:center;gap:7px;white-space:nowrap}.mode-strip i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.mode-strip strong{font-size:10px;letter-spacing:.04em}.mode-strip p{margin:0;color:var(--muted);font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);gap:16px}.status-console,.quick-panel,.recent-panel,.sequence-panel,.vault-status-card,.vault-types,.backend-card,.empty-state{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.status-console{padding:18px;border-radius:var(--radius)}.console-head,.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.console-head>div{display:grid}.mini-label,.panel-title>span{color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.12em}.console-head strong{margin-top:4px;font-size:17px}.state-pill{display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--safe) 28%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--safe) 9%,transparent);color:var(--safe);font-size:9px;font-weight:850;letter-spacing:.1em}.state-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-console[data-state="soon"] .state-pill{border-color:color-mix(in srgb,var(--warn) 30%,var(--line));background:color-mix(in srgb,var(--warn) 9%,transparent);color:var(--warn)}.status-console[data-state="grace"] .state-pill,.status-console[data-state="triggered"] .state-pill{border-color:color-mix(in srgb,var(--danger) 30%,var(--line));background:color-mix(in srgb,var(--danger) 9%,transparent);color:var(--danger)}.status-core{display:grid;grid-template-columns:225px 1fr;align-items:center;gap:28px;padding:18px 4px 5px}.countdown-ring{position:relative;width:210px;height:210px}.countdown-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.ring-track,.ring-progress{fill:none;stroke-width:7}.ring-track{stroke:var(--line)}.ring-progress{stroke:var(--safe);stroke-linecap:round;stroke-dasharray:477.52;stroke-dashoffset:0;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--safe) 40%,transparent));transition:stroke-dashoffset .5s ease,stroke .2s ease}.status-console[data-state="soon"] .ring-progress{stroke:var(--warn)}.status-console[data-state="grace"] .ring-progress,.status-console[data-state="triggered"] .ring-progress{stroke:var(--danger)}.ring-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.ring-center span{color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.12em}.ring-center strong{margin-top:7px;font-size:25px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.ring-center small{margin-top:7px;color:var(--muted);font-size:9px}.checkin-control>p{max-width:420px;margin:0 0 16px;color:var(--muted);font-size:12px}.checkin-button{position:relative;overflow:hidden;display:grid;width:100%;min-height:68px;place-content:center;border:1px solid color-mix(in srgb,var(--safe) 36%,var(--line));border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--safe) 13%,var(--panel2)),color-mix(in srgb,var(--safe) 5%,var(--panel)));color:var(--text)}.checkin-button:hover{border-color:color-mix(in srgb,var(--safe) 55%,var(--line));transform:translateY(-1px)}.checkin-button:active{transform:translateY(0)}.checkin-button strong{font-size:12px;letter-spacing:.08em}.checkin-button small{margin-top:3px;color:var(--muted);font-size:9px}.button-pulse{position:absolute;left:18px;top:50%;width:8px;height:8px;transform:translateY(-50%);border-radius:50%;background:var(--safe);box-shadow:0 0 15px color-mix(in srgb,var(--safe) 65%,transparent)}.checkin-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.checkin-meta div{padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.checkin-meta span{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.checkin-meta strong{display:block;margin-top:4px;font-size:10px}.quick-panel{padding:16px;border-radius:var(--radius)}.panel-title{padding-bottom:11px;border-bottom:1px solid var(--line)}.panel-title button{padding:0;border:0;background:none;color:var(--accent);font-size:9px;font-weight:750}.quick-row{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}.quick-row:last-child{border-bottom:0}.quick-row span{color:var(--muted);font-size:10px}.quick-row strong{font-size:10px;text-align:right}.muted-state{color:var(--muted2)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.metric-card{position:relative;display:grid;min-height:112px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-align:left}.metric-card:hover{border-color:var(--line2);background:var(--panel2)}.metric-card>span{position:absolute;top:11px;right:12px;color:var(--muted2);font-size:9px}.metric-card small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.metric-card strong{align-self:center;font-size:14px}.metric-card em{align-self:end;color:var(--accent);font-size:9px;font-style:normal}.recent-panel{margin-top:12px;padding:15px;border-radius:14px}.activity-list{display:grid}.activity-row{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(180px,1.7fr) minmax(120px,.55fr);gap:18px;align-items:center;padding:12px 2px;border-bottom:1px solid var(--line)}.activity-row:last-child{border-bottom:0}.activity-row strong{font-size:10px}.activity-row p{margin:0;color:var(--muted);font-size:10px}.activity-row time{color:var(--muted2);font-size:9px;text-align:right}.activity-list.compact .activity-row{grid-template-columns:1fr auto}.activity-list.compact .activity-row p{display:none}.activity-list.compact .activity-row time{min-width:125px}.sequence-panel{position:relative;overflow:hidden;padding:8px 20px;border-radius:var(--radius)}.sequence-line{position:absolute;top:35px;bottom:35px;left:44px;width:1px;background:var(--line2)}.sequence-step{position:relative;z-index:1;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.sequence-step:last-child{border-bottom:0}.sequence-step>span{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line2);border-radius:50%;background:var(--panel2);color:var(--muted);font-size:9px;font-weight:850}.sequence-step.is-current>span{border-color:color-mix(in srgb,var(--safe) 44%,var(--line));background:color-mix(in srgb,var(--safe) 10%,var(--panel));color:var(--safe)}.sequence-step small{color:var(--muted2);font-size:8px;font-weight:850;letter-spacing:.1em}.sequence-step h2{margin:4px 0;font-size:14px}.sequence-step p{margin:0;color:var(--muted);font-size:10px}.sequence-step>b{color:var(--muted2);font-size:8px;letter-spacing:.1em}.sequence-step.is-current>b{color:var(--safe)}.wide-action{width:100%;margin-top:12px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:10px;font-weight:800}.wide-action:hover{border-color:var(--line2);background:var(--panel2)}.primary-small,.secondary-small{min-height:36px;padding:0 13px;border-radius:10px;font-size:10px;font-weight:800}.primary-small{border:1px solid var(--accent2);background:var(--accent2);color:#fff}.primary-small:disabled{cursor:not-allowed;border-color:var(--line);background:var(--panel3);color:var(--muted2)}.secondary-small{border:1px solid var(--line);background:var(--panel);color:var(--muted)}.empty-state{display:grid;min-height:380px;place-content:center;padding:34px;border-radius:var(--radius);text-align:center}.empty-icon{display:grid;width:56px;height:56px;place-items:center;margin:0 auto 14px;border:1px solid var(--line2);border-radius:16px;background:var(--panel2);color:var(--accent);font-size:24px}.empty-state h2{margin:0;font-size:18px}.empty-state p{max-width:430px;margin:10px auto;color:var(--muted);font-size:11px}.empty-state>span,.backend-card strong{color:var(--accent);font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.vault-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:12px}.vault-status-card{display:flex;align-items:center;gap:18px;min-height:190px;padding:24px;border-radius:var(--radius)}.vault-mark{display:grid;width:76px;height:76px;place-items:center;border:1px solid var(--line2);border-radius:20px;background:var(--panel2);color:var(--accent);font-size:30px}.vault-status-card div{display:grid}.vault-status-card small{color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.12em}.vault-status-card strong{margin-top:7px;font-size:22px}.vault-status-card p{max-width:420px;margin:7px 0 0;color:var(--muted);font-size:10px}.vault-types{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--radius);overflow:hidden}.vault-types div{display:grid;place-content:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.vault-types div:nth-child(2n){border-right:0}.vault-types div:nth-child(n+3){border-bottom:0}.vault-types span{color:var(--muted);font-size:9px}.vault-types strong{margin-top:3px;font-size:17px}.backend-card{margin-top:12px;padding:15px 17px;border-radius:13px}.backend-card p{margin:5px 0 0;color:var(--muted);font-size:10px}.activity-table-head{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(180px,1.7fr) minmax(120px,.55fr);gap:18px;padding:0 13px 9px;color:var(--muted2);font-size:8px;font-weight:850;letter-spacing:.1em}.activity-table-head span:last-child{text-align:right}.activity-list.full{padding:0 13px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.mobile-nav{display:none}.app-dialog{width:min(440px,calc(100% - 28px));padding:0;border:1px solid var(--line2);border-radius:18px;background:var(--panel);color:var(--text);box-shadow:0 30px 90px rgba(0,0,0,.45)}.app-dialog::backdrop{background:rgba(2,8,16,.68);backdrop-filter:blur(6px)}.dialog-shell{padding:19px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.dialog-head small{color:var(--accent);font-size:8px;font-weight:850;letter-spacing:.12em}.dialog-head h2{margin:4px 0 0;font-size:20px}.dialog-close{width:31px;height:31px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);font-size:17px}.field-group{display:grid;gap:7px;margin-top:15px}.field-group label{color:var(--muted);font-size:9px;font-weight:750}.field-group select{width:100%;height:42px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);font-size:11px}.setting-note{margin-top:15px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.setting-note strong{font-size:10px}.setting-note p{margin:4px 0 0;color:var(--muted);font-size:9px}.dialog-shell menu{display:flex;justify-content:flex-end;gap:8px;margin:18px 0 0;padding:0}.simulation-status{min-height:150px;padding:24px 2px 10px}.simulation-status span{color:var(--accent);font-size:9px;font-weight:850;letter-spacing:.1em}.simulation-status strong{display:block;margin-top:8px;font-size:20px}.simulation-status p{margin:7px 0 0;color:var(--muted);font-size:10px}.simulation-progress{height:5px;overflow:hidden;border-radius:999px;background:var(--panel3)}.simulation-progress i{display:block;width:0;height:100%;background:var(--accent);transition:width .25s ease}.simulation-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.toast{position:fixed;z-index:100;right:22px;bottom:22px;max-width:320px;padding:11px 14px;border:1px solid var(--line2);border-radius:11px;background:var(--panel);box-shadow:var(--shadow);font-size:10px;font-weight:700;opacity:0;pointer-events:none;transform:translateY(8px);transition:.18s ease}.toast.is-visible{opacity:1;transform:none}
html[data-theme="dark"] body{background:radial-gradient(circle at 76% -18%,rgba(47,130,246,.075),transparent 34rem),radial-gradient(circle at 8% 105%,rgba(99,166,255,.035),transparent 28rem),linear-gradient(180deg,#050608 0%,#07090c 58%,#050608 100%)}
html[data-theme="dark"] .sidebar{background:linear-gradient(180deg,#080a0d 0%,#06080b 100%)}
html[data-theme="dark"] .topbar{background:rgba(5,6,8,.86);box-shadow:0 1px 0 rgba(255,255,255,.018)}
html[data-theme="dark"] .brand-mark{background:linear-gradient(145deg,#121820,#0a0d12);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
html[data-theme="dark"] .status-console,html[data-theme="dark"] .quick-panel,html[data-theme="dark"] .recent-panel,html[data-theme="dark"] .sequence-panel,html[data-theme="dark"] .vault-status-card,html[data-theme="dark"] .vault-types,html[data-theme="dark"] .backend-card,html[data-theme="dark"] .empty-state{background:linear-gradient(145deg,rgba(15,18,23,.97),rgba(9,11,15,.98));box-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.025)}
html[data-theme="dark"] .mode-strip{background:rgba(255,255,255,.022)}
html[data-theme="dark"] .nav-item.is-active{background:linear-gradient(90deg,rgba(47,130,246,.105),rgba(255,255,255,.025) 70%)}
html[data-theme="dark"] .metric-card,html[data-theme="dark"] .local-state,html[data-theme="dark"] .compact-action,html[data-theme="dark"] .icon-action,html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .wide-action,html[data-theme="dark"] .secondary-small,html[data-theme="dark"] .activity-list.full,html[data-theme="dark"] .app-dialog{box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
html[data-theme="dark"] .app-dialog::backdrop{background:rgba(0,0,0,.76)}
@media(max-width:900px){.sidebar{width:196px}.workspace{margin-left:196px}.dashboard-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.status-core{grid-template-columns:190px 1fr;gap:18px}.countdown-ring{width:180px;height:180px}.quick-panel{display:grid;grid-template-columns:1fr 1fr}.quick-panel .panel-title{grid-column:1/-1}.quick-row{padding:11px}.vault-grid{grid-template-columns:1fr}}
@media(max-width:700px){body{padding-bottom:66px}.sidebar{display:none}.workspace{margin-left:0}.topbar{height:58px;padding:0 15px}.mobile-brand{display:flex;align-items:center;gap:8px}.mobile-brand .brand-mark{width:28px;height:28px}.top-status{margin-left:auto}.top-status span{display:none}.top-actions{margin-left:8px}.compact-action{display:none}.main{width:calc(100% - 24px);padding:20px 0 30px}.view-heading{align-items:flex-start;margin-bottom:16px}.view-heading h1{font-size:25px}.view-heading>p,.heading-meta{display:none}.mode-strip{align-items:flex-start;padding:9px 10px}.mode-strip p{line-height:1.35}.dashboard-grid{display:block}.status-console{padding:14px}.status-core{grid-template-columns:1fr;gap:12px;padding:12px 0 0}.countdown-ring{width:185px;height:185px;margin:0 auto}.ring-center strong{font-size:23px}.checkin-control>p{text-align:center}.checkin-button{min-height:65px}.quick-panel{display:none}.metric-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.metric-card{min-height:96px;padding:12px}.recent-panel{margin-top:8px}.activity-list.compact .activity-row time{min-width:auto}.mobile-nav{position:fixed;z-index:30;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);height:64px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:color-mix(in srgb,var(--sidebar) 94%,transparent);backdrop-filter:blur(18px)}.mobile-nav button{display:grid;place-content:center;gap:3px;border:0;background:transparent;color:var(--muted)}.mobile-nav button span{font-size:14px}.mobile-nav button small{font-size:8px;font-weight:700}.mobile-nav button.is-active{color:var(--accent)}.sequence-panel{padding:5px 14px}.sequence-line{left:37px}.sequence-step{grid-template-columns:42px 1fr;padding:17px 0}.sequence-step>b{grid-column:2}.vault-status-card{align-items:flex-start;min-height:0;padding:18px}.vault-mark{width:58px;height:58px;font-size:22px}.vault-types{min-height:170px}.activity-table-head{display:none}.activity-list.full{padding:0 11px}.activity-row{grid-template-columns:1fr auto;gap:8px}.activity-row p{grid-column:1/-1}.activity-row time{text-align:right}.toast{right:12px;bottom:76px;left:12px;max-width:none}.app-dialog{border-radius:16px}}
@media(max-width:430px){.metric-grid{grid-template-columns:1fr 1fr}.metric-card strong{font-size:12px}.mode-strip p{font-size:9px}.vault-status-card{display:grid}.checkin-meta{gap:7px}.topbar .icon-action{display:none}}
.locked-card{grid-template-columns:44px minmax(0,1fr);align-items:start;padding:18px}.locked-card-icon{width:42px;height:42px}.locked-card>span:nth-child(2){gap:7px}.locked-card strong{font-size:13px}.locked-card small{font-size:11px;line-height:1.5}.locked-card em{grid-column:2;justify-self:start;padding-top:3px;font-size:10px}
@media(max-width:700px){.mobile-nav{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(66px,1fr);justify-content:start;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.mobile-nav::-webkit-scrollbar{display:none}.locked-card{grid-template-columns:40px minmax(0,1fr);padding:15px}.locked-card em{grid-column:2}.editor-focus [data-view-panel="updates"]>.view-heading{left:10px;right:10px}.editor-focus .editor-heading-actions{justify-content:space-between}.editor-focus .writing-canvas{min-height:calc(100dvh - 170px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Dark-mode glass + glow polish */
html[data-theme="dark"]{
  --glass:rgba(14,18,24,.62);
  --glass-strong:rgba(16,21,28,.74);
  --glass-soft:rgba(255,255,255,.035);
  --glass-line:rgba(211,226,242,.14);
  --glass-line-strong:rgba(219,233,248,.22);
}
html[data-theme="dark"] body{
  background:
    radial-gradient(circle at 50% 28%,rgba(101,213,177,.035),transparent 24rem),
    radial-gradient(circle at 77% -16%,rgba(47,130,246,.095),transparent 35rem),
    radial-gradient(circle at 6% 102%,rgba(99,166,255,.05),transparent 29rem),
    linear-gradient(180deg,#030406 0%,#06080b 55%,#030406 100%);
}
html[data-theme="dark"] .sidebar{
  background:linear-gradient(180deg,rgba(8,10,13,.94),rgba(5,7,9,.97));
  backdrop-filter:blur(24px) saturate(125%);
  -webkit-backdrop-filter:blur(24px) saturate(125%);
  border-right-color:rgba(220,232,245,.09);
  box-shadow:12px 0 42px rgba(0,0,0,.24);
}
html[data-theme="dark"] .topbar{
  background:rgba(5,7,10,.68);
  backdrop-filter:blur(24px) saturate(140%);
  -webkit-backdrop-filter:blur(24px) saturate(140%);
  border-bottom-color:rgba(220,232,245,.10);
  box-shadow:0 1px 0 rgba(255,255,255,.025),0 12px 40px rgba(0,0,0,.18);
}
html[data-theme="dark"] .status-console,
html[data-theme="dark"] .quick-panel,
html[data-theme="dark"] .recent-panel,
html[data-theme="dark"] .sequence-panel,
html[data-theme="dark"] .vault-status-card,
html[data-theme="dark"] .vault-types,
html[data-theme="dark"] .backend-card,
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .activity-list.full,
html[data-theme="dark"] .app-dialog{
  border-color:var(--glass-line);
  background:
    linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.012) 36%,transparent 62%),
    linear-gradient(145deg,var(--glass-strong),rgba(7,9,12,.70));
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  box-shadow:
    0 22px 60px rgba(0,0,0,.38),
    0 2px 12px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(255,255,255,.018);
}
html[data-theme="dark"] .status-console{
  position:relative;
  overflow:hidden;
  border-color:rgba(197,222,237,.16);
  background:
    radial-gradient(circle at 33% 48%,rgba(101,213,177,.055),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.012) 38%,transparent 67%),
    rgba(12,16,21,.72);
  box-shadow:
    0 26px 78px rgba(0,0,0,.44),
    0 0 0 1px rgba(255,255,255,.018),
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 -30px 70px rgba(0,0,0,.10);
}
html[data-theme="dark"] .status-console::before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(115deg,rgba(255,255,255,.055),transparent 24%,transparent 70%,rgba(99,166,255,.025));
  opacity:.8;
}
html[data-theme="dark"] .status-console>*{position:relative;z-index:1}
html[data-theme="dark"] .mode-strip,
html[data-theme="dark"] .metric-card,
html[data-theme="dark"] .checkin-meta div,
html[data-theme="dark"] .local-state,
html[data-theme="dark"] .compact-action,
html[data-theme="dark"] .icon-action,
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .wide-action,
html[data-theme="dark"] .secondary-small,
html[data-theme="dark"] .sequence-step>span,
html[data-theme="dark"] .vault-mark,
html[data-theme="dark"] .field-group select,
html[data-theme="dark"] .setting-note,
html[data-theme="dark"] .dialog-close{
  border-color:rgba(215,229,244,.12);
  background:
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),
    rgba(14,18,24,.48);
  backdrop-filter:blur(16px) saturate(128%);
  -webkit-backdrop-filter:blur(16px) saturate(128%);
  box-shadow:
    0 8px 22px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -1px 0 rgba(255,255,255,.012);
}
html[data-theme="dark"] .metric-card:hover,
html[data-theme="dark"] .wide-action:hover,
html[data-theme="dark"] .compact-action:hover,
html[data-theme="dark"] .icon-action:hover,
html[data-theme="dark"] .theme-toggle:hover{
  border-color:rgba(133,183,246,.24);
  background:
    linear-gradient(145deg,rgba(99,166,255,.075),rgba(255,255,255,.018)),
    rgba(15,19,26,.60);
  box-shadow:0 12px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.065);
}
html[data-theme="dark"] .countdown-ring::before,
html[data-theme="dark"] .countdown-ring::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
html[data-theme="dark"] .countdown-ring::before{
  inset:12%;
  background:radial-gradient(circle,rgba(101,213,177,.10),rgba(101,213,177,.035) 48%,transparent 72%);
  filter:blur(20px);
  opacity:.95;
}
html[data-theme="dark"] .countdown-ring::after{
  inset:3%;
  border:1px solid rgba(101,213,177,.07);
  box-shadow:0 0 34px rgba(101,213,177,.08),inset 0 0 28px rgba(101,213,177,.035);
}
html[data-theme="dark"] .ring-progress{
  filter:
    drop-shadow(0 0 4px rgba(101,213,177,.90))
    drop-shadow(0 0 10px rgba(101,213,177,.55))
    drop-shadow(0 0 22px rgba(101,213,177,.30));
}
html[data-theme="dark"] .status-console[data-state="soon"] .countdown-ring::before{background:radial-gradient(circle,rgba(239,189,92,.10),rgba(239,189,92,.03) 48%,transparent 72%)}
html[data-theme="dark"] .status-console[data-state="soon"] .countdown-ring::after{border-color:rgba(239,189,92,.08);box-shadow:0 0 34px rgba(239,189,92,.08),inset 0 0 28px rgba(239,189,92,.03)}
html[data-theme="dark"] .status-console[data-state="soon"] .ring-progress{filter:drop-shadow(0 0 4px rgba(239,189,92,.9)) drop-shadow(0 0 10px rgba(239,189,92,.5)) drop-shadow(0 0 20px rgba(239,189,92,.28))}
html[data-theme="dark"] .status-console[data-state="grace"] .countdown-ring::before,
html[data-theme="dark"] .status-console[data-state="triggered"] .countdown-ring::before{background:radial-gradient(circle,rgba(255,119,128,.11),rgba(255,119,128,.035) 48%,transparent 72%)}
html[data-theme="dark"] .status-console[data-state="grace"] .countdown-ring::after,
html[data-theme="dark"] .status-console[data-state="triggered"] .countdown-ring::after{border-color:rgba(255,119,128,.09);box-shadow:0 0 34px rgba(255,119,128,.09),inset 0 0 28px rgba(255,119,128,.035)}
html[data-theme="dark"] .status-console[data-state="grace"] .ring-progress,
html[data-theme="dark"] .status-console[data-state="triggered"] .ring-progress{filter:drop-shadow(0 0 4px rgba(255,119,128,.9)) drop-shadow(0 0 10px rgba(255,119,128,.52)) drop-shadow(0 0 22px rgba(255,119,128,.30))}
html[data-theme="dark"] .state-pill{
  border-color:rgba(101,213,177,.32);
  background:linear-gradient(180deg,rgba(101,213,177,.105),rgba(101,213,177,.045));
  box-shadow:0 0 20px rgba(101,213,177,.07),inset 0 1px 0 rgba(255,255,255,.05);
}
html[data-theme="dark"] .state-pill i,
html[data-theme="dark"] .top-status i,
html[data-theme="dark"] .button-pulse{
  box-shadow:0 0 6px currentColor,0 0 16px currentColor,0 0 28px color-mix(in srgb,currentColor 38%,transparent);
}
html[data-theme="dark"] .checkin-button{
  border-color:rgba(101,213,177,.36);
  background:
    linear-gradient(180deg,rgba(101,213,177,.105),rgba(101,213,177,.035)),
    rgba(13,20,22,.56);
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  box-shadow:
    0 12px 34px rgba(0,0,0,.26),
    0 0 30px rgba(101,213,177,.055),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(101,213,177,.05);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
html[data-theme="dark"] .checkin-button::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(105deg,rgba(255,255,255,.055),transparent 30%,transparent 70%,rgba(101,213,177,.025));
}
html[data-theme="dark"] .checkin-button:hover{
  border-color:rgba(101,213,177,.60);
  background:
    linear-gradient(180deg,rgba(101,213,177,.145),rgba(101,213,177,.045)),
    rgba(13,20,22,.62);
  box-shadow:
    0 16px 42px rgba(0,0,0,.30),
    0 0 38px rgba(101,213,177,.09),
    inset 0 1px 0 rgba(255,255,255,.10);
}
html[data-theme="dark"] .checkin-meta div{
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01)),
    rgba(11,15,20,.44);
}
html[data-theme="dark"] .nav-item.is-active{
  border-color:rgba(99,166,255,.15);
  background:linear-gradient(90deg,rgba(47,130,246,.13),rgba(255,255,255,.025) 64%,rgba(255,255,255,.01));
  box-shadow:inset 3px 0 0 var(--accent),inset 0 1px 0 rgba(255,255,255,.045),0 8px 24px rgba(0,0,0,.12);
}
html[data-theme="dark"] .mobile-nav{
  background:rgba(6,9,13,.74);
  border-top-color:rgba(220,232,245,.11);
  backdrop-filter:blur(24px) saturate(140%);
  -webkit-backdrop-filter:blur(24px) saturate(140%);
  box-shadow:0 -12px 40px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035);
}
html[data-theme="dark"] .mobile-nav button.is-active{
  color:#78b4ff;
  text-shadow:0 0 14px rgba(99,166,255,.30);
}
html[data-theme="dark"] .brand-mark{
  border-color:rgba(146,190,239,.19);
  background:linear-gradient(145deg,rgba(99,166,255,.075),rgba(255,255,255,.018)),rgba(11,15,20,.55);
  box-shadow:0 8px 22px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.065),0 0 20px rgba(99,166,255,.045);
}
html[data-theme="dark"] .mode-strip i,
html[data-theme="dark"] .local-state>i{
  box-shadow:0 0 6px var(--accent),0 0 16px rgba(99,166,255,.38);
}
html[data-theme="dark"] .app-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
@media(prefers-reduced-motion:reduce){html[data-theme="dark"] .checkin-button{transition:none!important}}

/* Operational records, notebook, and trigger plan extensions. */
.record-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.inline-form{display:grid;gap:10px;margin:14px 0 18px}
.inline-form input,.inline-form textarea,.inline-form select,.editor-pane textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;background:var(--panel-strong);color:var(--text);padding:11px 12px;font:inherit}
.inline-form textarea{min-height:76px;resize:vertical}
.record-list,.action-list{display:grid;gap:9px}
.capability-note{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.record-card,.action-row,.revision-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:11px;background:var(--panel-soft);padding:12px;text-align:left;color:var(--text)}
.record-card div,.action-row div{display:grid;gap:4px;min-width:0}.record-card p{margin:0;color:var(--muted);overflow-wrap:anywhere}.record-card button,.action-row button,.markdown-toolbar button{border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);padding:7px 9px;cursor:pointer}.action-row>span{font:700 12px/1 ui-monospace,monospace;color:var(--accent)}.action-row>div:last-child{display:flex;grid-auto-flow:column}.action-row button:disabled{opacity:.3}
.action-row .danger-action{border-color:color-mix(in srgb,var(--danger) 38%,var(--line));color:var(--danger)}
@media(max-width:700px){.action-row{align-items:flex-start;flex-wrap:wrap}.action-row .action-row-controls{width:100%;flex-wrap:wrap;margin-left:28px}.action-row .action-row-controls button{min-height:38px}}
.notebook{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:16px;margin-bottom:16px}.editor-pane,.preview-pane{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:14px}.editor-pane textarea{min-height:420px;resize:vertical;border-radius:0 0 10px 10px;font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.markdown-toolbar{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px}.markdown-preview{min-height:390px;color:var(--text);line-height:1.65;overflow-wrap:anywhere}.markdown-preview h2,.markdown-preview h3{margin:18px 0 8px}.markdown-preview p{margin:6px 0}.revision-card{width:100%;cursor:pointer}.revision-card span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operator-unlocked #operatorState{color:var(--safe)}
.inventory-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 16px}.inventory-strip button{display:grid;grid-template-columns:1fr auto;gap:5px 10px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,var(--panel),var(--panel-soft));color:var(--text);text-align:left;cursor:pointer}.inventory-strip span{overflow:hidden;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase}.inventory-strip strong{grid-row:1/3;grid-column:2;font:800 22px/1 ui-monospace,monospace}.inventory-strip em{font-size:8px;font-style:normal;font-weight:850;letter-spacing:.08em;color:var(--warning)}.operator-unlocked .inventory-strip{border-radius:14px;box-shadow:0 0 0 1px color-mix(in srgb,var(--safe) 18%,transparent),0 12px 35px color-mix(in srgb,var(--safe) 8%,transparent)}.operator-unlocked .inventory-strip em,.operator-unlocked #operatorState{color:var(--safe)}.operator-unlocked .inventory-strip button{border-color:color-mix(in srgb,var(--safe) 28%,var(--line))}
.locked-card{position:relative;display:grid;width:100%;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;overflow:hidden;padding:15px;border:1px solid color-mix(in srgb,var(--warning) 20%,var(--line));border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--warning) 4%,var(--panel)),var(--panel-soft));color:var(--text);text-align:left;cursor:pointer}.locked-card:hover{border-color:color-mix(in srgb,var(--warning) 42%,var(--line))}.locked-card-icon{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--warning);font-size:20px}.locked-card>span:nth-child(2){display:grid;gap:4px;min-width:0}.locked-card strong{font-size:12px}.locked-card small{color:var(--muted);font-size:10px}.locked-card i{display:flex;gap:5px;margin-top:3px;filter:blur(2px);opacity:.45}.locked-card i b{display:block;width:42px;height:5px;border-radius:5px;background:var(--muted)}.locked-card i b:nth-child(2){width:64px}.locked-card i b:nth-child(3){width:28px}.locked-card em{color:var(--warning);font-size:9px;font-style:normal;font-weight:850;letter-spacing:.07em}.operator-only{display:none!important}.operator-unlocked .operator-only{display:grid!important}.lock-now-action{border-color:color-mix(in srgb,var(--warning) 32%,var(--line));color:var(--warning)}.operator-unlocked #operatorButton{border-color:color-mix(in srgb,var(--safe) 38%,var(--line));color:var(--safe);box-shadow:0 0 20px color-mix(in srgb,var(--safe) 10%,transparent)}
@media(max-width:1050px){.record-columns{grid-template-columns:1fr}.notebook{grid-template-columns:1fr}.markdown-preview{min-height:220px}}
@media(max-width:900px){.inventory-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-strip button:last-child{grid-column:1/-1}}
@media(max-width:680px){.top-actions .compact-action:first-child{max-width:116px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions .lock-now-action:not([hidden]){display:block}.inventory-strip{grid-template-columns:1fr 1fr}.inventory-strip button{padding:10px}.record-columns{gap:12px}.notebook{gap:12px}.editor-pane textarea{min-height:300px}.locked-card{grid-template-columns:34px 1fr}.locked-card em{grid-column:2}.mobile-nav{grid-template-columns:repeat(5,1fr)}}

/* Product-quality protected control surfaces. */
.operator-session-strip{position:sticky;z-index:24;top:58px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;margin:0;padding:9px max(18px,calc((100vw - 1220px)/2));border-bottom:1px solid color-mix(in srgb,var(--safe) 30%,var(--line));background:color-mix(in srgb,var(--safe) 8%,var(--sidebar));backdrop-filter:blur(20px);box-shadow:0 12px 34px rgba(0,0,0,.16)}.operator-session-strip[hidden]{display:none}.operator-session-strip span{display:flex;align-items:center;gap:8px;color:var(--safe);font-size:9px;letter-spacing:.1em}.operator-session-strip i{width:7px;height:7px;border-radius:50%;background:var(--safe);box-shadow:0 0 15px var(--safe)}.operator-session-strip time{font:800 10px/1 ui-monospace,monospace;font-variant-numeric:tabular-nums}.operator-session-strip button{border:1px solid color-mix(in srgb,var(--safe) 32%,var(--line));border-radius:8px;background:transparent;color:var(--safe);padding:7px 10px;font-size:8px;font-weight:850;letter-spacing:.08em}
.inventory-strip button{position:relative;overflow:hidden;min-height:82px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.inventory-strip button::after{content:"";position:absolute;right:-16px;bottom:-28px;width:76px;height:76px;border:1px solid color-mix(in srgb,var(--muted) 12%,transparent);border-radius:18px;transform:rotate(18deg)}.inventory-strip button:hover{transform:translateY(-2px);border-color:var(--line2);box-shadow:0 14px 34px rgba(0,0,0,.14)}.inventory-strip button:focus-visible,.locked-card:focus-visible,.redacted-action-slot:focus-visible,.writing-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.public-action-sequence{display:grid;gap:9px;margin-bottom:14px;padding:15px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,var(--panel),var(--panel-soft))}.public-action-sequence[hidden]{display:none}.redacted-action-slot{display:grid;grid-template-columns:38px 1fr auto 24px;align-items:center;gap:12px;width:100%;min-height:54px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel2) 88%,transparent);color:var(--text);text-align:left}.redacted-action-slot strong{color:var(--muted);font:800 10px/1 ui-monospace,monospace}.redacted-action-slot i{display:block;width:var(--slot-width);height:9px;border-radius:8px;background:linear-gradient(90deg,var(--muted2),color-mix(in srgb,var(--muted2) 34%,transparent));filter:blur(1.5px);opacity:.7}.redacted-action-slot span{color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.1em}.redacted-action-slot em{color:var(--warning);font-style:normal}.action-sequence-empty{margin:0;padding:24px;color:var(--muted);text-align:center;font-size:11px}
.status-console[data-state="soon"]{box-shadow:0 24px 70px color-mix(in srgb,var(--warn) 8%,transparent)}.status-console[data-state="soon"] .state-pill i{animation:statePulse 1.8s ease-in-out infinite}.status-console[data-state="grace"],.status-console[data-state="triggered"]{box-shadow:0 24px 76px color-mix(in srgb,var(--danger) 11%,transparent)}@keyframes statePulse{50%{opacity:.35;transform:scale(.72)}}
.capability-note{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft)}.capability-note strong{color:var(--text);font-size:11px}.capability-note span{font-size:10px}.storage-panel{background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--accent) 3%,var(--panel)))}
.editor-heading-actions{display:flex!important;gap:8px}.notebook{grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);align-items:start}.editor-pane{padding:0;overflow:hidden;background:linear-gradient(145deg,var(--panel),var(--panel-soft))}.editor-statusbar{display:flex;flex-wrap:wrap;gap:10px 18px;padding:11px 15px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px}.editor-statusbar #saveState{font-weight:900;letter-spacing:.08em}.editor-statusbar #saveState[data-state="saved"]{color:var(--safe)}.editor-statusbar #saveState[data-state="unsaved"]{color:var(--warn)}.editor-statusbar #saveState[data-state="saving"]{color:var(--accent)}.editor-statusbar #saveState[data-state="save failed"]{color:var(--danger)}
.markdown-toolbar{position:sticky;z-index:2;top:0;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;margin:0;padding:10px 12px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 93%,transparent);scrollbar-width:thin}.markdown-toolbar>span{flex:0 0 1px;width:1px;background:var(--line)}.markdown-toolbar button{flex:0 0 auto;min-width:38px;min-height:38px;padding:7px 10px;color:var(--text);font-size:10px}.markdown-toolbar button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}
.writing-canvas{width:min(760px,calc(100% - 34px));min-height:560px;margin:24px auto;padding:48px clamp(24px,7vw,74px);border:1px solid var(--line);border-radius:4px;background:color-mix(in srgb,var(--panel-strong) 97%,white 3%);box-shadow:0 22px 60px rgba(0,0,0,.18);color:var(--text);font:16px/1.75 Georgia,ui-serif,serif;overflow-wrap:anywhere}.writing-canvas:empty::before{content:attr(data-placeholder);color:var(--muted2)}.writing-canvas h1{font:800 32px/1.2 Inter,system-ui,sans-serif}.writing-canvas h2{font:750 25px/1.28 Inter,system-ui,sans-serif}.writing-canvas h3{font:720 20px/1.35 Inter,system-ui,sans-serif}.writing-canvas p{margin:0 0 1em}.writing-canvas blockquote{margin:1.2em 0;padding-left:18px;border-left:3px solid var(--accent);color:var(--muted)}.writing-canvas code,.writing-canvas pre{border-radius:5px;background:var(--panel3);font:13px/1.6 ui-monospace,monospace}.writing-canvas code{padding:2px 5px}.writing-canvas pre{padding:14px;overflow:auto}.writing-canvas a{color:var(--accent);text-decoration:underline}.editor-footer{display:flex;flex-wrap:wrap;gap:12px;padding:10px 15px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.revision-panel{position:sticky;top:116px;max-height:calc(100vh - 145px);overflow:auto;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.revision-card{display:grid;gap:7px}.revision-card span{display:flex;justify-content:space-between;gap:8px}.revision-card time{color:var(--muted);font-size:8px}.revision-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}.history-closed{grid-template-columns:1fr}.history-closed .revision-panel{display:none}
.editor-focus{overflow:hidden}.editor-focus .sidebar,.editor-focus .topbar,.editor-focus .mobile-nav,.editor-focus .operator-session-strip,.editor-focus [data-view-panel="updates"]>.view-heading>div:first-child{display:none}.editor-focus .workspace{margin:0}.editor-focus .main{width:100%;max-width:none;padding:0}.editor-focus [data-view-panel="updates"]{height:100vh}.editor-focus [data-view-panel="updates"]>.view-heading{position:fixed;z-index:8;top:10px;right:14px;margin:0}.editor-focus .notebook{grid-template-columns:1fr;height:100vh}.editor-focus .editor-pane{height:100vh;border:0;border-radius:0}.editor-focus .writing-canvas{min-height:calc(100vh - 160px);margin-top:12px}.editor-focus .revision-panel{display:none}
.receipt-dialog{text-align:center}.receipt-mark{display:grid;width:58px;height:58px;place-items:center;margin:4px auto 16px;border:1px solid color-mix(in srgb,var(--safe) 40%,var(--line));border-radius:50%;background:color-mix(in srgb,var(--safe) 10%,transparent);color:var(--safe);font-size:24px;box-shadow:0 0 32px color-mix(in srgb,var(--safe) 15%,transparent)}.receipt-dialog h2{margin:6px 0 18px;font-size:24px}.receipt-dialog dl{display:grid;gap:8px;margin:0 0 18px;text-align:left}.receipt-dialog dl div{display:flex;justify-content:space-between;gap:18px;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--panel-soft)}.receipt-dialog dt{color:var(--muted);font-size:9px}.receipt-dialog dd{margin:0;font-size:10px;font-weight:750;text-align:right}.receipt-dialog .primary-small{width:100%}
@media(max-width:900px){.notebook{grid-template-columns:1fr}.revision-panel{position:fixed;z-index:45;right:0;bottom:0;left:0;top:auto;max-height:70vh;border-radius:20px 20px 0 0;box-shadow:0 -24px 70px rgba(0,0,0,.45)}.history-closed .revision-panel{display:none}.writing-canvas{min-height:480px}.operator-session-strip{padding-inline:16px}}
@media(max-width:700px){.operator-session-strip{top:58px;grid-template-columns:1fr auto;gap:7px 12px}.operator-session-strip time{grid-row:2}.operator-session-strip button{grid-row:1/3;grid-column:2}.writing-canvas{width:calc(100% - 16px);min-height:calc(100vh - 290px);margin:8px;padding:26px 20px;font-size:16px}.markdown-toolbar button{min-width:44px;min-height:44px}.editor-statusbar{padding:9px 10px}.editor-footer{padding:9px 10px}.editor-heading-actions{width:100%;justify-content:flex-end}.public-action-sequence{padding:10px}.redacted-action-slot{grid-template-columns:30px 1fr auto}.redacted-action-slot em{display:none}.receipt-dialog .dialog-shell{padding:22px 16px}.receipt-dialog dl div{display:grid;gap:4px}.receipt-dialog dd{text-align:left}}
@media(prefers-reduced-motion:reduce){.status-console[data-state="soon"] .state-pill i{animation:none}}