/* Scoped adaptation of the existing BT-026 access. Never changes journal themes. */
html[data-web-session="locked"] .shell{visibility:hidden;pointer-events:none}
html[data-web-session="locked"] body{background:#030906}
.web-access-layer{--access-accent:#57d9a1;--access-muted:#adc1b5;position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;overflow:auto;padding:74px 18px 32px;background:#030906;color:#e9f4ee;font-family:"Segoe UI Variable Text","Segoe UI",sans-serif;color-scheme:dark;isolation:isolate}
.web-access-layer[hidden]{display:none!important}
.web-access-layer *{box-sizing:border-box}
.web-access-layer #matrix,.web-access-shade{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.web-access-layer #matrix{opacity:.96}
.web-access-shade{background:radial-gradient(ellipse at center,#020a0680 0%,#020a0614 56%,#01050370 100%)}
.web-access-tools{position:fixed;inset:0 0 auto;height:54px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;color:#a5bbae;font-size:11px;letter-spacing:.08em}
.web-access-tools button{min-height:36px;padding:7px 12px;border:1px solid #64826b44;border-radius:999px;background:#07150dbb;color:#b5ccbd;letter-spacing:normal;font:12px "Segoe UI",sans-serif}
.web-access-tools button:hover{background:#173725;color:#e9f4ee}
.web-access-card{position:relative;isolation:isolate;flex:none;width:min(100%,420px);margin:auto;padding:30px 30px 20px;border:1px solid #98d8b34d;border-radius:22px;background:#091b13ed;box-shadow:0 28px 70px #0008,inset 0 1px 0 #c7f4db26}
@supports(backdrop-filter:blur(1px)){.web-access-card{background:#07170fb8;backdrop-filter:blur(8px)}}
.web-access-card::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#d7ffe314,transparent 34%,#1d6a3610 72%,#b5ffcf08)}
.web-access-identity{display:flex;gap:12px;align-items:center;font-size:16px;font-weight:700;letter-spacing:.055em}
.web-access-identity small{display:block;color:var(--access-muted);font-size:11px;letter-spacing:.12em;margin-top:3px;font-weight:500}
.web-access-brand{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:#40d69c;color:#05180e;font-size:25px;font-weight:750;letter-spacing:0;box-shadow:inset 0 1px 0 #d9ffee70,inset 0 -2px 0 #0b633440,0 5px 18px #0003}
.web-access-copy{margin-top:28px}
.web-access-layer .web-access-eyebrow{font-size:11px;letter-spacing:.1em;margin:0 0 8px}
.web-access-layer h1{font-family:"Segoe UI Variable Display","Segoe UI",sans-serif;font-size:27px;line-height:1.18;letter-spacing:-.025em;font-weight:650;margin:0 0 12px;text-wrap:balance;color:#e9f4ee}
.web-access-layer p{font-size:14px;line-height:1.55;color:var(--access-muted);margin:8px 0}
.web-access-primary{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;border:0;border-radius:999px;padding:12px 18px;background:var(--access-accent);color:#061c11;font:650 14px "Segoe UI Variable Text","Segoe UI",sans-serif;margin-top:26px;transition:background-color .15s,transform .12s}
.web-access-primary:hover{background:#78e7b5}
.web-access-primary:active{transform:scale(.99)}
.web-access-arrow{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0a37201a;font-size:20px}
.web-access-primary[aria-busy="true"] .web-access-arrow{font-size:0;border:2px solid #061c1144;border-top-color:#061c11;animation:web-working .75s linear infinite}
.web-access-feedback{min-height:60px;margin-top:12px;display:grid;align-content:start}
.web-access-feedback p{font-size:12px;margin:0}
.web-access-feedback #webAccessError{color:#ffb7c1;margin-top:6px;overflow-wrap:anywhere}
.web-access-layer footer{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:20px;margin-top:10px;border-top:1px solid #78958230;font-size:11px;line-height:1.5;color:#adc1b5;text-align:center}
.web-access-layer footer svg{flex:none}
.web-access-settings{display:block;margin:10px auto 0;border:0;background:transparent;color:#adc1b5;font-size:11px;padding:8px;min-height:32px}
.web-access-settings:hover{color:#e9f4ee;text-decoration:underline}
.web-access-layer button{cursor:pointer;touch-action:manipulation}
.web-access-layer button:disabled{opacity:.65;cursor:default}
.web-access-layer :focus-visible{outline:2px solid #77ebbb;outline-offset:4px}
.web-access-success{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none;background:#091b13;border-radius:inherit}
.web-access-success[hidden]{display:none}
.web-access-success>span{font-size:34px;color:#92f4c4}
.web-profile-trigger{border:0;padding:0;cursor:pointer;touch-action:manipulation;font-family:inherit;position:relative}
.web-profile-trigger:hover{filter:brightness(1.15)}
.web-profile-trigger:focus-visible,.web-session-footer button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.web-session-footer{margin-top:auto;flex:none;min-height:64px;padding-top:12px;border-top:1px solid var(--line)}
.web-session-footer button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 0;border:0;background:transparent;color:var(--muted);font:12px/1.4 "Segoe UI Variable Text","Segoe UI",sans-serif;text-align:left;cursor:pointer;touch-action:manipulation}
.web-state-icon{position:relative;display:grid;place-items:center;flex:none;width:28px;height:28px;color:var(--muted)}
.web-state-icon i{position:absolute;right:0;bottom:2px;width:7px;height:7px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 2px var(--sidebar)}
.web-state-label{overflow-wrap:anywhere;min-width:0}
[data-state="saved"] .web-state-icon i{background:var(--green)}
[data-state="error"] .web-state-icon{color:var(--red)}
[data-state="error"] .web-state-icon i{background:var(--red);border-radius:1px}
[data-state="pending"] .web-state-icon i{background:var(--accent);border-radius:1px}
[data-state="busy"] .web-state-icon svg{animation:web-working 1.5s linear infinite}
:root[data-sidebar="collapsed"] .web-session-footer button{flex-direction:column;gap:0;align-items:center;min-width:44px;margin-left:calc((100% - 44px)/2);padding:2px;width:44px;font-size:11px;text-align:center}
.web-profile{position:fixed;inset:auto;margin:0;width:min(310px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;padding:18px;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 36px #0005;font:13px/1.45 "Segoe UI Variable Text","Segoe UI",sans-serif}
.web-profile::backdrop{background:#0005}
.web-profile header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.web-profile h2{margin:0;font-size:16px;color:var(--text)}
.web-profile header button{width:36px;min-height:36px;padding:0;font-size:22px}
.web-profile button{border:1px solid var(--line);border-radius:7px;padding:9px 12px;min-height:44px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}
.web-profile button:hover{background:var(--card2)}
.web-profile button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.web-profile button:disabled{opacity:.5;cursor:default}
.web-profile p{margin:10px 0;overflow-wrap:anywhere}
.web-profile-identity{font-weight:600}
.web-profile-meta{font-size:12px;color:var(--muted)}
.web-profile-actions,.web-profile-session{display:grid;gap:6px}
.web-profile-session{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
@keyframes web-working{to{transform:rotate(360deg)}}
@media(max-width:520px){.web-access-layer{padding:70px 14px 24px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.web-access-card{padding:26px 23px 18px;border-radius:20px}.web-access-layer h1{font-size:25px}.web-access-tools{padding:0 12px}.web-access-tools>span{font-size:10px}.web-access-layer footer{font-size:11px}.web-access-feedback{min-height:72px}}
@media(prefers-reduced-motion:reduce){.web-access-layer *,.web-state-icon svg{animation:none!important;transition:none!important}}
@media(forced-colors:active){.web-access-card,.web-profile,.web-access-layer button,.web-session-footer button{border:1px solid CanvasText}.web-access-shade{display:none}.web-state-icon{color:ButtonText}}