.header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-base) 84%,transparent);backdrop-filter:blur(18px)}.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.7rem;font-weight:900;letter-spacing:.01em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:var(--primary);color:var(--on-primary)}.header-actions{display:flex;align-items:center;gap:.75rem}.user-menu{position:relative}.menu-panel{position:absolute;right:0;top:calc(100% + 10px);min-width:280px;padding:1rem;background:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:var(--shadow-soft)}.hidden{display:none!important}.theme-list{display:grid;grid-template-columns:1fr;gap:.45rem;margin:.7rem 0}.theme-option{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.5rem;border-radius:14px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--fg-main)}.theme-option:hover,.theme-option:focus-visible{background:var(--bg-surface-hover);border-color:var(--border-focus);color:var(--fg-main)}.theme-option[aria-selected="true"]{border-color:var(--primary);box-shadow:var(--shadow-glow-primary)}.swatches{display:flex;gap:.2rem}.swatch{width:14px;height:14px;border-radius:50%;border:1px solid var(--border-strong)}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem;background:rgba(0,0,0,.45);backdrop-filter:blur(10px)}.modal{position:relative;width:min(560px,100%);max-height:min(760px,92vh);overflow:auto;background:var(--bg-surface-raised);border:1px solid var(--border-strong);border-radius:28px;padding:1.2rem;box-shadow:var(--shadow-soft)}.modal-close{position:absolute;top:.85rem;right:.85rem;display:grid;place-items:center;width:36px;height:36px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--fg-main);font-size:1.35rem;line-height:1;cursor:pointer}.modal-close:hover,.modal-close:focus-visible{background:var(--bg-surface-hover);border-color:var(--border-focus);box-shadow:var(--shadow-glow-primary)}.field{display:grid;gap:.35rem;margin:.8rem 0}.field input{width:100%;border:1px solid var(--input-border);background:var(--input-bg);color:var(--fg-main);border-radius:14px;padding:.78rem}.error{color:var(--danger);min-height:1.3rem}.toast-stack{position:fixed;right:1rem;bottom:1rem;z-index:80;display:grid;gap:.5rem}.toast{padding:.8rem 1rem;border:1px solid var(--border-subtle);border-radius:16px;background:var(--bg-surface-raised);box-shadow:var(--shadow-soft)}.recent-modal{display:grid;gap:.75rem;padding-right:.35rem}.recent-modal h2{margin:.1rem 0 0}.recent-list{display:grid;gap:.55rem;margin-top:.2rem}.recent-item{display:flex;align-items:center;gap:.75rem;width:100%;border:1px solid var(--border-subtle);border-radius:18px;padding:.7rem;background:var(--bg-surface);color:var(--fg-main);text-align:left;cursor:pointer}.recent-item:hover,.recent-item:focus-visible{border-color:var(--border-focus);background:var(--bg-surface-hover);box-shadow:var(--shadow-glow-primary)}.recent-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:13px;background:var(--primary-soft);color:var(--fg-primary);font-size:1.25rem}.recent-copy{display:grid;gap:.18rem;min-width:0}.recent-copy strong,.recent-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-empty{padding:1.1rem;border:1px dashed var(--border-subtle);border-radius:18px;background:var(--glass)}.modal:has(.video-preview-modal){width:min(920px,100%)}.video-preview-modal{display:grid;gap:.85rem}.video-preview-modal h2{margin:.1rem 2.4rem 0 0}.video-preview-frame-wrap{position:relative;width:100%;overflow:hidden;border:1px solid var(--border-subtle);border-radius:22px;background:var(--bg-base);box-shadow:var(--shadow-soft)}.video-preview-frame-wrap::before{content:'';display:block;padding-top:56.25%}.video-preview-frame{position:absolute;inset:0;width:100%;height:100%;border:0}.loader{width:24px;height:24px;border:3px solid var(--border-subtle);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tile{display:grid;gap:.55rem;min-height:170px}.tile-icon{font-size:2rem}.status{justify-self:start;text-transform:capitalize}.status.available{color:var(--success)}.status.locked,.status.maintenance{color:var(--danger)}.status.beta{color:var(--accent-cyan)}.empty{text-align:center;padding:2rem}.blade,.sidebar{position:fixed;z-index:45;background:var(--bg-surface-raised);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);padding:1rem}.blade{right:0;top:0;height:100vh;width:min(420px,94vw)}.sidebar{left:0;top:72px;bottom:0;width:260px}.alerts-menu{position:relative}.alerts-button{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border-subtle);border-radius:15px;background:var(--bg-surface);color:var(--fg-main);cursor:pointer}.alerts-button:hover,.alerts-button:focus-visible{background:var(--bg-surface-hover);border-color:var(--border-focus)}.alerts-badge{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;border-radius:999px;background:var(--danger);color:#fff;font-size:.68rem;font-weight:900;display:grid;place-items:center;padding:0 5px}.alerts-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(360px,90vw);padding:1rem;border:1px solid var(--border-subtle);border-radius:20px;background:var(--bg-surface-raised);box-shadow:var(--shadow-soft)}.alerts-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}.link-button{border:0;background:transparent;color:var(--fg-primary);cursor:pointer}.alerts-list{display:grid;gap:.5rem;max-height:420px;overflow:auto}.alert-item{display:grid;gap:.25rem;width:100%;padding:.7rem;border:1px solid var(--border-subtle);border-radius:16px;background:var(--bg-surface);color:var(--fg-main);text-align:left;cursor:pointer}.alert-item.unread{border-color:var(--primary);box-shadow:inset 3px 0 0 var(--primary)}.alert-item:hover,.alert-item:focus-visible{background:var(--bg-surface-hover);border-color:var(--border-focus)}.btn.tiny{padding:.42rem .58rem;font-size:.78rem}.btn.danger{background:var(--danger);color:#fff}.field textarea,.field select,.copy-input{width:100%;border:1px solid var(--input-border);background:var(--input-bg);color:var(--fg-main);border-radius:14px;padding:.78rem}.inline-field{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:.55rem}.code-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.qr-frame{display:grid;place-items:center;padding:1rem;border:1px solid var(--border-subtle);border-radius:20px;background:#fff}.qr-frame img{width:240px;height:240px}.rh-actions{display:flex;flex-wrap:wrap;gap:.5rem}.rh-share-modal,.rh-form,.rh-detail{display:grid;gap:.75rem}.rh-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.rh-values{padding:.75rem;border:1px solid var(--border-subtle);border-radius:18px;background:var(--glass)}