:root,[data-theme=light]{--bg: #f8f9fb;--panel: #ffffff;--panel2: #f1f3f6;--line: rgba(18, 21, 28, .09);--text: #12151c;--text-muted: #5b6472;--teal: #0c8ca6;--teal-dim: #e3f3f6;--teal-rgb: 12, 140, 166;--violet: #b366f7;--violet-rgb: 179, 102, 247;--amber: #b8791f;--amber-dim: #fdf1dc;--amber-rgb: 184, 121, 31;--coral: #d64545;--coral-rgb: 214, 69, 69;--gradient: linear-gradient(135deg, #2dd4ee 0%, #b366f7 100%);--color-scheme: light}[data-theme=light][data-surface=dashboard]{--bg: #e9ebef;--panel2: #eff1f4;--panel: #f5f6f8}[data-theme=dark]{--bg: #05070c;--panel: rgba(18, 24, 36, .72);--panel2: rgba(27, 34, 50, .85);--line: rgba(120, 170, 255, .12);--text: #eaf1fb;--text-muted: #7c8aa3;--teal: #2dd4ee;--teal-dim: #0f3a45;--teal-rgb: 45, 212, 238;--violet: #b366f7;--violet-rgb: 179, 102, 247;--amber: #f5b942;--amber-dim: #4a3a1e;--amber-rgb: 245, 185, 66;--coral: #fb4570;--coral-rgb: 251, 69, 112;--gradient: linear-gradient(135deg, #2dd4ee 0%, #b366f7 100%);--color-scheme: dark}*{scrollbar-width:thin;scrollbar-color:rgba(120,170,255,.35) transparent}select{color-scheme:var(--color-scheme)}option{background:var(--panel);color:var(--text)}html,body{overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#78aaff59;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--teal)}.app-shell{position:relative;isolation:isolate}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:var(--bg)}[data-theme=dark] .app-shell:before{background:radial-gradient(ellipse 900px 600px at 8% -10%,rgba(45,212,238,.16),transparent 60%),radial-gradient(ellipse 900px 700px at 95% 105%,rgba(179,102,247,.14),transparent 60%),var(--bg)}[data-theme=dark] .app-shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(120,170,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(120,170,255,.035) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}.wordmark{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}button{transition:filter .15s ease,transform .1s ease,box-shadow .15s ease,opacity .15s ease}button:hover:not(:disabled){filter:brightness(1.14);transform:translateY(-1px);box-shadow:0 4px 20px rgba(var(--teal-rgb),.3),0 4px 14px #00000059}button:active:not(:disabled){transform:translateY(0);filter:brightness(.94);box-shadow:none;transition-duration:.05s}button:disabled{cursor:not-allowed}a{transition:opacity .15s ease}a:hover{opacity:.85}input,select,textarea{transition:box-shadow .15s ease,border-color .15s ease}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--teal-rgb),.28);border-color:var(--teal)!important}input[type=radio],input[type=checkbox]{accent-color:var(--teal)}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--teal-rgb),.28);border-radius:6px}.panel-card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 1px 2px #00000059,0 24px 48px -12px #0000008c,0 0 0 1px #78aaff12 inset}.panel-card-interactive{--accent: var(--teal-rgb);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.panel-card-interactive:hover{transform:translateY(-3px);border-color:rgba(var(--accent),.4)!important;box-shadow:0 1px 2px #00000059,0 20px 40px -8px #0009,0 0 0 1px rgba(var(--accent),.18)}.clip-row,.photo-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 2px #00000040,0 8px 20px -6px #0006;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.clip-row:hover,.photo-card:hover{transform:translateY(-2px);border-color:rgba(var(--teal-rgb),.35)!important;box-shadow:0 10px 30px #00000073,0 0 0 1px rgba(var(--teal-rgb),.12)}.sidebar-item{transition:background .15s ease,transform .1s ease}.sidebar-item:hover:not(:disabled){transform:none;box-shadow:none;background:var(--panel2)}video{border-radius:8px;box-shadow:0 6px 30px #00000080,0 0 40px #2dd4ee14}.dropzone{transition:border-color .15s ease,background .15s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .28s ease both}@media (prefers-reduced-motion: reduce){.fade-in{animation:none}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.slide-in-panel{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:100vw;overflow-y:auto;animation:slideInRight .24s ease both}@media (max-width: 768px){.slide-in-panel{width:100vw}}@media (max-width: 768px){.app-shell{flex-direction:column!important}.app-sidebar{width:100%!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;padding:14px 16px!important;border-right:none!important;border-bottom:1px solid var(--line)}.app-sidebar>div:first-child{flex:1 1 100%}.nav-rail{flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;flex:1 1 100%;min-width:0;padding-bottom:2px}.nav-rail button{flex-shrink:0}.sidebar-footer{flex:1 1 100%;margin-top:0!important;padding-top:10px!important}.sidebar-account{margin-top:0!important;padding-top:0!important;border-top:none!important}.app-main{padding:16px!important;gap:16px!important}.dashboard-header{flex-wrap:wrap!important;gap:12px!important}.dashboard-header-actions{width:100%}.dashboard-header-actions button{flex:1;justify-content:center}.task-page-grid{grid-template-columns:1fr!important;gap:28px!important}.insights-row{flex-direction:column!important}.insights-row>*{min-width:0!important;width:100%}.onboarding-widget{width:calc(100vw - 24px)!important;right:12px!important;bottom:12px!important}.panel-card{min-width:0!important;width:100%}.clip-filter-row{flex-direction:column!important;width:100%}.clip-filter-row input,.clip-filter-row select{width:100%!important}}.roster-flip-inner{transition:transform .5s;transform-style:preserve-3d}.roster-flip-face{backface-visibility:hidden}.roster-flip-face.roster-flip-back{transform:rotateY(180deg)}@media (prefers-reduced-motion: reduce){.roster-flip-inner{transition:none}}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spin-icon{animation:none}}.home-hero{position:relative;border-radius:20px;padding:26px 28px;background:radial-gradient(560px circle at 12% 15%,rgba(var(--teal-rgb),.16),transparent 60%),radial-gradient(520px circle at 88% 100%,rgba(var(--violet-rgb),.16),transparent 60%),var(--panel);border:1px solid var(--line)}.portfolio-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;-webkit-overflow-scrolling:touch}.portfolio-scroll::-webkit-scrollbar{height:6px}.portfolio-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.portfolio-card{scroll-snap-align:start;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.portfolio-card:hover{transform:translateY(-4px);border-color:rgba(var(--teal-rgb),.35)!important;box-shadow:0 10px 30px #00000073,0 0 0 1px rgba(var(--teal-rgb),.12)}@media (prefers-reduced-motion: reduce){.portfolio-card{transition:none}.portfolio-card:hover{transform:none}}