@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#060b18;--surface:#0a1228;--surface2:#0e1835;--surface3:#122040;--c7-blue:#4f8ef7;--c7-cyan:#00d4ff;--c7-violet:#7b6fff;--c7-orange:#ff6b35;--glass-bg:hsla(0,0%,100%,.04);--glass-bg-hover:hsla(0,0%,100%,.07);--glass-border:hsla(0,0%,100%,.08);--glass-border-hover:hsla(0,0%,100%,.15);--glass-blur:blur(14px);--text:#e8eeff;--text-dim:rgba(220,230,255,.45);--text-mid:rgba(220,230,255,.7);--border:hsla(0,0%,100%,.07);--border-bright:hsla(0,0%,100%,.14)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-feature-settings:"cv02","cv03","cv04","cv11"}.orb-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.orb-bg .orb-3,.orb-bg:after,.orb-bg:before{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.45}.orb-bg:before{width:700px;height:700px;background:radial-gradient(circle,rgba(79,142,247,.6) 0,rgba(79,142,247,.1) 60%,transparent 100%);top:-200px;left:-150px;animation:orbDrift1 18s ease-in-out infinite}.orb-bg:after{width:600px;height:600px;background:radial-gradient(circle,rgba(123,111,255,.5) 0,rgba(123,111,255,.1) 60%,transparent 100%);bottom:-150px;right:-100px;animation:orbDrift2 22s ease-in-out infinite}.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(0,212,255,.25) 0,transparent 70%);top:40%;left:50%;transform:translate(-50%,-50%);animation:orbDrift3 26s ease-in-out infinite}@keyframes orbDrift1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,-40px) scale(1.1)}66%{transform:translate(-30px,50px) scale(.95)}}@keyframes orbDrift2{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-50px,50px) scale(1.05)}70%{transform:translate(40px,-20px) scale(.98)}}@keyframes orbDrift3{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) translate(30px,40px) scale(1.08)}}.orb-overlay{position:fixed;inset:0;background:linear-gradient(135deg,rgba(6,11,24,.75),rgba(6,11,24,.55) 50%,rgba(6,11,24,.7));pointer-events:none;z-index:1}.orb-content{position:relative;z-index:2}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;transition:all .3s ease}.glass:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.4),0 0 0 1px rgba(79,142,247,.1)}.glass-static{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px}.glass-accent{position:relative;overflow:hidden}.glass-accent:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(79,142,247,.6),transparent)}.display-xl{font-family:Inter,sans-serif;font-weight:800;letter-spacing:-.04em;line-height:1.05}.display-lg{letter-spacing:-.03em;line-height:1.1}.display-lg,.display-md{font-family:Inter,sans-serif;font-weight:700}.display-md{letter-spacing:-.02em;line-height:1.15}.section-label{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--c7-blue)}.section-label:after,.section-label:before{content:"";flex:1 1;max-width:40px;height:1px;background:var(--c7-blue);opacity:.5}.gradient-text{background:linear-gradient(135deg,var(--c7-blue) 0,var(--c7-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-violet{background:linear-gradient(135deg,var(--c7-blue) 0,var(--c7-violet) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@layer components{.btn-ghost,.btn-primary{@apply inline-flex items-center justify-center gap-2
           font-medium text-sm px-5 py-2.5 rounded-full
           border border-white/10 text-white/70
           transition-all duration-200
           hover:border-white/20 hover:text-white hover:bg-white/5}.card{background:rgba(10,18,40,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.07);border-radius:14px;overflow:hidden;transition:border-color .2s}.card:hover{border-color:hsla(0,0%,100%,.12)}.card-header,.card-title,.nav-item{@apply flex items-center gap-2.5 px-3 py-2.5 rounded-xl cursor-pointer
           text-sm font-medium text-white/50 border border-transparent
           transition-all duration-150
           hover:bg-white/[0.05] hover:text-white/80}.nav-item-active{background:rgba(79,142,247,.1);color:#4f8ef7;border-color:rgba(79,142,247,.2)}.input{@apply w-full rounded-xl px-4 py-3
           text-sm font-medium text-white placeholder:text-white/30
           focus:outline-none transition-all duration-200;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08)}.input:focus{background:hsla(0,0%,100%,.08);border-color:rgba(79,142,247,.4);box-shadow:0 0 0 3px rgba(79,142,247,.1)}.badge{@apply inline-flex items-center gap-1 text-[10px] font-semibold
           tracking-wider px-2.5 py-1 rounded-full border;letter-spacing:.06em}.badge-blue{background:rgba(79,142,247,.12);color:#4f8ef7;border-color:rgba(79,142,247,.25)}.badge-cyan{background:rgba(0,212,255,.1);color:#00d4ff;border-color:rgba(0,212,255,.2)}.badge-violet{background:rgba(123,111,255,.12);color:#7b6fff;border-color:rgba(123,111,255,.25)}.badge-orange{background:rgba(255,107,53,.12);color:#ff6b35;border-color:rgba(255,107,53,.25)}.badge-dim{background:hsla(0,0%,100%,.05);color:rgba(220,230,255,.5);border-color:hsla(0,0%,100%,.08)}.icon-box{@apply w-10 h-10 rounded-xl flex items-center justify-center flex-shrink-0;background:rgba(79,142,247,.1);border:1px solid rgba(79,142,247,.2);color:#4f8ef7}.icon-box-violet{background:rgba(123,111,255,.1);border-color:rgba(123,111,255,.2);color:#7b6fff}.icon-box-cyan{background:rgba(0,212,255,.08);border-color:rgba(0,212,255,.15);color:#00d4ff}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(79,142,247,.3);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:rgba(79,142,247,.5)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes recordPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.8}}.recording-pulse{animation:recordPulse 1.2s ease-in-out infinite}@keyframes waveBar{0%,to{height:4px}50%{height:24px}}.wave-bar{width:3px;background:var(--c7-blue);border-radius:2px;animation:waveBar .8s ease-in-out infinite}@media (max-width:1023px){.app-shell-sidebar{display:none!important}.topbar{display:flex!important;padding-top:env(safe-area-inset-top);height:calc(52px + env(safe-area-inset-top))}.stats-row{grid-template-columns:repeat(2,1fr)!important}.content-split,.grid-2,[class*=grid-cols-2]{grid-template-columns:1fr!important}.mob-col{flex-direction:column!important}.mob-grid{grid-template-columns:1fr!important}.p-8{padding:16px!important}.p-6{padding:14px!important}.page-content{padding:20px 16px!important}}@media (max-width:639px){.mobile-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:60px;background:rgba(6,11,24,.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid hsla(0,0%,100%,.07);z-index:200;padding:0 4px env(safe-area-inset-bottom)}.main-content{padding-bottom:76px!important}.mobile-link,.mobile-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px;font-weight:600;letter-spacing:.04em;color:rgba(220,230,255,.35);text-decoration:none;cursor:pointer;border-radius:8px;padding:6px 4px;transition:color .15s}.mobile-link.active,.mobile-link:hover,.mobile-nav-item.active,.mobile-nav-item:hover{color:var(--c7-blue)!important}.mobile-link svg,.mobile-nav-item svg{width:20px!important;height:20px!important}}@media (max-width:480px){[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.mob-col-xs{flex-direction:column!important}.page-content{padding:16px 12px!important}pre,table{overflow-x:auto;display:block;max-width:100%}}@media (min-width:1024px){.mobile-nav,.topbar{display:none!important}}.main-content{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.recording-active *{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (pointer:coarse){.input,.nav-item,button{min-height:44px}}@layer components{.font-display,.font-mono{font-family:Inter,sans-serif!important}.tracking-tight{letter-spacing:-.02em}.text-text-dim{color:rgba(220,230,255,.45)!important}.text-text-mid{color:rgba(220,230,255,.7)!important}.text-c7-blue{color:#4f8ef7!important}.text-c7-purple{color:#7b6fff!important}.text-c7-orange{color:#ff6b35!important}.bg-c7-blue{background-color:#4f8ef7!important}.bg-surface{background-color:rgba(10,18,40,.8)!important}.bg-surface2{background-color:rgba(14,24,53,.8)!important}.card{background:rgba(10,18,40,.8)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid hsla(0,0%,100%,.07)!important;border-radius:14px!important;overflow:hidden}.status-done{background:rgba(79,142,247,.1);color:#4f8ef7;border-color:rgba(79,142,247,.2)}.status-proc{background:rgba(0,212,255,.1);color:#00d4ff;border-color:rgba(0,212,255,.2)}.status-queued{background:rgba(123,111,255,.1);color:#7b6fff;border-color:rgba(123,111,255,.2)}.status-ready{background:rgba(79,142,247,.1);color:#4f8ef7;border-color:rgba(79,142,247,.2)}.input{width:100%;padding:12px 14px;border-radius:10px;background:hsla(0,0%,100%,.04)!important;border:1px solid hsla(0,0%,100%,.08)!important;color:#e8eeff!important;font-size:13px;font-family:Inter,sans-serif;outline:none}.input:focus{border-color:rgba(79,142,247,.4)!important;box-shadow:0 0 0 3px rgba(79,142,247,.1)}.border-white\/\[0\.06\]{border-color:hsla(0,0%,100%,.06)!important}.border-white\/\[0\.04\]{border-color:hsla(0,0%,100%,.04)!important}.text-gradient{background:linear-gradient(135deg,#4f8ef7,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card{background:rgba(10,18,40,.75)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border:1px solid hsla(0,0%,100%,.08)!important;border-radius:14px!important;overflow:hidden;transition:border-color .2s}.card:hover{border-color:hsla(0,0%,100%,.13)!important}.bg-surface{background:rgba(10,18,40,.75)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.bg-surface2{background:rgba(14,24,53,.7)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.card-header{justify-content:space-between;padding:14px 20px;border-bottom:1px solid hsla(0,0%,100%,.06)!important}.card-header,.card-title{display:flex;align-items:center}.card-title{font-size:13px;font-weight:700;color:#e8eeff;gap:8px}.memory-node{background:rgba(10,18,40,.75)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid hsla(0,0%,100%,.08)!important;border-radius:12px!important;transition:all .2s}.memory-node:hover{border-color:rgba(79,142,247,.2)!important;background:rgba(10,18,40,.9)!important}.stat-glass{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:1px solid hsla(0,0%,100%,.08)!important;border-radius:14px!important;padding:20px!important}.action-item,.stat-glass{background:rgba(10,18,40,.75)!important}.action-item{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid hsla(0,0%,100%,.07)!important;border-radius:12px!important;transition:all .15s}.action-item:hover{background:rgba(14,24,53,.85)!important;border-color:hsla(0,0%,100%,.12)!important}.drop-zone{background:rgba(79,142,247,.04)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border:2px dashed rgba(79,142,247,.25)!important;border-radius:12px!important;transition:all .2s}.drop-zone:hover{background:rgba(79,142,247,.08)!important;border-color:rgba(79,142,247,.45)!important}.plan-card{background:rgba(10,18,40,.75)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;border:1px solid hsla(0,0%,100%,.08)!important;border-radius:16px!important;padding:24px!important;transition:all .2s}.plan-card:hover{border-color:rgba(79,142,247,.2)!important;transform:translateY(-2px)}.page-container{padding:32px;max-width:900px;font-family:Inter,sans-serif}.section-tag{font-size:11px;font-weight:700;letter-spacing:.14em;color:#4f8ef7;text-transform:uppercase;margin-bottom:6px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:16px;gap:16px}}