@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@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-border-style:solid}}}.absolute{position:absolute}.relative{position:relative}.mx-auto{margin-inline:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.min-h-\[44px\]{min-height:44px}.min-h-\[250px\]{min-height:250px}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.touch-manipulation{touch-action:manipulation}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.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-t{border-top-style:var(--tw-border-style);border-top-width:1px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.text-center{text-align:center}.break-all{word-break:break-all}.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,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)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@layer base{*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;line-height:1.15}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:linear-gradient(to bottom right,#0f172a,#1e293b);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}}@layer components{#root{min-height:100vh}::-webkit-scrollbar{width:.75rem}::-webkit-scrollbar-track{background-color:#1e293b}::-webkit-scrollbar-thumb{background-color:#475569;border-radius:.375rem}::-webkit-scrollbar-thumb:hover{background-color:#64748b}video{background-color:#000;max-width:100%;height:auto;display:block}video::-webkit-media-controls{filter:invert()}button{transition:all .3s ease-in-out}button:disabled{cursor:not-allowed;opacity:.5}button:active:not(:disabled){transform:scale(.98)}button:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.container{max-width:80rem;margin:0 auto;padding:0 1rem}.card{background-color:#1e293b;border-radius:.5rem;padding:1.5rem;box-shadow:0 25px 50px -12px #00000040}.recording-indicator{background-color:#dc2626;border-radius:9999px;align-items:center;gap:.5rem;padding:1rem;font-weight:500;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;display:inline-flex}.recording-dot{background-color:#fff;border-radius:9999px;width:.75rem;height:.75rem;animation:2s cubic-bezier(0,0,.2,1) infinite ping}.toast{color:#fff;z-index:50;background-color:#1e293b;border-radius:.5rem;padding:1rem;animation:.3s ease-out slideInRight;position:fixed;top:1.25rem;right:1.25rem;box-shadow:0 25px 50px -12px #00000040}.video-preview{background-color:#000;border-radius:.5rem;position:relative;overflow:hidden}.video-preview video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.spinner{border:4px solid #ffffff4d;border-top-color:#3b82f6;border-radius:9999px;width:2.5rem;height:2.5rem;animation:1s linear infinite spin}}@layer utilities{.touch-target{min-width:44px;min-height:44px}.bg-gradient{background:linear-gradient(to bottom right,#0f172a,#1e293b)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.toast{inset:auto 1.25rem 1.25rem}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{body{color:#000;background-color:#fff}video,button{display:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.video-recorder{min-height:100vh}button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.btn-primary{background-color:#2563eb;transition:all .3s ease}.btn-primary:hover{background-color:#1d4ed8}.btn-primary:active{background-color:#1e40af}.btn-primary:focus{box-shadow:0 0 0 2px #3b82f6}.btn-secondary{background-color:#475569;transition:all .3s ease}.btn-secondary:hover{background-color:#334155}.btn-secondary:active{background-color:#1e293b}.btn-secondary:focus{box-shadow:0 0 0 2px #64748b}.btn-success{background-color:#16a34a;transition:all .3s ease}.btn-success:hover{background-color:#15803d}.btn-success:active{background-color:#166534}.btn-success:focus{box-shadow:0 0 0 2px #22c55e}.btn-danger{background-color:#dc2626;transition:all .3s ease}.btn-danger:hover{background-color:#b91c1c}.btn-danger:active{background-color:#991b1b}.btn-danger:focus{box-shadow:0 0 0 2px #ef4444}@keyframes recording-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.recording-indicator{animation:recording-pulse 2s ease-in-out infinite}video{background-color:#000}video::-webkit-media-controls{filter:invert(1)}@media(max-width:768px){.touch-target{min-height:44px;min-width:44px}}