@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5901b7c6-module__ec5Qua__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_5901b7c6-module__ec5Qua__variable{--font-inter:"Inter","Inter Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.top-1\/2{top:50%}.top-\[-20\%\]{top:-20%}.right-\[-10\%\]{right:-10%}.bottom-\[-20\%\]{bottom:-20%}.left-\[-10\%\]{left:-10%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.mt-\[-50px\]{margin-top:-50px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-\[600px\]{height:600px}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-\[600px\]{width:600px}.w-full{width:100%}.flex-1{flex:1}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.bg-\[\#0F0F1A\]{background-color:#0f0f1a}.bg-\[\#0F0F1A\]\/80{background-color:#0f0f1acc;background-color:lab(4.6191% 1.89732 -6.9308/.8)}.bg-\[\#050510\]{background-color:#050510}.bg-transparent{background-color:#0000}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.text-center{text-align:center}.break-all{word-break:break-all}.text-\[\#8B5CF6\]{color:#8b5cf6}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.decoration-1{text-decoration-thickness:1px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-20{opacity:.2}.opacity-60{opacity:.6}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-\[120px\]{--tw-blur:blur(120px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}@media (hover:hover){.group-hover\:opacity-40:is(:where(.group):hover *){opacity:.4}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}*{box-sizing:border-box;font-family:var(--font-inter),sans-serif;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:#fff;touch-action:manipulation;background-color:#050510;min-height:100dvh;position:relative;overflow-x:hidden}body.modal-open{width:100%;position:fixed;overflow:hidden}#canvas-container{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#ui-layer{z-index:10;flex-direction:column;min-height:100dvh;display:flex;position:relative}nav,.hero a,.badge,button,input,textarea,select{pointer-events:auto}nav{z-index:50;background:linear-gradient(#050510f2,#0000);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex;position:relative}@media (min-width:768px){nav{flex-wrap:nowrap;padding:20px 40px}}.logo{color:#fff;align-items:center;gap:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:opacity .3s;display:flex}@media (min-width:768px){.logo{gap:10px;font-size:1.2rem}}.logo:hover{opacity:.8}.logo-icon{background:linear-gradient(135deg,#6c5ce7,#00b894);border-radius:5px;width:20px;height:20px}@media (min-width:768px){.logo-icon{border-radius:6px;width:24px;height:24px}}.nav-links{gap:20px;display:none}@media (min-width:768px){.nav-links{gap:30px;display:flex}}.nav-links a{color:#a0a0b0;font-size:.9rem;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#fff}.btn{cursor:pointer;white-space:nowrap;touch-action:manipulation;border-radius:50px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-size:.85rem;font-weight:500;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex}@media (min-width:768px){.btn{min-height:auto;padding:10px 24px;font-size:.9rem}}.btn-outline{color:#fff;background:0 0;border:1px solid #fff3}.btn-primary{color:#fff;background:linear-gradient(90deg,#6c5ce7,#00b894);border:none;box-shadow:0 0 20px #6c5ce766}@media (hover:hover){.btn:hover{opacity:.9;transform:translateY(-2px)}}.btn:active{transform:scale(.98)}.hero{text-align:center;padding:20px 16px;padding-bottom:env(safe-area-inset-bottom,20px);flex-direction:column;flex:1;justify-content:center;align-items:center;margin-top:0;display:flex}@media (min-width:768px){.hero{margin-top:-60px;padding:0 20px}}h1{letter-spacing:-1px;text-shadow:0 10px 30px #00000080;margin-bottom:20px;font-size:2.5rem;font-weight:700;line-height:1.15}@media (min-width:480px){h1{letter-spacing:-1.5px;margin-bottom:25px;font-size:3rem}}@media (min-width:768px){h1{letter-spacing:-2px;margin-bottom:30px;font-size:4rem}}@media (min-width:1024px){h1{font-size:5rem}}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#a29bfe,#55efc4);-webkit-background-clip:text;background-clip:text}.badge{display:none}@media (min-width:768px){.badge{text-align:right;color:#ddd;align-items:center;gap:10px;font-size:.8rem;display:flex;position:absolute;top:100px;right:50px}}input,textarea,select{touch-action:manipulation;font-size:16px!important}.recording-overlay{z-index:9999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;border:1px solid #ef444480;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 10px 40px #00000080}@media (min-width:768px){.recording-overlay{flex-direction:row;align-items:center;width:auto;bottom:20px;left:auto;right:20px}}.mobile-upload-btn{color:#a0a0b0;cursor:pointer;touch-action:manipulation;background:#6c5ce71a;border:2px dashed #6c5ce74d;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:150px;padding:40px 20px;font-size:1rem;transition:all .3s;display:flex}.mobile-upload-btn:active{background:#6c5ce733;border-color:#6c5ce780}.project-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:480px){.project-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width:1024px){.project-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}}.mobile-modal{z-index:1000;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (min-width:768px){.mobile-modal{align-items:center;padding:20px}}.mobile-modal-content{width:100%;max-height:90dvh;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;overflow-y:auto}@media (min-width:768px){.mobile-modal-content{border-radius:20px;width:auto;max-width:500px;padding:40px}}.video-container{border-radius:12px;width:100%;overflow:hidden}.video-container video{width:100%;height:auto;display:block}.analysis-grid{flex-direction:column;gap:24px;display:flex}@media (min-width:1024px){.analysis-grid{grid-template-columns:minmax(300px,450px) 1fr;align-items:start;gap:30px;display:grid}}.focus-mode-layout{flex-direction:column;gap:24px;display:flex}.sticky-video{z-index:50;position:sticky;top:16px}@media (min-width:1024px){.sticky-video{top:100px}}@media (max-width:1023px){.sticky-video{z-index:50;margin-bottom:16px;position:sticky!important;top:20px!important}.sticky-video>div{border:1px solid #ffffff26;box-shadow:0 8px 32px #00000080;background:#0f0f1afa!important;border-radius:12px!important;padding:8px!important}.sticky-video video{-o-object-fit:contain;object-fit:contain;background:#000;border-radius:8px;width:100%;max-height:180px}.focus-mode-btn,.desktop-only-btn{display:none!important}}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,16px)}.safe-top{padding-top:env(safe-area-inset-top,0)}.scroll-container{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;overflow-y:auto}.score-display{font-size:3rem}@media (min-width:768px){.score-display{font-size:4rem}}.friction-card{border-radius:12px;padding:16px}@media (min-width:768px){.friction-card{padding:20px}}.timestamp-btn{min-height:36px;padding:8px 12px;font-size:.8rem}@media (min-width:768px){.timestamp-btn{min-height:auto;padding:6px 12px;font-size:.85rem}}.hide-mobile{display:none}@media (min-width:768px){.hide-mobile{display:block}.hide-desktop{display:none!important}}.card-container{border-radius:16px;padding:20px}@media (min-width:768px){.card-container{border-radius:20px;padding:30px}}.profile-avatar{width:70px;height:70px;font-size:2rem}@media (min-width:768px){.profile-avatar{width:100px;height:100px;font-size:3rem}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}