*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Segoe UI,Arial,sans-serif;background-color:#121212;color:#e0e0e0;display:flex;flex-direction:column}:root{--surface-0: #1f1f1f;--surface-1: #222;--surface-2: #333;--surface-3: #555;--text-1: #fff;--text-2: #e0e0e0;--border-1: #2b2b2b;--border-2: #333;--border-focus: #444;--pad-btn: .5rem 1rem;--easing-fast: .2s ease;--radius-sm: 10px;--radius-xs: 4px;--app-topbar-height: 120px}.is-hidden{display:none!important}header{height:var(--app-topbar-height, 120px);background:#1f1f1f;color:#fff;padding:1rem;box-shadow:0 2px 4px #0009;position:relative;z-index:2}.header-row{display:flex;align-items:center}.header-title{margin-bottom:.5rem}.header-actions{display:flex;justify-content:space-between;gap:.75rem}.header-actions nav{display:flex;flex-wrap:wrap;gap:.5rem}header h1{margin-bottom:.5rem;font-size:1.8rem;letter-spacing:1px}nav{display:flex;flex-wrap:wrap;gap:.5rem}nav button,header nav button{padding:var(--pad-btn, .5rem 1rem);background:var(--surface-2, #333);color:var(--text-1, #fff);border:1px solid var(--border-2, #333);border-radius:var(--radius-sm, 10px);cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.01em;transition:background var(--easing-fast, .2s ease),transform var(--easing-fast, .2s ease);-webkit-appearance:none;appearance:none}nav button:hover,header nav button:hover{background:var(--surface-3, #555);transform:scale(1.05)}nav button:active,header nav button:active{transform:scale(.98)}nav button:disabled,header nav button:disabled{opacity:.6;cursor:not-allowed;transform:none}nav button:focus-visible,header nav button:focus-visible{outline:2px solid #888;outline-offset:2px}body.is-webview2 header{padding-top:.6rem;padding-bottom:.75rem}body.is-webview2 .header-title{display:none!important}.profile-widget{display:flex;align-items:center;gap:.5rem;min-width:120px}.profile-chip{display:inline-flex;align-items:center;gap:.5rem;background:#2a2a2a;color:#fff;border-radius:999px;padding:.25rem .6rem;cursor:pointer;border:1px solid #3a3a3a}.profile-chip:hover{background:#3a3a3a}.profile-avatar{width:24px;height:24px;border-radius:50%;background:#555;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.profile-name{font-size:.9rem}@media (max-width: 640px){header{padding:.5rem .75rem}.header-title{margin-bottom:.25rem}header h1{font-size:1.4rem}.header-actions{gap:.5rem;justify-content:flex-start}.header-actions nav{gap:.4rem}nav button{padding:.35rem .7rem;font-size:.95rem;min-height:32px}.profile-name{display:none}.profile-widget{margin-left:auto;min-width:0}.profile-chip{padding:0;gap:0;background:transparent;border:none}.profile-avatar{width:32px;height:32px}}iframe#mainFrame{flex-grow:1;width:100%;border:none;background-color:#1a1a1a}#loadingOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;color:#e0e0e0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner{width:48px;height:48px;border:6px solid #333;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem;will-change:transform;transform:translateZ(0)}@keyframes spin{to{transform:rotate(360deg)}}#pageLoaderOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;z-index:998;display:flex;align-items:center;justify-content:center}#pageLoaderOverlay .spinner{width:40px;height:40px;border-width:5px}.fade-in{opacity:0;animation:fadeIn .5s ease forwards;will-change:opacity}@keyframes fadeIn{to{opacity:1}}html,body{height:100%;display:flex;flex-direction:column}#pageWrapper{flex:1;position:relative;display:flex}#pageContainer{flex:1;width:100%;padding:1rem;background-color:#181818;overflow-y:auto;border-radius:6px}#pageLoaderOverlay{position:absolute;inset:0;background-color:#000c;z-index:998;display:flex;align-items:center;justify-content:center}#ztpContextMenu{background:#0f0f0fe0!important;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px 0;min-width:190px;box-shadow:0 8px 26px -6px #000000d9,0 2px 8px -2px #0000008c,0 0 0 1px #ffffff0d;font-size:13px;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);animation:ctxPop .14s ease;position:fixed;overflow:hidden;z-index:10000;will-change:transform,opacity}#ztpContextMenu:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#000000eb,#161616d1);pointer-events:none;z-index:0}#ztpContextMenu .ctxItem,#ztpContextMenu .ctxSeparator{position:relative;z-index:1}@keyframes ctxPop{0%{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}#ztpContextMenu .ctxItem{padding:7px 16px;cursor:pointer;color:#f5f5f5;display:flex;align-items:center;gap:8px;line-height:1.25;position:relative;-webkit-user-select:none;user-select:none;transition:background .12s ease,color .12s ease;background:transparent;font-weight:500}#ztpContextMenu .ctxItem:hover{background:#ffffff24}#ztpContextMenu .ctxItem:active{background:#fff3}#ztpContextMenu .ctxItem:focus{outline:none;background:#ffffff2e}#ztpContextMenu .ctxItem.disabled{opacity:.4;cursor:default;background:transparent!important}#ztpContextMenu .ctxSeparator{margin:5px 0;height:1px;background:linear-gradient(90deg,#ffffff14,#ffffff05)}