#root{width:100%;margin:0;padding:0}.back-btn{background:var(--surface-2);border:1px solid var(--line);color:var(--text);cursor:pointer;box-shadow:none;border-radius:999px;margin-bottom:1rem;padding:.6rem .95rem;font-size:.9rem;transition:background-color .2s,border-color .2s,transform .2s}.back-btn:hover{background-color:#ffffff0f;border-color:#d9b15b73;transform:translateY(-1px)}:root{--bg:#070810;--bg-elevated:#0f111c;--surface:#10111cf0;--surface-2:#141623f7;--surface-3:#202337;--text:#f6f5fb;--muted:#999daf;--accent:#ff4d8d;--accent-2:#a96bff;--accent-3:#ff8db5;--line:#ffffff1a;--shadow:0 24px 64px #0006;--radius-lg:26px;--radius-md:20px;--radius-sm:12px}body{min-width:320px;min-height:100%;color:var(--text);background:radial-gradient(circle at 72% -10%,#a96bff1c,#0000 28%),linear-gradient(#070810 0%,#090a13 46%,#070810 100%);margin:0;padding:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}*{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-width:320px;min-height:100%}img,video,iframe{max-width:100%}button,input,textarea,select{font:inherit}.App{min-height:100dvh;color:var(--text);position:relative;overflow:clip visible}.App:before{content:"";pointer-events:none;background:radial-gradient(circle at 12% 20%,#ff4d8d0b,#0000 22%),radial-gradient(circle at 86% 2%,#a96bff0e,#0000 24%);position:fixed;inset:0}.app-header{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:max(.85rem, env(safe-area-inset-top)) max(clamp(1.25rem, 4vw, 4.5rem), env(safe-area-inset-right)) .85rem max(clamp(1.25rem, 4vw, 4.5rem), env(safe-area-inset-left));background:#06070dc7;border-bottom:1px solid #fff1;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.header-brand{text-align:left;border-radius:12px;align-items:center;display:flex;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.header-brand:hover{transform:none!important}.brand-mark-row{align-items:center;gap:.75rem;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#ff4d8d 0%,#c653d8 48%,#7c5cff 100%);border-radius:12px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex;transform:rotate(-4deg);box-shadow:0 10px 28px #ff4d8d3d}.brand-mark>span{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid;width:0;height:0;margin-left:3px;transform:rotate(4deg)}.logo{letter-spacing:-.035em;color:var(--text);font-size:1.22rem;font-weight:850}.logo span{color:#ff669d}.brand-subtitle{color:var(--muted);margin:0;font-size:.68rem}.header-actions,.header-nav,.header-auth-actions,.header-user-actions{flex-wrap:wrap;align-items:center;display:flex}.header-actions{justify-content:flex-end;gap:1.25rem;min-width:0}.header-account-slot{align-items:center;gap:.45rem;display:flex}.app-header .cross-app-button{color:#baf4c0;white-space:nowrap;background:#7ee78717;border-color:#7ee78747;align-items:center;gap:.4rem;font-weight:800;display:inline-flex}.app-header .cross-app-button:hover{background:#7ee78726;border-color:#7ee78775}.header-nav,.header-auth-actions,.header-user-actions{gap:.25rem}.header-nav{min-width:0}.mobile-shorts-link,.mobile-user-menu-item{display:none}.notification-shell{position:relative}.notification-bell{align-items:center;gap:.45rem;display:inline-flex;position:relative}.notification-bell-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.notification-count{color:#09111f;background:#ff8b5e;border-radius:999px;justify-content:center;align-items:center;min-width:1.35rem;height:1.35rem;padding:0 .3rem;font-size:.72rem;font-weight:700;display:inline-flex}.notification-panel{z-index:30;width:min(92vw,360px);padding:1rem;position:absolute;top:calc(100% + .6rem);right:0}.notification-panel-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.8rem;display:flex}.notification-list{overscroll-behavior:contain;gap:.65rem;max-height:min(60dvh,520px);display:grid;overflow-y:auto}.notification-item,.notification-empty{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--line);background:#ffffff0a;width:100%;padding:.85rem .9rem}.notification-item{gap:.35rem;display:grid}.notification-item strong{color:var(--text)}.notification-item span,.notification-empty{color:var(--muted);line-height:1.5}.notification-item.is-unread{background:#7ee7871a;border-color:#7ee7875c}.app-header button{color:var(--text);cursor:pointer;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:10px;padding:.57rem .85rem;font-size:.92rem;transition:background-color .2s,border-color .2s,transform .2s}.app-header button:hover{background-color:#ffffff0e;border-color:#ffffff12;transform:translateY(-1px)}.app-header .nav-active{color:#fff;background:#ff4d8d1c;border-color:#ff4d8d2e}.container{width:100%;min-width:0;max-width:none;margin:0 auto;padding:1.35rem 1.5rem 4rem}.App--shorts{min-height:100vh}.container--shorts{max-width:100%;height:calc(100vh - 104px);padding:1rem 1.25rem 1.1rem;overflow:hidden}.container--auth-view{align-content:center;min-height:calc(100vh - 104px);padding-top:2rem;padding-bottom:2rem;display:grid}button{color:#fff;cursor:pointer;box-shadow:none;touch-action:manipulation;background:linear-gradient(135deg,#ff4d8d,#a96bff);border:none;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.72rem 1.25rem;font-size:.94rem;transition:transform .2s,filter .2s,background-color .2s;display:inline-flex}button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}button:disabled{cursor:not-allowed;box-shadow:none;background-color:#666}.loading{text-align:center;padding:2rem;font-size:1.2rem}.route-loading{min-height:55vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.7rem;display:flex}.route-loading>span{border:2px solid #ffffff1a;border-top-color:var(--accent);border-radius:50%;width:2.2rem;height:2.2rem;animation:.8s linear infinite route-spin}@keyframes route-spin{to{transform:rotate(360deg)}}.error{color:#fff;background-color:#c92a2a2e;border:1px solid #c92a2a66;border-radius:14px;margin-bottom:1rem;padding:1rem}.success{color:#fff;background-color:#37b24d2e;border:1px solid #37b24d66;border-radius:14px;margin-bottom:1rem;padding:1rem}.status-banner{margin-bottom:1.25rem}.session-banner{width:100%;color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.2rem;display:flex}.session-banner>div{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.session-banner strong{color:var(--text)}.session-banner p{max-width:44ch;margin:0;line-height:1.6}.session-label{color:var(--accent-3);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.guest-banner,.auth-panel-shell{margin-bottom:1.5rem}.guest-banner{justify-content:space-between;align-items:center;gap:1.2rem;padding:1.25rem 1.35rem;display:flex}.guest-banner strong,.auth-panel-header strong{color:var(--text);margin-top:.25rem;font-size:1.05rem;display:block}.guest-banner p,.auth-panel-header p{color:var(--muted);margin:.45rem 0 0;line-height:1.65}.guest-banner-actions,.auth-panel-header{align-items:center;gap:.85rem;display:flex}.guest-banner-actions{flex-wrap:wrap}.ghost-action-btn{color:var(--text);border:1px solid var(--line);box-shadow:none;background:#ffffff0a}.profile-pill{background:#ffffff0a;align-items:center;gap:.55rem;display:inline-flex}.profile-pill-avatar{color:#fff;background:linear-gradient(135deg,#ff4d8d,#a96bff);border-radius:50%;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;font-weight:700;display:inline-flex}.user-menu-shell{position:relative}.user-menu-dropdown{z-index:30;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);width:180px;padding:.5rem 0;position:absolute;top:calc(100% + .6rem);right:0}.user-menu-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;padding:.65rem 1rem;font-size:.9rem;transition:background-color .15s;display:block}.user-menu-item:hover{background-color:#ffffff0f}.user-menu-item.user-menu-logout{color:#ff8b5e}.user-menu-item.user-menu-logout:hover{background-color:#ff8b5e1a}.user-menu-notifications{justify-content:space-between;align-items:center;gap:.75rem}.user-menu-count{color:#09111f;background:#ff8b5e;border-radius:999px;justify-content:center;align-items:center;min-width:1.3rem;height:1.3rem;padding:0 .3rem;font-size:.68rem;font-weight:800;display:inline-flex}.user-menu-divider{border:none;border-top:1px solid var(--line);margin:.4rem 0}.header-login-btn{font-weight:750;color:#0b0c13!important;background:#f4f3f8!important;padding-inline:1.05rem!important}.auth-panel-shell{padding:1.25rem}.auth-panel-shell-standalone{width:min(100%,760px);margin:0 auto}.auth-panel-header{justify-content:space-between;margin-bottom:1rem}.integration-panel{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.2rem}.integration-panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.integration-panel-header h2{margin:.2rem 0 0;font-size:1.05rem}.integration-eyebrow{color:var(--accent-3);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.72rem}.integration-badge{border:1px solid var(--line);border-radius:999px;padding:.45rem .75rem;font-size:.85rem}.integration-badge.is-ready{color:#8ce99a;background:#37b24d29}.integration-badge.is-pending{color:#ffd28a;background:#ffb34724}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.integration-card{border:1px solid var(--line);background:var(--surface-2);border-radius:16px;flex-direction:column;gap:.45rem;min-height:108px;padding:1rem;display:flex}.integration-card strong{font-size:.98rem}.integration-card span{color:var(--muted);line-height:1.45}.integration-card-online{background:#37b24d1a;border-color:#37b24d59}.integration-card-warning{background:#ffb34714;border-color:#ffb34759}.integration-card-offline{background:#c92a2a1f;border-color:#c92a2a59}.integration-card-neutral{border-color:#ffffff1f}.integration-issues{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.integration-copy{color:var(--muted);margin:1rem 0 0;line-height:1.65}.creator-studio-shell{gap:1.2rem;display:grid}.creator-studio-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 1.3rem;display:flex}.creator-studio-header p{color:var(--muted);margin:.45rem 0 0;line-height:1.6}.creator-studio-tabs{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.panel-shell{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(#0f1624f5,#080d18f5)}.panel-muted{background:linear-gradient(#0e1625fa,#090f1bfa)}.section-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#9be9a8;margin:0 0 .55rem;font-size:.72rem}.section-heading-row{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.section-heading-row h2,.section-heading-row h3{margin:0}.chip-row{flex-wrap:wrap;gap:.65rem;display:flex}.soft-chip{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.82rem;display:inline-flex}.soft-input,.soft-select,.soft-textarea{border:1px solid var(--line);border-radius:var(--radius-sm);background-color:var(--surface-2);color:#fff;width:100%;padding:.9rem .95rem;font-family:inherit;font-size:.96rem}.soft-input:focus,.soft-select:focus,.soft-textarea:focus{background-color:#202733;border-color:#7ee7878c;outline:none;box-shadow:0 0 0 3px #7ee7871a}.app-footer{color:#767b8d;background:#05060b99;border-top:1px solid #ffffff12;grid-template-columns:minmax(260px,1.3fr) minmax(260px,1fr) auto;align-items:center;gap:2rem;margin-top:4rem;padding:2.4rem clamp(1.25rem,4vw,4.5rem) 2.8rem;display:grid}.footer-brand{align-items:center;gap:.8rem;display:flex}.footer-brand strong,.footer-brand small{display:block}.footer-brand strong{color:#f5f4f9;font-size:1rem}.footer-brand small{color:#777c8f;margin-top:.2rem}.app-footer p,.app-footer>span{margin:0;font-size:.74rem;line-height:1.65}:focus-visible{outline-offset:3px;outline:2px solid #ff699df2}@media (width<=1100px){.app-header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem 1rem;display:grid}.header-actions{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;width:100%;margin-left:0;display:grid}.header-nav{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;justify-content:flex-start;overflow:auto hidden}.header-nav::-webkit-scrollbar{display:none}.header-nav button{flex:none}.session-banner,.guest-banner,.auth-panel-header{flex-direction:column;align-items:flex-start}.integration-grid{grid-template-columns:1fr}.creator-studio-header{flex-direction:column}.app-footer{grid-template-columns:1fr;gap:1.15rem}.container--shorts{height:auto;min-height:calc(100dvh - 132px);overflow:visible}}@media (width<=640px){.App{padding-bottom:0}.app-header{min-height:calc(64px + env(safe-area-inset-top));padding:max(.7rem, env(safe-area-inset-top)) max(.85rem, env(safe-area-inset-right)) .7rem max(.85rem, env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:minmax(0,1fr) auto;gap:.45rem;display:grid}.logo{font-size:1.05rem}.brand-subtitle{display:none}.brand-mark{width:2.15rem;height:2.15rem}.header-actions{grid-column:auto;gap:.25rem;width:auto;height:auto;margin:0;display:flex;position:static}.app-header .cross-app-button{display:none}.cross-app-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.header-nav{display:none}.mobile-shorts-link{white-space:nowrap;align-items:center;min-height:38px;display:inline-flex;padding:.45rem .62rem!important;font-size:.72rem!important}.header-user-actions{width:auto;display:flex}.header-account-slot{gap:.25rem;display:flex;position:static;transform:none}.header-login-btn{width:auto!important;padding:.52rem .8rem!important;font-size:.75rem!important;display:inline-flex!important;position:static!important}.profile-pill>span:last-child{display:none}.profile-pill{min-width:2.4rem;min-height:2.4rem;padding:.35rem!important}.notification-bell{display:none}.notification-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.notification-bell-icon{width:1.15rem;height:1.15rem}.notification-count{min-width:1.15rem;height:1.15rem;padding:0 .2rem;font-size:.62rem;position:absolute;top:-.2rem;right:-.2rem}.notification-panel{top:calc(64px + env(safe-area-inset-top));right:max(.6rem, env(safe-area-inset-right));left:max(.6rem, env(safe-area-inset-left));width:auto;max-height:calc(100dvh - 150px - env(safe-area-inset-bottom));position:fixed;overflow:hidden}.notification-panel-header{align-items:flex-start}.notification-panel-header .ghost-action-btn{width:auto;padding:.45rem .65rem;font-size:.68rem}.notification-list{max-height:calc(100dvh - 230px - env(safe-area-inset-bottom))}.user-menu-dropdown{top:calc(64px + env(safe-area-inset-top));right:max(.6rem, env(safe-area-inset-right));width:min(250px,100vw - 1.2rem);position:fixed}.mobile-user-menu-item{display:flex}.guest-banner-actions button,.auth-panel-header button{justify-content:center;width:100%}.container{padding:1.1rem max(.8rem, env(safe-area-inset-right)) 3rem max(.8rem, env(safe-area-inset-left))}.container--shorts{height:auto;padding:1rem .9rem 2rem;overflow:visible}.guest-banner,.auth-panel-shell,.integration-panel,.session-banner{border-radius:22px}.section-heading-row{flex-wrap:wrap;align-items:flex-start}.app-footer{margin-top:2.5rem;padding:2rem 1rem}}@media (width<=380px){.logo{font-size:.95rem}.brand-mark{width:2rem;height:2rem}.brand-mark-row{gap:.55rem}.header-login-btn{padding-inline:.65rem!important}}@media (width<=360px){.header-brand .brand-mark{display:none}}@media (pointer:coarse){button,select,input[type=checkbox],input[type=radio]{min-height:44px}}@media (hover:none){button:hover:not(:disabled),.app-header button:hover{transform:none}}.language-selector{color:#d9dbe5;background:#ffffff0b;border:1px solid #ffffff1c;border-radius:10px;align-items:center;gap:.35rem;min-height:38px;padding:0 .55rem;display:inline-flex;position:relative}.language-symbol{color:#ff7aa9;font-size:.78rem;font-weight:850}.language-code{display:none}.language-selector select{max-width:108px;min-height:34px;color:inherit;cursor:pointer;background:0 0;border:0;outline:0;padding:0 1.1rem 0 0;font-size:.72rem;font-weight:750}.language-selector option{color:#fff;background:#292c32}@media (width<=640px){.language-selector{justify-content:center;width:38px;min-height:38px;padding:0}.language-symbol{display:none}.language-code{color:#f2f3f8;letter-spacing:.04em;font-size:.66rem;font-weight:850;display:block}.language-selector select{opacity:0;cursor:pointer;width:100%;max-width:none;min-height:100%;padding:0;position:absolute;inset:0}}