/* One native credential control, with feedback on the vault itself. */
 #password-console{--credential-feedback:200ms;--credential-verify:720ms;position:relative;display:flex;align-items:stretch;gap:0;padding:0;border:1px solid #3b4b60;border-radius:6px;background:linear-gradient(150deg,#16202d,#101722);box-shadow:inset 0 1px #cfe5ff0a,0 12px 32px #0004;isolation:isolate;transition:border-color var(--credential-feedback),box-shadow var(--credential-feedback)}
 #password-console:focus-within,#password-console[data-state=checking]{border-color:var(--brass);box-shadow:inset 0 1px #f5d38f22,0 0 24px #e3bb6914}
 #password-console .sesame-input{min-width:0}#password-console .sesame-input input,#password-console .reveal-button{height:64px}#password-console .sesame-input input{font-size:16px}#password-console .reveal-button{flex:none}#password-console>#unlock{margin:4px;min-height:56px}
 #password-console::after{content:'';position:absolute;bottom:0;left:12px;width:calc(100% - 24px);height:2px;background:var(--brass);opacity:0;transform:scaleX(.15);transform-origin:left;pointer-events:none;transition:opacity var(--credential-feedback),transform var(--credential-feedback)}
 #password-console.key-entered::after{opacity:.8;transform:scaleX(1)}#password-console[data-state=checking]::after{animation:credential-verify var(--credential-verify) ease-in-out infinite}#password-console[data-state=refused]{border-color:var(--error)}
 .vault-stage[data-state=locked][data-entry-active=true] .door-indicator{background:var(--brass);box-shadow:0 0 12px #e3bb6966}
 @keyframes credential-verify{0%,100%{opacity:.25;transform:scaleX(.2)}50%{opacity:.9;transform:scaleX(1)}}
 @media(max-width:480px){#password-console .sesame-input input,#password-console .reveal-button{height:56px}#password-console>#unlock{min-height:48px}}
 @media(prefers-reduced-motion:reduce){#password-console::after{animation:none!important;transition:none!important}#password-console[data-state=checking]::after{opacity:.6;transform:none}}
 .motion-reduced #password-console::after{animation:none!important;transition:none!important}.motion-reduced #password-console[data-state=checking]::after{opacity:.6;transform:none}
 .volume-control{display:flex;align-items:center;max-width:64px}.volume-control input{width:64px;min-height:32px;accent-color:var(--brass);cursor:pointer}.header-actions{gap:12px}.user-list,.share-list{display:grid;gap:16px;margin:24px 0}.user-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line,#34404b)}.user-row>div{display:grid;gap:4px;min-width:0}.user-row span{overflow-wrap:anywhere;color:#aeb8c4;font-size:14px}.user-row small{color:#d8bd83}.share-row{display:grid;gap:8px}.share-row input{flex:1;min-width:0;font-family:monospace;font-size:12px}.share-row label{font-size:16px}.danger-text{color:#cda199}.danger-text:hover{color:#f4c6bb}.card-actions{flex-wrap:wrap}.guest-mode .nav-count{display:none}
@media(max-width:600px){.volume-control{max-width:44px}.volume-control input{width:44px}.user-row{align-items:flex-start}.header-actions{gap:8px}.share-row .od-row{flex-wrap:wrap}.share-row input{flex-basis:100%}}

.share-row input{display:block;width:100%;padding:12px;border:1px solid #44535f;border-radius:4px;background:#131d27;color:#d8e1e9;line-height:1.5}.share-row input:focus{outline:2px solid #e3bb69;outline-offset:3px}
.footer-meta{display:flex;align-items:center;gap:16px;min-width:0}.version-button{display:inline-flex;align-items:center;min-height:44px;padding:4px 0;color:var(--muted);font:500 11px/1.5 var(--display);white-space:nowrap}.version-button:hover{color:var(--brass)}.version-button:focus-visible{outline:2px solid var(--brass);outline-offset:4px;border-radius:2px}.release-entry{display:grid;gap:12px;padding:20px 0;border-top:1px solid var(--line)}.release-heading{display:grid;gap:4px}.release-heading h3{font:500 20px/1.5 var(--display)}.release-heading time{font-size:12px;color:var(--muted)}.release-entry ul{padding-left:20px;display:grid;gap:8px}.release-entry li{font-size:16px;line-height:1.5;color:var(--text)}
@media(max-width:480px){.footer-meta{gap:8px}.version-button{font-size:10px}.site-footer{gap:12px}.site-footer .demo-badge{font-size:8px}}
:root{--footer-space:64px}body{padding-bottom:var(--footer-space)}.site-footer{position:fixed;bottom:0;left:0;width:100%;z-index:20;min-height:64px;padding-block:8px;background:var(--bg);border-top:1px solid var(--line)}.version-button{background:transparent}
.opening-list{display:grid;gap:16px}.opening-note{display:grid;gap:8px;padding:16px 0;border-top:1px solid var(--line)}.opening-note strong{font:500 18px/1.5 var(--display)}.opening-note span{font-size:16px;overflow-wrap:anywhere}.opening-note time{font-size:14px;color:var(--muted)}.opening-note small{font-size:12px;color:var(--brass)}.configuration-note{font-size:14px!important;line-height:1.5;color:var(--brass)!important;max-width:65ch;margin-block:8px}.page-heading #notification-count{display:inline-grid;place-items:center;min-width:24px;padding:0 8px;border:1px solid var(--line);border-radius:4px;color:var(--brass)}