:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#0d131f;--surface-dim:#091019;--surface-bright:#131a27;--surface-container-lowest:#0a111a;--surface-container-low:#131a24;--surface-container:#1a202c;--surface-container-high:#242a37;--surface-container-highest:#2f3542;--bg-0:var(--surface);--bg-1:var(--surface-container-low);--bg-2:var(--surface-container-high);--panel:#1a202ce0;--panel-strong:#242a37f0;--card:#1a202ceb;--card-strong:#242a37f5;--stroke:#3d494433;--stroke-strong:#91fdd661;--ghost-border:#3d494442;--text:#e8edf4;--muted:#8f99ab;--muted-strong:#c0c8d6;--accent:#91fdd6;--accent-2:#74e0bb;--accent-3:#ffe4ca;--accent-soft:#91fdd61f;--warning:#ffe4ca;--ok:#91fdd6;--err:#ff9cab;--radius:24px;--shadow:0 32px 72px #03060e6b;--shadow-soft:0 18px 42px #03060e47;--glow:0 0 0 1px #91fdd624, 0 16px 34px #91fdd614;--shell-gap:clamp(20px, 2.4vw, 32px);--sidebar-width:clamp(248px, 19vw, 312px);--rail-width:clamp(272px, 21vw, 328px);--layout-section-padding:clamp(22px, 2.5vw, 28px);--top-row-sticky-top:28px;--card-grid-min:clamp(208px, 19vw, 280px);--clip-card-min-sm:clamp(168px, 18vw, 220px);--clip-card-min-md:clamp(220px, 24vw, 312px);--clip-card-min-lg:clamp(268px, 31vw, 392px);--control-min-width:clamp(148px, 15vw, 184px);--search-control-min-width:clamp(220px, 24vw, 340px);--font-display:"Space Grotesk", "Oxanium", sans-serif;--font-body:"Inter", "Rajdhani", sans-serif}*{box-sizing:border-box}html,body{min-height:100%;overflow-x:hidden}html{background:var(--surface);scroll-behavior:smooth}body{color:var(--text);font-family:var(--font-body,"Inter", "Segoe UI", sans-serif), sans-serif;background:radial-gradient(980px 680px at 14% -8%,#91fdd614,#0000 62%),radial-gradient(760px 520px at 100% 2%,#ffe4ca14,#0000 58%),radial-gradient(960px 740px at 72% 108%,#74e0bb14,#0000 58%),linear-gradient(#0b1119 0%,#0d131f 38%,#091019 100%);margin:0;font-size:16px;line-height:1.55}body:before{content:"";pointer-events:none;opacity:.42;z-index:-2;background:radial-gradient(circle at 0 0,#ffffff0a,#0000 32%),linear-gradient(#ffffff08,#0000 18%),repeating-linear-gradient(135deg,#ffffff04 0 2px,#0000 2px 28px);position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000db,#0000 94%);mask-image:linear-gradient(#000000db,#0000 94%)}body:after{content:"";filter:blur(18px);opacity:.72;z-index:-1;background:radial-gradient(circle at 36% 34%,#91fdd624,#0000 46%),radial-gradient(circle at 72% 60%,#ffe4ca1a,#0000 54%);border-radius:50%;width:560px;height:560px;animation:26s ease-in-out infinite drift,12s ease-in-out infinite ambientPulse;position:fixed;top:-10%;right:-6%}::selection{color:var(--text);background:#91fdd63d}a{color:inherit;text-decoration:none}.icon{font-size:max(1em,.9rem);line-height:1}button,input,select,textarea{font-family:inherit;font-size:max(1rem,1em);font-weight:inherit;line-height:inherit}h1,h2,h3,p{margin:0}img,svg{max-width:100%;display:block}.is-hidden{display:none!important}body.viewer-open{overflow:hidden}.appShell{grid-template-columns:minmax(240px, var(--sidebar-width)) minmax(0, 1fr);min-height:100vh;display:grid}.appSidebar{border-right:1px solid var(--ghost-border);background:linear-gradient(#0a111afa,#0d131ffa),radial-gradient(circle at 0 0,#91fdd614,#0000 34%);min-height:100vh}.appSidebarInner{flex-direction:column;gap:28px;min-height:100vh;padding:30px 20px 24px 24px;display:flex}.sidebarBrand{align-items:center;gap:16px;min-width:0;display:flex}.brandMark{background:linear-gradient(#91fdd614,#0000 60%),#1a202cf0;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex;box-shadow:inset 0 0 0 1px #91fdd624,0 14px 28px #03060e42}.brandMark svg{width:38px;height:38px}.sidebarBrandText{gap:6px;min-width:0;display:grid}.sidebarBrandText h1{font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:-.03em;font-size:clamp(1.35rem,1.5vw,1.6rem);font-weight:700;line-height:1}.sidebarBrandSub{color:var(--muted);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;font-weight:700}.sidebarSummary{padding-top:4px}.sidebarSummaryText{color:var(--muted);max-width:18rem;font-size:.98rem}.sidebarMeta{gap:10px;display:grid}.sidebarMeta .statusPill,.sidebarMeta .metaChip{justify-content:flex-start;width:100%}.sidebarUserSlot{left:clamp(16px,2.2vw,28px);bottom:max(16px, calc(env(safe-area-inset-bottom,0px) + 16px));z-index:24;width:min(240px,100vw - 32px);position:fixed}.sidebarUserCard{appearance:none;text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:linear-gradient(#2f3542d1,#1a202cf5),#1a202cf0;border:1px solid #3d494452;border-radius:20px;align-items:center;gap:12px;width:100%;min-height:72px;padding:14px 16px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:flex;box-shadow:inset 0 1px #ffffff08,0 20px 40px #03060e3d,0 0 0 1px #91fdd60d}.sidebarUserCard:hover{border-color:#91fdd642;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff0a,0 24px 44px #03060e47,0 0 0 1px #91fdd61f}.sidebarUserCard:focus-visible{border-color:#91fdd65c;outline:none;box-shadow:inset 0 1px #ffffff0a,0 0 0 4px #91fdd624,0 24px 44px #03060e47}.sidebarUserAvatar{width:42px;height:42px;color:var(--accent);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#91fdd633,#74e0bb14),#0d131feb;border:1px solid #91fdd63d;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:inline-flex}.sidebarUserText{flex:auto;gap:3px;min-width:0;display:grid}.sidebarUserName{color:var(--text);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:-.02em;font-size:1rem;font-weight:700}.sidebarUserMeta{color:var(--muted);font-size:.84rem;line-height:1.3}.sidebarUserChevron{color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;transition:color .18s,transform .18s;display:inline-flex}.sidebarUserCard:hover .sidebarUserChevron,.sidebarUserCard:focus-visible .sidebarUserChevron,.sidebarUserCard[aria-expanded=true] .sidebarUserChevron{color:var(--accent)}.sidebarUserCard[aria-expanded=true] .sidebarUserChevron{transform:rotate(180deg)}.statusPill,.metaChip{border:1px solid var(--ghost-border);min-height:38px;color:var(--muted-strong);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:.12em;text-transform:uppercase;background:#2f35429e;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.72rem;font-weight:700;display:inline-flex}.statusPill{color:var(--accent);background:#91fdd614;border-color:#91fdd638}.statusPillDot{background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #91fdd61a}.metaChip span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#appRoot{gap:var(--shell-gap);min-width:0;padding:28px clamp(18px,2.5vw,32px) 42px;display:grid}.workspaceGrid{grid-template-columns:minmax(0, 1fr) minmax(264px, var(--rail-width));gap:var(--shell-gap);align-items:start;display:grid}.rightRail{align-self:start;gap:14px;display:grid}.sectionBlock{padding:var(--layout-section-padding);border:1px solid var(--ghost-border);box-shadow:var(--shadow);scroll-margin-top:calc(var(--top-row-sticky-top) + 24px);background:linear-gradient(#ffffff08,#0000 28%),#1a202cdb;border-radius:28px;position:relative;overflow:hidden}.sectionBlock:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#91fdd614,#0000 26%),radial-gradient(circle at 0 100%,#ffe4ca0f,#0000 30%);position:absolute;inset:0}.sectionBlock.reveal-pending{opacity:0;filter:blur(4px);transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1),filter .5s;transform:translateY(24px)scale(.99)}.sectionBlock.reveal-pending.is-visible{opacity:1;filter:blur();transform:translateY(0)scale(1)}.sectionBlock--library{content-visibility:auto;contain-intrinsic-size:1280px;background:linear-gradient(#ffffff06,#0000 24%),#0f151fe0;min-height:clamp(540px,66vh,760px)}.sectionBlock--overview,.sectionBlock--fees{background:linear-gradient(#ffffff06,#0000 24%),#1a202ceb;border-radius:24px;gap:10px;padding:clamp(16px,1.8vw,20px);display:grid}.sectionBlock--overview .railHeader,.sectionBlock--fees .railHeader{margin-bottom:0}.sectionHeader,.railHeader{z-index:1;position:relative}.sectionHeader{justify-content:space-between;align-items:flex-end;gap:18px 22px;margin-bottom:24px;display:flex}.railHeader{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.sectionTitleBlock{gap:8px;max-width:46rem;display:grid}.sectionTitleBlock--compact{max-width:none}.sectionKicker{width:fit-content;color:var(--muted-strong);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;font-size:.74rem;font-weight:700;display:inline-flex}.sectionTitle,.railTitle{font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:-.04em;font-weight:700;line-height:1.02}.sectionTitle{font-size:clamp(1.6rem,2.6vw,2.2rem)}.railTitle{font-size:1.22rem}.sectionTitleSuffix{color:var(--accent);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:.14em;text-transform:uppercase;vertical-align:middle;background:#2f3542d1;border:1px solid #91fdd62e;border-radius:999px;align-items:center;margin-left:12px;padding:7px 12px;font-size:.54em;display:inline-flex}.sectionTitleSuffix.mode-pulse{animation:.6s modePulse}.sectionSubtitle{max-width:42rem;color:var(--muted);font-size:1rem}.sectionBody{z-index:1;position:relative}.heroRail{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.heroStat{background:linear-gradient(#ffffff06,#0000 28%),#2f35425c;border:1px solid #3d494438;border-radius:16px;align-content:start;gap:8px;min-height:136px;padding:14px;display:grid;position:relative;overflow:hidden}.heroStat:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#91fdd614,#0000 30%),linear-gradient(#ffffff05,#0000 42%);position:absolute;inset:0}.heroStat>*{z-index:1;position:relative}.heroStat.is-updated{animation:.9s statPulse}.heroStat--collections{--progress:68%}.heroStat--clips{--progress:84%}.heroStat--storage{--progress:62%}.heroStat--storage,.heroStat--feesSummary{background:linear-gradient(#91fdd614,#0000 44%),#2f354261}.heroStat--sync{grid-template-rows:auto auto auto 1fr}.heroStatHead{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.heroStatLabel{color:#c0c8d6d6;font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:.14em;text-transform:uppercase;font-size:.62rem;font-weight:700}.heroStatGlyph{width:28px;height:28px;color:var(--accent);background:#91fdd614;border-radius:10px;justify-content:center;align-items:center;font-size:.82rem;display:inline-flex}.heroStatValue{font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:-.05em;font-size:clamp(1.42rem,1.7vw,1.86rem);font-weight:700;line-height:.96}.heroStatValue--minor{letter-spacing:-.03em;font-size:clamp(1.08rem,1.3vw,1.28rem)}.heroStatValue--price{font-size:clamp(1.92rem,2.3vw,2.38rem)}.heroProgress,.heroSyncTrack{background:#ffffff14;border-radius:999px;height:5px;overflow:hidden}.heroProgressFill,.heroSyncTrackFill{width:var(--progress,72%);border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;display:block}.heroSyncTrackFill{width:0;transition:width .24s}.heroStatHint{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.25;display:-webkit-box;overflow:hidden}.heroSyncState{min-height:22px;color:var(--accent);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:.1em;text-transform:uppercase;background:#91fdd614;border:1px solid #91fdd638;border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-size:.58rem;font-weight:700;display:inline-flex}.heroSyncState:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #91fdd61a}.heroSyncState.is-overdue{color:var(--accent-3);background:#ffe4ca1a;border-color:#ffe4ca47}.heroSyncState.is-offline{color:#ffc0ca;background:#ff9cab1a;border-color:#ff9cab47}.feeSnapshot{gap:8px;display:grid}.feeSnapshotRow{background:#131a24e0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:0 12px;display:flex}.feeSnapshotLabel{color:var(--muted-strong);font-size:.78rem}.feeSnapshotValue{font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:-.02em;font-size:.82rem}.heroFeeFormula{color:var(--muted-strong);background:#131a24e0;border:1px solid #3d49443d;border-radius:14px;padding:10px 12px;font-size:.82rem;line-height:1.35}.heroStat--feesSummary{gap:8px;min-height:0;padding:14px}.heroPanelToggle{appearance:none;width:100%;min-height:34px;color:var(--muted-strong);cursor:pointer;background:#2f354280;border:1px solid #3d494447;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:border-color .18s,transform .18s,background .18s,color .18s;display:inline-flex}.heroPanelToggle:hover{color:var(--text);background:#2f3542c7;border-color:#91fdd638;transform:translateY(-1px)}.heroPanelToggle:focus-visible{border-color:#91fdd66b;outline:none;box-shadow:0 0 0 3px #91fdd629}.heroFeeDetails{gap:12px;display:grid}#feesPanel.is-collapsed .heroStat--feesSummary{gap:6px}#feesPanel.is-collapsed{gap:8px;padding:14px}#feesPanel.is-collapsed .feeSnapshot,#feesPanel.is-collapsed .heroFeeFormula,#feesPanel.is-collapsed .heroFeesMeta,#feesPanel.is-collapsed .heroFeeDetails{display:none}.heroFeeGrid{grid-template-columns:1fr;gap:10px;display:grid}.heroFeeSection{background:#0d131f8f;border:1px solid #3d494438;border-radius:18px;gap:8px;padding:14px;display:grid}.heroFeeSectionTitle{font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:-.02em;font-size:.88rem;font-weight:700}.heroFeeRow{background:#2f354257;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:0 12px;display:flex}.heroFeeRow--subtotal,.heroFeeRow--hosting{background:#91fdd614;border:1px solid #91fdd629}.heroFeeLabel{color:var(--muted-strong);font-size:.82rem}.heroFeeValue{font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:-.02em;font-size:.84rem}.heroFeesMeta{color:var(--muted);font-size:.8rem;line-height:1.35}@media (width<=420px){.heroRail{grid-template-columns:1fr}}body.account-modal-open{overflow:hidden}.accountMenu{left:clamp(16px,2.2vw,28px);bottom:calc(max(16px, calc(env(safe-area-inset-bottom,0px) + 16px)) + 88px);z-index:10003;width:min(300px,100vw - 32px);position:fixed}.accountMenuCard{background:linear-gradient(#ffffff09,#0000 28%),linear-gradient(#222a37f5,#121925f5);border:1px solid #3d494452;border-radius:24px;gap:10px;padding:12px;animation:.18s popIn;display:grid;box-shadow:inset 0 1px #ffffff0a,0 24px 48px #03060e4d}.accountMenuIdentity{align-items:center;gap:12px;padding:8px;display:flex}.accountMenuAvatar{width:42px;height:42px;color:var(--accent);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#91fdd633,#74e0bb14),#0d131feb;border:1px solid #91fdd63d;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:inline-flex}.accountMenuIdentityText{gap:3px;min-width:0;display:grid}.accountMenuName{color:var(--text);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:-.02em;font-size:1rem;font-weight:700}.accountMenuMeta{color:var(--muted);overflow-wrap:anywhere;font-size:.84rem;line-height:1.3}.accountMenuSection{gap:4px;display:grid}.accountMenuDivider{background:#a0b7df24;height:1px}.accountMenuItem{appearance:none;width:100%;min-height:44px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;align-items:center;gap:10px;padding:0 12px;font-family:inherit;font-size:.96rem;transition:background .18s,color .18s,transform .18s;display:inline-flex}.accountMenuItem:hover,.accountMenuItem:focus-visible{background:#ffffff0d}.accountMenuItem:hover{transform:translate(1px)}.accountMenuItem:focus-visible{color:var(--accent);outline:none;box-shadow:0 0 0 3px #91fdd624}.accountOverlay{z-index:10002;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040810d6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.accountOverlay:not(.is-hidden){animation:.2s fadeIn}.accountPanel{width:min(940px,100%);height:min(100vh - 48px,920px);box-shadow:var(--shadow);background:linear-gradient(#ffffff08,#0000 24%),linear-gradient(#101826f5,#0b121df5);border:1px solid #a0b7df2e;border-radius:28px;grid-template-rows:auto minmax(0,1fr);gap:18px;padding:clamp(18px,2.2vw,24px);animation:.28s popIn;display:grid;position:relative;overflow:hidden}.accountPanel[data-account-mode=access]{width:min(460px,100%);height:auto;max-height:min(100vh - 48px,760px)}.accountPanel[data-account-mode=setup]{width:min(560px,100%);height:auto;max-height:min(100vh - 48px,880px)}.accountPanel[data-account-mode=profile]{width:min(520px,100%);height:auto;max-height:min(100vh - 48px,820px)}.accountPanel[data-account-mode=administration]{width:min(1180px,100%);height:min(100vh - 48px,980px)}.accountPanelHeader,.accountPanelActions,.accountPanelTitleBlock{display:flex}.accountPanelHeader{justify-content:space-between;align-items:flex-start;gap:12px}.accountPanelTitleBlock{flex-direction:column;gap:8px}.accountPanelActions{align-items:center;gap:10px}.accountPanel[data-account-mode=administration] .accountPanelHeader{justify-content:flex-end}.accountPanel[data-account-mode=administration] .accountPanelTitleBlock{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.accountWorkspace{grid-template-columns:minmax(220px,240px) minmax(0,1fr);gap:18px;min-height:0;display:grid;overflow:hidden}.accountWorkspace--single{grid-template-columns:1fr}.accountNav{background:linear-gradient(#ffffff06,#0000 28%),#0d131fc2;border:1px solid #3d49443d;border-radius:22px;align-content:start;gap:6px;min-height:0;padding:10px;display:grid;overflow:auto}.accountNav.is-hidden{display:none}.accountNavItem{appearance:none;min-height:46px;color:var(--muted-strong);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;align-items:center;gap:10px;padding:0 12px;font-family:inherit;font-size:.95rem;font-weight:500;transition:background .18s,color .18s,transform .18s;display:inline-flex}.accountNavItem:hover,.accountNavItem:focus-visible,.accountNavItem.is-active{color:var(--text);background:#ffffff0e}.accountNavItem:hover{transform:translate(1px)}.accountNavItem:focus-visible{outline:none;box-shadow:0 0 0 3px #91fdd624}.accountNavItem.is-active{color:var(--accent);background:linear-gradient(#91fdd61f,#0000 72%),#2f3542d6}.accountContent{grid-template-rows:auto auto minmax(0,1fr);align-content:start;gap:16px;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.accountContentHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.accountContentHeading{gap:8px;display:grid}.accountPanel[data-account-mode=administration] .accountContentHeader{display:none}.accountPanel[data-account-mode=administration] .accountContent{grid-template-rows:auto minmax(0,1fr);gap:12px}.accountContentTitle{color:var(--text);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:-.03em;font-size:clamp(1.2rem,1.5vw,1.5rem);font-weight:700}.accountStack{z-index:1;gap:12px;display:grid;position:relative}.accountNotice,.accountMuted{color:var(--muted);font-size:.92rem}.accountNotice{min-height:2.8rem}.accountPanel[data-account-mode=administration] .accountNotice{min-height:0;margin:0}.accountSection,.accountView,.accountGrid,.accountAdmin,.accountForm{gap:12px;min-height:0;display:grid}.accountSection{align-content:start;padding-right:4px;overflow:auto}.accountGrid,.accountAdmin{gap:14px}.accountGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.accountGrid--admin{grid-template-columns:minmax(280px,.92fr) minmax(0,1.3fr);align-items:start}[data-account-section-view=security] .accountGrid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.72fr);align-items:start}.accountAdminPane{gap:14px;display:grid}.accountAdminOverview{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.accountAdminUploadPopup{z-index:5;justify-items:end;display:grid;position:sticky;top:0}.accountAdminUploadPopupHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.accountAdminUploadPopupHeader .accountCardHeader{flex:1}.accountAdminUploadPopupClose{flex:none}.accountSetupChecklist{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.accountSetupCheck{background:linear-gradient(#ffffff08,#0000 34%),#0c121cd6;border:1px solid #3d49443d;border-radius:16px;gap:6px;padding:12px;display:grid}.accountSetupCheckValue{color:var(--text);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:-.02em;font-size:1rem;font-weight:700}.accountAdminStat{background:linear-gradient(#ffffff08,#0000 34%),#0c121cd6;border:1px solid #3d49443d;border-radius:18px;gap:6px;padding:12px;display:grid}.accountAdminStatValue{color:var(--text);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:-.04em;font-size:1.5rem;font-weight:700}.accountSettingsList,.accountHelpGrid,.accountQuickActions,.accountHelpList{gap:12px;display:grid}.accountHelpGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.accountHelpList p{color:var(--muted-strong);font-size:.92rem;line-height:1.5}.accountSettingsRow{border-top:1px solid #a0b7df1f;justify-content:space-between;align-items:flex-start;gap:18px;padding:14px 0;display:flex}.accountSettingsRow:first-child{border-top:0;padding-top:0}.accountSettingsText{gap:6px;min-width:0;display:grid}.accountSettingsLabel{color:var(--text);font-size:.96rem;font-weight:600}.accountSettingsMeta{color:var(--muted);font-size:.86rem;line-height:1.45}.accountSettingsValue{color:var(--muted-strong);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:.78rem;font-weight:700}.accountTabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.accountTabs--admin{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.accountTab{appearance:none;width:100%;min-height:38px;color:var(--muted-strong);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#2f354280;border:1px solid #3d49444d;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:.72rem;font-weight:700;transition:border-color .18s,background .18s,color .18s,transform .18s;display:inline-flex}.accountTab:hover{background:#2f3542c2;border-color:#91fdd642;transform:translateY(-1px)}.accountTab:focus-visible{border-color:#91fdd66b;outline:none;box-shadow:0 0 0 3px #91fdd629}.accountTab.is-active{color:var(--accent);background:linear-gradient(#91fdd61f,#0000 70%),#2f3542d1;border-color:#91fdd642}.accountField{gap:6px;display:grid}.accountFieldLabel,.accountEyebrow{color:var(--muted-strong);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:inline-flex}.accountInput,.accountSelect{appearance:none;min-height:44px;color:var(--text);background:#0a111af0;border:1px solid #3d494447;border-radius:14px;padding:0 14px;font-family:inherit;font-size:.95rem;font-weight:500;transition:border-color .2s,box-shadow .2s,background .2s}.accountInput[type=file]{padding-block:10px}.accountCheckbox{color:var(--muted-strong);align-items:center;gap:10px;font-size:.9rem;display:inline-flex}.accountCheckbox input{accent-color:#74e0bb;width:16px;height:16px}.accountSelect{background-image:linear-gradient(45deg,#0000 50%,#c0c8d6cc 50%),linear-gradient(135deg,#c0c8d6cc 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 13px) calc(50% - 3px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;width:100%;padding-right:40px}.accountInput::placeholder{color:#c0c8d68a}.accountInput:hover,.accountInput:focus-visible,.accountSelect:hover,.accountSelect:focus-visible{background:#131a24f5}.accountInput:hover,.accountSelect:hover{border-color:#91fdd63d}.accountInput:focus-visible,.accountSelect:focus-visible{border-color:#91fdd66b;outline:none;box-shadow:0 0 0 3px #91fdd629}.accountSubmit{width:100%}.accountCard{background:linear-gradient(#ffffff06,#0000 36%),#0d131fc7;border:1px solid #3d494442;border-radius:18px;padding:14px;box-shadow:inset 0 1px #ffffff08}.accountCardHeader{gap:4px;margin-bottom:12px;display:grid}.accountCard--profile,.accountCard--profileHero{padding:16px}.accountCard--sessions{align-content:start;min-height:min(60vh,680px);display:grid}.accountCard--password{position:sticky;top:0}.accountCard--adminWide{min-height:0}.accountCard--adminFull{grid-column:1/-1}.accountCard--adminStatusPopup{background:linear-gradient(#91fdd60f,#0000 40%),linear-gradient(#ffffff06,#0000 36%),#0d131feb;width:min(380px,100%);box-shadow:inset 0 1px #ffffff0a,0 18px 36px #03060e3d}.accountAdminStatusSummary{gap:8px;display:grid}.accountAdminStatusHeadline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.accountAdminStatusDetails{gap:8px;margin-top:12px;display:grid}.accountAdminStatusDetails p{color:var(--muted-strong);overflow-wrap:anywhere;margin:0;font-size:.88rem;line-height:1.45}.accountProfile{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.accountProfileHero{align-items:center;gap:16px;display:flex}.accountProfileAvatar{width:68px;height:68px;color:var(--accent);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#91fdd633,#74e0bb14),#0d131feb;border:1px solid #91fdd63d;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:inline-flex}.accountProfileText{gap:6px;min-width:0;display:grid}.accountHeading{color:var(--text);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:-.02em;font-size:1rem;font-weight:700}.accountList{gap:10px;margin:0;padding:0;list-style:none;display:grid}.accountList--sessions{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-content:start;max-height:min(48vh,520px);padding-right:4px;overflow:auto}.accountListItem{background:#091019e0;border:1px solid #3d494438;border-radius:14px;gap:6px;padding:8px 10px;display:grid}.accountListRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.accountListText{gap:4px;min-width:0;display:grid}.accountListTitle{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;line-height:1.2;overflow:hidden}.accountListItem--session{gap:6px}.accountListMeta{color:var(--muted);overflow-wrap:anywhere;font-size:.84rem}.accountSessionFacts{flex-wrap:nowrap;gap:6px;min-width:0;display:flex;overflow:hidden}.accountSessionFact{min-width:0;max-width:100%;color:var(--muted-strong);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:.08em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;background:#0f1622eb;border:1px solid #3d494433;border-radius:999px;align-items:center;padding:4px 8px;font-size:.64rem;font-weight:700;line-height:1.1;display:inline-flex;overflow:hidden}.accountListActions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;display:flex}.accountListActions .btn{min-height:34px;padding-inline:10px;font-size:.8rem}.accountBadge{min-height:24px;color:var(--muted-strong);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:#2f354294;border:1px solid #3d49443d;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:.62rem;font-weight:700;display:inline-flex}.accountBadge--ok{color:var(--accent);border-color:#91fdd63d}.accountBadge--warn{color:var(--warning);border-color:#ffe4ca3d}.accountBadge--danger{color:var(--err);border-color:#ff9cab42}.accountInlineNotice{color:var(--muted-strong);overflow-wrap:anywhere;white-space:pre-line;background:#091019e0;border:1px solid #3d494442;border-radius:14px;margin-top:12px;padding:12px;font-size:.88rem;line-height:1.45}.accountInlineNotice--ok{color:var(--accent);border-color:#91fdd638}.accountInlineNotice--err{color:#ffc0ca;border-color:#ff9cab3d}.accountForm--tight{gap:10px}.accountForm--inline{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end}.accountProgress{gap:8px;margin-top:12px;display:grid}.accountProgressTrack{background:#151d29eb;border:1px solid #3d494433;border-radius:999px;width:100%;height:10px;overflow:hidden}.accountProgressBar{border-radius:inherit;background:linear-gradient(90deg,#91fdd6eb,#74e0bbc7);width:0;height:100%;transition:width .18s;display:block;box-shadow:0 0 24px #74e0bb42}.accountProgressLabel{color:var(--muted-strong);font-size:.84rem}@media (width<=860px){.accountMenu{width:min(300px,100vw - 28px);left:14px}.accountOverlay{align-items:flex-end;padding:14px}.accountPanel{border-radius:26px;width:100%;height:min(100vh - 20px,960px)}.accountPanel[data-account-mode=access],.accountPanel[data-account-mode=setup],.accountPanel[data-account-mode=profile],.accountPanel[data-account-mode=administration]{width:100%;max-height:min(100vh - 20px,960px)}.accountGrid{grid-template-columns:1fr}.accountGrid--admin,.accountAdminOverview{grid-template-columns:repeat(2,minmax(0,1fr))}.accountAdminUploadPopup{justify-items:stretch}.accountCard--adminStatusPopup{width:100%}.accountSetupChecklist,[data-account-section-view=security] .accountGrid{grid-template-columns:1fr}.accountCard--sessions{min-height:0}.accountCard--password{position:static}.accountHelpGrid,.accountWorkspace{grid-template-columns:1fr}.accountNav{grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;overflow-x:auto}.accountTabs--admin{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.accountMenu{left:12px;bottom:calc(max(12px, calc(env(safe-area-inset-bottom,0px) + 12px)) + 86px);width:calc(100vw - 24px)}.accountOverlay{padding:0}.accountPanel{height:100vh;padding:18px 14px max(18px, calc(env(safe-area-inset-bottom,0px) + 18px));border-radius:24px 24px 0 0}.accountPanelHeader,.accountProfile,.accountProfileHero,.accountListRow,.accountSettingsRow{flex-direction:column;align-items:stretch}.accountPanelActions{justify-content:space-between}.accountListActions{width:100%}.accountListActions .btn{flex:auto}.accountSessionFacts{flex-wrap:wrap}.accountNav{grid-auto-columns:minmax(132px,1fr)}.accountTabs,.accountAdminOverview,.accountGrid--admin,.accountTabs--admin,.accountForm--inline{grid-template-columns:1fr}.accountAdminUploadPopupHeader{flex-direction:row;align-items:flex-start}}@media (width<=720px){.accountProfile,.accountListRow{flex-direction:column}.accountListActions .btn,.accountProfile .btn{width:100%}}.library{gap:18px;display:grid}.libraryPanel{gap:20px;min-width:0;display:grid}.libraryPanel.is-entering{animation:.25s both panelSlideIn}.libraryPanel.is-leaving{animation:.2s both panelSlideOut;display:grid!important}.panelHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px 18px;display:flex}.panelTitleBlock{gap:8px;max-width:46rem;display:grid}.panelTitle{font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:-.03em;font-size:1.28rem;font-weight:700;line-height:1.08}.panelHint{color:var(--muted);font-size:.98rem}.panelMeta{min-height:38px;color:var(--muted-strong);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:.12em;text-transform:uppercase;background:#2f354280;border:1px solid #3d494442;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.72rem;font-weight:700;display:inline-flex}.topRow{top:var(--top-row-sticky-top);z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-soft);background:#121824db;border:1px solid #3d49443d;border-radius:24px;gap:12px;margin:0 0 18px;padding:14px;display:grid;position:sticky}.topRow-nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.topRow-filters{grid-template-columns:minmax(0,1.45fr) repeat(2,minmax(0,160px));align-items:center;gap:10px;display:grid}.albumMeta{background:#0d131fbd;border:1px solid #3d49443d;border-radius:16px;flex-wrap:wrap;flex:18rem;align-items:center;gap:10px;min-width:0;min-height:48px;padding:0 14px;display:flex}.albumMetaDot{background:#ffffff47;border-radius:50%;flex-shrink:0;width:5px;height:5px}#albumTitle{white-space:nowrap;text-overflow:ellipsis;flex:14rem;min-width:0;font-size:.98rem;font-weight:600;overflow:hidden}.albumCount{color:var(--accent);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:#91fdd614;border:1px solid #91fdd62e;border-radius:999px;padding:5px 10px;font-size:.74rem;font-weight:700}.btn{appearance:none;min-height:44px;color:var(--text);cursor:pointer;background:#2f35428f;border:1px solid #3d494447;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s,color .16s;display:inline-flex}.btn:hover{box-shadow:var(--shadow-soft);background:#2f3542d1;border-color:#91fdd63d;transform:translateY(-1px)}.btn:active{transform:translateY(1px)scale(.98)}.btn:focus-visible{border-color:#91fdd66b;outline:none;box-shadow:0 0 0 3px #91fdd629}.btn--primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#07120f;border-color:#0000;box-shadow:0 18px 34px #74e0bb2e}.btn--primary:hover{color:#07120f;background:linear-gradient(135deg,#9afede,#7de9c5)}.btn--secondary{color:var(--accent)}.btn--shuffle{background:linear-gradient(#91fdd614,#0000 70%),#2f3542a3;border-color:#91fdd629}.btn.is-copied{background:linear-gradient(#91fdd624,#0000 72%),#2f3542b8;border-color:#91fdd652}.btn.is-copied:after{content:" ✓";font-weight:700}.clipControls{flex:none;align-items:center;gap:10px;min-width:0;display:inline-flex}.clipControls--search{flex:999 1 var(--search-control-min-width);align-items:center;min-width:0;display:flex;position:relative}.controlLabel{color:var(--muted);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:inline-flex}.select,.textInput{appearance:none;min-height:46px;color:var(--text);background:#0a111af0;border:1px solid #3d494447;border-radius:14px;font-family:inherit;font-size:.95rem;font-weight:500;transition:border-color .2s,box-shadow .2s,background .2s}.select{background-image:linear-gradient(45deg,#0000 50%,#c0c8d6cc 50%),linear-gradient(135deg,#c0c8d6cc 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 13px) calc(50% - 3px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;width:100%;padding:0 42px 0 14px}.textInput{width:100%;padding:0 16px 0 42px}.topRow-filterIcon{color:#c0c8d68a;pointer-events:none;font-size:.95rem;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.select option{background:var(--surface-container-high);color:var(--text)}.topRow-filters .select,.select--compact{min-width:0}.textInput::placeholder{color:#c0c8d68a}.select:hover,.textInput:hover{background:#131a24f5;border-color:#91fdd63d}.select:focus-visible,.textInput:focus-visible{border-color:#91fdd66b;outline:none;box-shadow:0 0 0 3px #91fdd629}.mediaGrid{gap:clamp(16px,2vw,22px);display:grid}#albumsGrid{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--card-grid-min)), 1fr))}#clipsGrid{--clip-card-min:var(--clip-card-min-md);grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--clip-card-min)), 1fr))}#clipsGrid.size-sm{--clip-card-min:var(--clip-card-min-sm)}#clipsGrid.size-md{--clip-card-min:var(--clip-card-min-md)}#clipsGrid.size-lg{--clip-card-min:var(--clip-card-min-lg)}.mediaCard{content-visibility:auto;contain-intrinsic-size:340px 280px;--raise:0px;--enter-y:18px;--stagger:0;--mx:50%;--my:30%;text-align:left;min-width:0;color:inherit;cursor:pointer;background:linear-gradient(180deg, #ffffff06, transparent 28%), radial-gradient(circle at var(--mx,50%) var(--my,30%), #91fdd61a, transparent 42%), #1a202ce6;opacity:0;transform:translateY(calc(var(--enter-y) + var(--raise)));box-shadow:var(--shadow-soft);transition:opacity .55s cubic-bezier(.23,1,.32,1),transform .55s cubic-bezier(.23,1,.32,1),border-color .28s,box-shadow .28s,background .28s;transition-delay:calc(var(--stagger) * 30ms);border:1px solid #3d49443d;border-radius:24px;padding:0;position:relative;overflow:hidden}.mediaCard:before,.mediaCard:after{content:"";pointer-events:none;position:absolute;inset:0}.mediaCard:before{border-radius:inherit;background:linear-gradient(#ffffff08,#0000 26%);inset:1px}.mediaCard:after{opacity:.8;background:linear-gradient(#0d131f00 44%,#0d131f2e 100%);transition:opacity .2s}.mediaCard.is-visible{opacity:1;--enter-y:0px;animation:.5s cubic-bezier(.23,1,.32,1) both cardReveal;animation-delay:calc(var(--stagger) * 30ms)}.mediaCard:hover{--raise:-4px;border-color:#91fdd63d;box-shadow:0 24px 42px #03060e5c,0 0 0 1px #91fdd614}.mediaCard:hover:after{opacity:.56}.mediaCard:focus-visible{box-shadow:0 0 0 3px #91fdd629, var(--shadow-soft);border-color:#91fdd66b;outline:none}.mediaThumb{aspect-ratio:16/9;background:radial-gradient(circle at 20% 16%,#91fdd624,#0000 44%),#070b16fa;position:relative;overflow:hidden}.mediaCard--album .mediaThumb{aspect-ratio:1.08}.mediaThumb:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#070b161f,#070b169e),linear-gradient(#070b1600 42%,#070b16d6 100%);position:absolute;inset:0}.mediaThumb:after{content:"";opacity:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,#0000 34%,#ffffff2e 47%,#ffffff08 54%,#0000 64%);position:absolute;inset:-32% -40%;transform:translate(-120%)skew(-14deg)}.mediaCard:hover .mediaThumb:after{animation:.9s thumbSweep}.mediaThumbImage{object-fit:cover;width:100%;height:100%;transition:transform .35s cubic-bezier(.23,1,.32,1),filter .25s;display:block}.mediaCard:hover .mediaThumbImage{filter:saturate(1.08)brightness(1.04);transform:scale(1.04)}.mediaThumbBadge{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:30px;color:var(--text);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:.12em;text-transform:uppercase;background:#0d131fe0;border:1px solid #3d49443d;border-radius:999px;justify-content:center;align-items:center;padding:0 11px;font-size:.72rem;font-weight:700;display:inline-flex;position:absolute;top:14px;right:14px}.mediaMeta{z-index:1;gap:10px;padding:18px 18px 20px;display:grid;position:relative}.mediaCard--album .mediaMeta{min-height:112px}.mediaCard--clip .mediaMeta{min-height:94px}.mediaTitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.08rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.mediaSubtitle{color:var(--muted);font-size:.92rem;line-height:1.35}.clipSentinel{width:100%;height:1px}.clipLoadIndicator{color:var(--muted-strong);font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:.14em;text-transform:uppercase;text-align:center;opacity:0;background:#2f35426b;border:1px dashed #3d49444d;border-radius:16px;margin-top:20px;padding:14px 18px;font-size:.78rem;font-weight:700;transition:opacity .2s,transform .2s;transform:translateY(6px)}.clipLoadIndicator.is-visible{opacity:1;transform:translateY(0)}.clipEmptyState{text-align:center;background:radial-gradient(circle at top,#91fdd61a,#0000 54%),#131a249e;border:1px dashed #3d49444d;border-radius:24px;grid-column:1/-1;place-items:center;gap:12px;margin-top:10px;padding:34px 24px;display:grid}.clipEmptyStateTitle{font-family:var(--font-display,"Space Grotesk", sans-serif), sans-serif;letter-spacing:-.02em;font-size:1.08rem;font-weight:700}.clipEmptyStateText{max-width:44ch;color:var(--muted);font-size:.98rem;line-height:1.45}#viewer{--viewer-overlay-padding:24px;--viewer-shell-gap:16px;--viewer-panel-width:clamp(300px, 18vw, 360px);--viewer-nav-btn-size:46px;--viewer-nav-gap:12px;--viewer-frame-max-width:calc(100vw - var(--viewer-overlay-padding) - var(--viewer-panel-width) - var(--viewer-shell-gap) - (var(--viewer-nav-btn-size) * 2) - (var(--viewer-nav-gap) * 2));z-index:9999;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:radial-gradient(900px 560px at 4% 4%,#89c7ff1f,#0000 60%),radial-gradient(720px 500px at 96% 8%,#f7c56b14,#0000 52%),#040810d6;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}#viewer:not(.is-hidden){animation:.25s fadeIn}#viewer.is-closing{animation:.2s reverse forwards fadeIn}#viewerInner{width:fit-content;max-width:calc(100vw - var(--viewer-overlay-padding));grid-template-columns:max-content var(--viewer-panel-width);gap:var(--viewer-shell-gap);pointer-events:none;justify-content:center;align-items:center;margin-inline:auto;display:grid}.viewerResizeHandle{color:#cbd5e794;cursor:nwse-resize;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;z-index:3;background:#080e1ad1;border-radius:16px 0;justify-content:center;align-items:center;width:30px;height:30px;transition:color .2s,background .2s,box-shadow .2s;display:flex;position:absolute;bottom:0;right:0}.viewerResizeHandle:hover,.viewerResizeHandle.is-dragging{color:var(--accent);background:#080e1af5;box-shadow:0 0 0 1px #74e0c233}body.is-resizing-viewer{-webkit-user-select:none;user-select:none;cursor:nwse-resize!important}#viewer:not(.is-hidden) #viewerInner{animation:.35s cubic-bezier(.23,1,.32,1) popIn}#viewer.is-closing #viewerInner{animation:.2s forwards viewerOut}#viewer:not(.is-hidden) #viewerFrameWrap,#viewer:not(.is-hidden) #viewerInfo{animation:.5s cubic-bezier(.23,1,.32,1) viewerFocus}#viewer:not(.is-hidden) #viewerInfo{animation-delay:80ms}#viewerFrameWrap,#viewerFrame,#viewerInfo{pointer-events:auto}.viewerNavWrap{justify-content:center;align-items:center;gap:var(--viewer-nav-gap);pointer-events:none;width:fit-content;min-width:0;display:flex}.viewerNavWrap>*{pointer-events:auto}.viewerNavBtn{appearance:none;width:var(--viewer-nav-btn-size);height:var(--viewer-nav-btn-size);color:var(--text);cursor:pointer;background:#080e1ae0;border:1px solid #a0b7df2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;transition:border-color .18s,box-shadow .18s,opacity .18s,transform .18s cubic-bezier(.23,1,.32,1),background .18s;display:flex}.viewerNavBtn:hover{background:#0c1423f5;border-color:#74e0c257;transform:scale(1.08);box-shadow:0 16px 28px #0207104d}.viewerNavBtn:active{transform:scale(.94)}.viewerNavBtn:focus-visible{border-color:#89c7ff8f;outline:none;box-shadow:0 0 0 3px #89c7ff29}.viewerNavBtn:disabled{opacity:.24;cursor:default;pointer-events:none}.viewerPosition{color:var(--muted);font-family:var(--font-display,"Oxanium", sans-serif);letter-spacing:.1em;text-transform:uppercase;text-align:center;border-bottom:1px solid #a0b7df1f;padding:10px 18px;font-size:.76rem;font-weight:700}#viewerFrameWrap{--viewer-aspect-ratio:16 / 9;width:min(var(--viewer-width,var(--viewer-frame-max-width)), calc((100vh - 24px) * var(--viewer-aspect-ratio,16 / 9)));max-width:100%;aspect-ratio:var(--viewer-aspect-ratio,16 / 9);background:#000;border:1px solid #89c7ff38;border-radius:24px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 30px 86px #02071080,0 0 0 1px #ffffff08}body.viewer-open #viewerFrameWrap{animation:4s ease-in-out infinite glowPulse}#viewerFrame{width:100%;height:100%;transform:scale(var(--viewer-frame-scale,1));transform-origin:50%;background:#000;border:0;transition:transform .22s}#viewerLoading{color:var(--text);letter-spacing:.12em;text-transform:uppercase;background:radial-gradient(circle,#89c7ff1f,#0000 56%),#070b16eb;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:.78rem;font-weight:700;display:flex;position:absolute;inset:0;overflow:hidden}#viewerLoading:after{content:"";opacity:.72;background:linear-gradient(115deg,#0000 28%,#74e0c229 42%,#89c7ff33 50%,#74e0c21f 58%,#0000 74%) 0 0/300% 100%;animation:1.8s linear infinite loadingSweep;position:absolute;inset:-40% -60%}.viewerLoadingSpinner{border:2px solid #ffffff1f;border-top-color:var(--accent);border-right-color:var(--accent-2);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}#viewerInfo{width:min(100%, var(--viewer-panel-width));max-height:calc(100vh - 24px);box-shadow:var(--shadow-soft);background:linear-gradient(#ffffff08,#0000 24%),linear-gradient(#101a2dfa,#0d1525f5);border:1px solid #a0b7df29;border-radius:24px;flex-direction:column;justify-self:end;display:flex;position:relative;overflow-y:auto}#viewerInfo:before{content:"";pointer-events:none;background:linear-gradient(90deg,#74e0c200,#74e0c294,#89c7ff61,#89c7ff00);height:1px;position:absolute;inset:0 0 auto}#viewerInfo:after{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#89c7ff1a,#0000 32%),radial-gradient(circle at 0 100%,#74e0c214,#0000 34%);position:absolute;inset:0}.viewerConsole{z-index:1;flex-direction:column;display:flex;position:relative}.viewerHeader{border-bottom:1px solid #a0b7df1f;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px 14px;display:flex}.viewerHeaderKicker,.viewerStatus{min-height:32px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;background:#74e0c214;border:1px solid #74e0c242;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:.72rem;font-weight:700;display:inline-flex}.viewerStatus{color:var(--accent-2);background:#89c7ff14;border-color:#89c7ff38}#viewerName{background:#74e0c20d;border-bottom:1px solid #a0b7df1f;flex-direction:column;gap:6px;padding:16px 18px;display:flex}#viewerName .viewerStatLabel{color:var(--accent)}#viewerName .viewerStatValue{font-family:var(--font-display,"Oxanium", sans-serif);color:var(--text);text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:1rem;font-weight:700;line-height:1.35}.viewerStats{flex-direction:column;gap:8px;padding:14px 18px;display:flex}.viewerStatRow{background:#ffffff0a;border:1px solid #a0b7df24;border-radius:16px;grid-template-columns:auto 1fr;gap:8px;min-width:0;padding:11px 12px 11px 14px;transition:border-color .16s,background .16s;display:grid}.viewerStatRow:hover{background:#ffffff0f;border-color:#74e0c238}.viewerStatLabel{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:inline-flex}.viewerStatValue{font-family:var(--font-display,"Oxanium", sans-serif);letter-spacing:.03em;color:var(--text);text-align:right;overflow-wrap:anywhere;min-width:0;font-size:.9rem}.viewerActions{border-top:1px solid #a0b7df1f;flex-direction:column;gap:10px;margin-top:auto;padding:14px 18px;display:flex}.viewerFrameModes{background:#ffffff0a;border:1px solid #a0b7df24;border-radius:18px;gap:10px;padding:14px;display:grid}.viewerFrameModesHeader{gap:4px;display:grid}.viewerFrameModesLabel{color:var(--muted-strong);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:inline-flex}.viewerFrameModesHint{color:var(--muted);font-size:.82rem;line-height:1.4}.viewerModeGroup{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.viewerModeBtn{appearance:none;min-height:38px;color:var(--muted-strong);letter-spacing:.04em;cursor:pointer;background:#090f1cbd;border:1px solid #a0b7df2e;border-radius:12px;padding:0 12px;font-family:inherit;font-size:.82rem;font-weight:700;transition:border-color .16s,color .16s,box-shadow .16s,transform .16s,background .16s}.viewerModeBtn:hover{color:var(--text);border-color:#74e0c24d;transform:translateY(-1px)}.viewerModeBtn:focus-visible{border-color:#89c7ff8f;outline:none;box-shadow:0 0 0 3px #89c7ff29}.viewerModeBtn.is-active{color:var(--text);background:linear-gradient(135deg,#74e0c229,#89c7ff1a),#090f1cc2;border-color:#74e0c257}.viewerActions .btn{width:100%}.viewerHint{color:var(--muted);padding:0 18px 16px;font-size:.78rem;line-height:1.35}.viewerInfoToggle{appearance:none;min-height:32px;color:var(--text);letter-spacing:.04em;cursor:pointer;background:#ffffff0a;border:1px solid #a0b7df2e;border-radius:999px;margin-left:auto;padding:0 12px;font-family:inherit;font-size:.78rem;font-weight:700;transition:border-color .18s,background .18s,color .18s;display:none}.viewerInfoToggle:hover{background:#74e0c214;border-color:#74e0c24d}.viewerInfoToggle:focus-visible{border-color:#89c7ff8f;outline:none;box-shadow:0 0 0 3px #89c7ff29}@media (width<=1000px){.viewerResizeHandle{display:none}.viewerInfoToggle{justify-content:center;align-items:center;display:inline-flex}#viewer{--viewer-overlay-padding:10px;--viewer-shell-gap:0px;--viewer-nav-btn-size:42px;--viewer-nav-gap:0px;--viewer-mobile-sheet-collapsed-height:68px;--viewer-mobile-sheet-expanded-height:min(62dvh, 460px);--viewer-mobile-stage-reserve:calc(var(--viewer-mobile-sheet-collapsed-height) + 12px);padding:calc(env(safe-area-inset-top) + 8px) max(8px, env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 8px) max(8px, env(safe-area-inset-left));-webkit-overflow-scrolling:touch;align-items:flex-start;overflow-y:auto}#viewer.viewer--info-expanded{--viewer-mobile-stage-reserve:calc(var(--viewer-mobile-sheet-expanded-height) + 12px)}#viewerInner{grid-template-columns:minmax(0,1fr);align-content:start;justify-items:center;gap:12px;width:100%;max-width:none}.viewerNavWrap{justify-content:center;width:100%;max-width:100%;position:relative}.viewerNavBtn{z-index:10;width:40px;height:40px;font-size:1.2rem;position:absolute;top:50%;transform:translateY(-50%)}.viewerNavBtn--prev{left:8px}.viewerNavBtn--next{right:8px}.viewerNavBtn:hover{transform:translateY(-50%)scale(1.08)}#viewerFrameWrap{width:min(var(--viewer-width,calc(100vw - (var(--viewer-overlay-padding) * 2))), calc(100vw - (var(--viewer-overlay-padding) * 2)), calc(( 100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px - var(--viewer-mobile-stage-reserve) ) * var(--viewer-aspect-ratio,16 / 9)));max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px - var(--viewer-mobile-stage-reserve));margin-inline:auto}#viewerInfo{width:min(640px,100vw - 16px);max-width:calc(100vw - 16px);max-height:var(--viewer-mobile-sheet-expanded-height);overscroll-behavior:contain;justify-self:center;overflow:hidden auto}#viewerInfo.viewerInfo--collapsed{max-height:var(--viewer-mobile-sheet-collapsed-height);overflow:clip}#viewerInfo.viewerInfo--collapsed>:not(.viewerHeader){display:none}#viewerInfo.viewerInfo--collapsed .viewerHeader{border-bottom:0;padding-bottom:16px}.viewerHeader{gap:10px;padding:14px 16px}.viewerStatus{display:none}.viewerPosition{font-size:.8rem}.viewerStats,.viewerActions{padding-left:16px;padding-right:16px}.viewerStats{gap:10px}.viewerStatRow{grid-template-columns:minmax(0,1fr);gap:6px;padding:12px 12px 12px 14px}.viewerStatLabel,.viewerStatValue{text-align:left}.viewerStatLabel{font-size:.76rem}.viewerStatValue{font-size:1rem}.viewerActions .btn{min-height:44px}}@media (width<=480px){.viewerHeader{flex-wrap:wrap;align-items:center}.viewerInfoToggle{min-height:40px;margin-left:auto;padding:0 16px}.viewerModeGroup{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;filter:blur(4px);transform:translateY(14px)scale(.97)}60%{opacity:1;filter:blur();transform:translateY(-2px)scale(1.01)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes drift{0%{transform:translate(0,0)rotate(0)scale(1)}20%{transform:translate(40px,-30px)rotate(6deg)scale(1.05)}40%{transform:translate(-20px,-50px)rotate(-3deg)scale(.95)}60%{transform:translate(30px,10px)rotate(4deg)scale(1.08)}80%{transform:translate(-35px,-15px)rotate(-5deg)scale(.97)}to{transform:translate(0,0)rotate(0)scale(1)}}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes bootIn{0%{opacity:0;filter:blur(12px);transform:translateY(-22px)scale(.92)}30%{opacity:.7;filter:blur(1px);transform:translateY(4px)scale(1.03)}50%{opacity:1;filter:blur();transform:translateY(-2px)scale(.99)}65%{opacity:.9;transform:translateY(1px)scale(1.005)}80%{opacity:1;transform:translateY(-.5px)scale(.998)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes headerSweep{0%{background-position:-100%}to{background-position:300%}}@keyframes scanline{0%{opacity:0;transform:translate(-150%)skew(-8deg)}10%{opacity:.8}30%{opacity:.5}50%{opacity:.7}70%{opacity:.3}to{opacity:0;transform:translate(150%)skew(-8deg)}}@keyframes statPulse{0%{border-color:#6778a866;box-shadow:0 0 #47ff9a00}30%{border-color:#47ff9a99;box-shadow:0 0 28px #47ff9a66,inset 0 0 12px #47ff9a14}to{border-color:#6778a866;box-shadow:0 0 #47ff9a00}}@keyframes thumbSweep{0%{opacity:0;transform:translate(-140%)skew(-15deg)}15%{opacity:.8}50%{opacity:.4}to{opacity:0;transform:translate(140%)skew(-15deg)}}@keyframes viewerFocus{0%{opacity:0;filter:blur(14px);transform:translateY(12px)scale(.97)}50%{opacity:.9;filter:blur(2px)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes loadingSweep{0%{background-position:-100%}to{background-position:300%}}@keyframes btnRipple{0%{opacity:.5;transform:scale(.15)}50%{opacity:.25}to{opacity:0;transform:scale(1.6)}}@keyframes controlShift{0%{background-position:0}50%{background-position:100%}to{background-position:0}}@keyframes noiseShift{0%{transform:translate(0,0)scale(1)}14%{transform:translate(-1.5%,.8%)scale(1.01)}28%{transform:translate(.5%,-1.2%)scale(.99)}42%{transform:translate(1.8%,.4%)scale(1.005)}57%{transform:translate(-.8%,-1.5%)scale(.995)}71%{transform:translate(1.2%,1%)scale(1.01)}85%{transform:translate(-1.8%,-.5%)scale(.99)}to{transform:translate(0,0)scale(1)}}@keyframes viewerOut{0%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:0;filter:blur(8px);transform:translateY(10px)scale(.97)}}@keyframes glowPulse{0%{box-shadow:0 24px 62px #03060eb3,0 0 18px #00ffaa1f,0 0 30px #3dc8ff14}33%{box-shadow:0 24px 62px #03060eb3,0 0 32px #00ffaa73,0 0 56px #3dc8ff2e,0 0 80px #00ffaa14}66%{box-shadow:0 24px 62px #03060eb3,0 0 24px #3dc8ff66,0 0 48px #e060ff33,0 0 70px #3dc8ff0f}to{box-shadow:0 24px 62px #03060eb3,0 0 18px #00ffaa1f,0 0 30px #3dc8ff14}}@keyframes modePulse{0%{opacity:.3;transform:translate(-20%)}50%{opacity:.9}to{opacity:.3;transform:translate(20%)}}@keyframes colorShift{0%{filter:hue-rotate()blur(22px)saturate()}25%{filter:hue-rotate(15deg)blur(26px)saturate(1.2)}50%{filter:hue-rotate(-10deg)blur(20px)saturate(.9)}75%{filter:hue-rotate(20deg)blur(28px)saturate(1.3)}to{filter:hue-rotate()blur(22px)saturate()}}@keyframes panelSlideIn{0%{opacity:0;filter:blur(3px);transform:translate(24px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes panelSlideOut{0%{opacity:1;filter:blur();transform:translate(0)}to{opacity:0;filter:blur(3px);transform:translate(-24px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ambientPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.75;transform:scale(1.06)}}@keyframes borderTrace{0%{background-position:0 0}to{background-position:200% 200%}}@keyframes cardReveal{0%{opacity:0;transform:translateY(var(--enter-y,20px)) scale(.96);filter:blur(6px)}60%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.toastContainer{z-index:10004;pointer-events:none;flex-direction:column-reverse;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{pointer-events:auto;max-width:min(360px,100vw - 32px);color:var(--text);letter-spacing:.03em;box-shadow:var(--shadow-soft);opacity:0;background:linear-gradient(#ffffff08,#0000 30%),#0d1525f5;border:1px solid #a0b7df2e;border-radius:16px;padding:14px 18px;font-size:.92rem;font-weight:700;transition:opacity .28s,transform .28s;transform:translateY(12px)scale(.95)}.toast.is-visible{opacity:1;transform:translateY(0)scale(1)}.toast.is-leaving{opacity:0;transform:translateY(-8px)scale(.95)}.toast--ok{background:linear-gradient(#74e0c21f,#0000 34%),#0d1525f5;border-color:#74e0c23d}.toast--err{background:linear-gradient(#ff7a8c1f,#0000 34%),#0d1525f5;border-color:#ff7a8c47}.toast--info{background:linear-gradient(#89c7ff1f,#0000 34%),#0d1525f5;border-color:#89c7ff3d}@media (width<=560px){.toastContainer{bottom:12px;left:12px;right:12px}.toast{max-width:none}}.shortcutsOverlay{z-index:10001;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#040810d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.shortcutsOverlay:not(.is-hidden){animation:.2s fadeIn}.shortcutsPanel{border-radius:calc(var(--radius) + 4px);width:min(460px,100%);box-shadow:var(--shadow);background:linear-gradient(#ffffff08,#0000 26%),linear-gradient(#0d1525f5,#101a2df0);border:1px solid #a0b7df2e;animation:.28s popIn;overflow:hidden}.shortcutsHeader{border-bottom:1px solid #a0b7df24;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.shortcutsTitle{font-family:var(--font-display);letter-spacing:.04em;align-items:center;gap:8px;font-size:.96rem;font-weight:700;display:inline-flex}.shortcutsList{flex-direction:column;gap:12px;padding:20px;display:flex}.shortcutRow{background:#ffffff0a;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex}.shortcutRow kbd{min-width:38px;height:34px;font-family:var(--font-display);color:var(--accent);background:#090f1ce0;border:1px solid #a0b7df38;border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-size:.8rem;font-weight:700;display:inline-flex}.shortcutRow span{color:var(--muted-strong);font-size:.96rem}@media (width<=1360px){:root{--sidebar-width:clamp(236px, 18vw, 284px);--rail-width:clamp(264px, 21vw, 304px)}}@media (width<=1180px){:root{--top-row-sticky-top:24px;--clip-card-min-md:clamp(200px, 30vw, 280px);--clip-card-min-lg:clamp(230px, 36vw, 340px)}.workspaceGrid{grid-template-columns:1fr}.rightRail{grid-template-columns:repeat(2,minmax(0,1fr));position:static}}@media (width<=980px){:root{--shell-gap:20px;--top-row-sticky-top:20px;--clip-card-min-sm:clamp(152px, 24vw, 198px);--clip-card-min-md:clamp(188px, 31vw, 248px);--clip-card-min-lg:clamp(220px, 40vw, 304px)}.appShell{grid-template-columns:1fr}.appSidebar{border-right:0;border-bottom:1px solid var(--ghost-border);min-height:0}.appSidebarInner{gap:20px;min-height:0;padding:22px clamp(16px,3vw,24px);position:static}.sidebarSummary{padding-top:0}.sidebarUserSlot{margin-top:0}.sectionHeader{flex-direction:column;align-items:flex-start}.topRow-filters{grid-template-columns:1fr}}@media (width<=720px){:root{--shell-gap:18px;--layout-section-padding:18px;--top-row-sticky-top:16px;--card-grid-min:clamp(154px, 44vw, 216px);--clip-card-min-sm:clamp(140px, 42vw, 170px);--clip-card-min-md:clamp(170px, 46vw, 220px);--clip-card-min-lg:clamp(194px, 56vw, 270px)}#appRoot{padding:0 14px 32px}.appSidebarInner{padding:18px 14px}.statusPill,.metaChip{justify-content:flex-start;width:100%}.rightRail{grid-template-columns:1fr}.sectionBlock{border-radius:24px}.heroStat{min-height:122px;padding:16px}.heroFeeSection{padding:14px}.panelMeta{justify-content:flex-start;width:100%}.topRow{border-radius:20px;padding:12px}.topRow-nav .btn{flex:calc(50% - 6px)}.albumMeta{flex-basis:100%}}@media (width<=560px){:root{--top-row-sticky-top:12px}.sidebarBrand{align-items:flex-start}.topRow-nav .btn{flex-basis:100%}.mediaMeta{padding:16px}.mediaCard--album .mediaMeta{min-height:104px}.albumMetaDot{display:none}}
