html{font-size:16px}body{font-size:clamp(1rem,2.5vw,1.15rem);line-height:1.6;padding:0;margin:0;min-width:0}audio,canvas,embed,iframe,img,object,svg,video{max-width:100%;height:auto}.btn,button,input,select,textarea{min-height:44px;min-width:44px;font-size:clamp(1rem,2.5vw,1.1rem);border-radius:var(--radius);padding:.7em 1.2em;touch-action:manipulation}.docs-content,.glass-card-prestige,.kanban-board-root,.main-content,.onboarding-content,.onboarding-overlay,.page-fade{max-width:100vw;box-sizing:border-box}.dashboard-grid,.docs-grid,.kanban-board-root,.marketplace-grid,.team-grid{display:flex;flex-wrap:wrap;gap:clamp(1rem,3vw,2.5rem)}@media (max-width:600px){html{font-size:15px}body{font-size:clamp(.97rem,3vw,1.05rem);padding:0}.docs-content,.glass-card-prestige,.kanban-board-root,.main-content,.onboarding-content{padding:.5rem!important;max-width:100vw!important}.dashboard-grid,.docs-grid,.kanban-board-root,.marketplace-grid,.team-grid{flex-direction:column!important;gap:1.1rem!important}.sidebar-container{width:90vw!important;min-width:0!important;max-width:100vw!important;border-radius:0!important;left:0!important;right:0!important;box-shadow:none!important}.mobile-header{display:flex!important;height:var(--h-nav);min-height:48px;max-height:64px;padding:0 .5rem!important}.glass-card-prestige,.onboarding-content,.onboarding-overlay{border-radius:0!important;min-width:0!important;width:100vw!important;box-shadow:none!important}.onboarding-overlay{padding:0!important}.btn,button{width:100%;min-width:0;font-size:clamp(1rem,4vw,1.1rem);padding:1em .5em}}@media (max-width:400px){html{font-size:14px}.btn,button{font-size:1rem;padding:.8em .3em}}:root{--bg-main:#0a0a0a;--bg-sub:#111111;--text-main:#ededed;--text-sub:#a1a1a1;--brand:#10b981;--brand-rgb:16,185,129;--brand-hover:#0d9668;--accent:#ffffff;--accent-rgb:255,255,255;--border:rgba(255,255,255,0.06);--surface:#141414;--error:#ef4444;--success:#10b981;--warning:#f59e0b;--overlay:rgba(0,0,0,0.7);--glass-bg:rgba(255,255,255,0.03);--glass-border:rgba(255,255,255,0.08);--glass-blur:12px;--radius:12px;--radius-lg:18px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.2);--h-nav:56px;--h-mobile-bottom:64px;--p-safe:1rem;--section-p:2rem;--card-p:1.25rem;--gap-md:0.75rem;--gap-lg:1rem;--vh-dynamic:100dvh}@media (prefers-color-scheme:light){:root{--bg-main:#fcfcfc;--bg-sub:#f3f4f6;--text-main:#111827;--text-sub:#6b7280;--brand:#059669;--brand-rgb:5,150,105;--brand-hover:#047857;--accent:#111827;--border:rgba(0,0,0,0.08);--surface:#ffffff;--overlay:rgba(255,255,255,0.7);--glass-bg:rgba(255,255,255,0.7);--glass-border:rgba(0,0,0,0.05)}}.light-theme{--bg-main:#fcfcfc;--bg-sub:#f3f4f6;--text-main:#111827;--text-sub:#6b7280;--brand:#059669;--brand-rgb:5,150,105;--brand-hover:#047857;--accent:#111827;--border:rgba(0,0,0,0.08);--surface:#ffffff;--overlay:rgba(255,255,255,0.7);--glass-bg:rgba(255,255,255,0.7);--glass-border:rgba(0,0,0,0.05)}html{height:100%}body{min-height:100%;height:auto;overflow-y:auto;position:relative;width:100%;overscroll-behavior-x:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.body-lock{overflow:hidden!important;position:fixed;width:100%}.hide-desktop,.hide-mobile{display:none!important}@media (max-width:768px){.hide-mobile{display:none!important}.hide-desktop{display:flex!important}}@media (min-width:769px){.hide-mobile{display:block!important}}.scroll-x-allowed{overflow-x:auto!important;overscroll-behavior-x:auto!important}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:none}::-webkit-scrollbar{display:none}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--bg-sub) 50%,var(--border) 75%);background-size:800px 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite;border-radius:8px}.vault-sync-hex{animation:vault-pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(var(--brand-rgb),.4))}@keyframes vault-pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}.skeleton-text{height:.85rem;margin-bottom:.4rem}.skeleton-title{height:1.4rem;width:60%;margin-bottom:.75rem}.skeleton-avatar{border-radius:50%!important}.skeleton-card{height:80px;border-radius:16px!important}@keyframes shimmer-sweep{0%{transform:translateX(-100%) skewX(-15deg)}to{transform:translateX(200%) skewX(-15deg)}}.shimmer-gold{position:relative;overflow:hidden}.shimmer-gold:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.4),transparent);animation:shimmer-sweep 3s ease-in-out infinite}.premium-glow{box-shadow:0 0 15px rgba(212,175,55,.3),0 0 30px rgba(212,175,55,.1);transition:all .3s ease}.premium-glow:hover{box-shadow:0 0 25px rgba(212,175,55,.5),0 0 50px rgba(212,175,55,.2)}.glass-lock{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(15,23,42,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:white;padding:1rem;border-radius:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-lock:hover{background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.spinner-mini{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-fade{animation:page-in .35s ease-out}@keyframes control-card-in{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.control-card-entrance{animation:control-card-in .5s cubic-bezier(.175,.885,.32,1.275) forwards}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast:more){:root{--text-sub:#ffffff;--border:rgba(255,255,255,0.3);--brand:#22c55e}.btn-secondary{border-color:#fff}}a:focus-visible,button:focus-visible,input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--brand-rgb),.2)}.toaster-mode *{animation-duration:.1ms!important;animation-iteration-count:1!important;transition-duration:.1ms!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}.toaster-mode .skeleton{background:var(--bg-sub)!important}.toaster-mode .skeleton,.toaster-mode .vault-sync-hex{animation:none!important}.vault-grid{background-image:linear-gradient(rgba(var(--brand-rgb),.03) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--brand-rgb),.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}[data-tooltip]{position:relative;cursor:help}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translateX(-50%) translateY(10px);padding:.5rem .8rem;background:var(--text-main);color:var(--bg-main);font-size:.75rem;font-weight:600;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--shadow-lg);z-index:1000}[data-tooltip]:hover:before{opacity:1;transform:translateX(-50%) translateY(0)}a{transition:color .18s ease,opacity .18s ease}body{background-color:var(--bg-main);color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.4;transition:background-color .4s ease,color .4s ease;overflow-x:hidden}a{color:var(--brand);text-decoration:none;transition:all .2s ease}a:hover{color:var(--accent)}h1,h2,h3,h4,h5,h6{color:var(--text-main);margin-bottom:.5rem;font-weight:700;letter-spacing:-.025em}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-sub);padding:1rem}.auth-card{background-color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:clamp(1rem,5vw,2.5rem);width:100%;max-width:420px;border:1px solid var(--border)}.auth-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.auth-subtitle{color:var(--text-sub);font-size:.875rem;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-weight:500;margin-bottom:.5rem}.form-input,.form-label{font-size:.875rem;color:var(--text-main)}.form-input{width:100%;padding:.625rem;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-main);transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(14,165,233,.1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;font-family:inherit;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap;-webkit-user-select:none;user-select:none;width:100%;outline:none}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--brand);color:#000;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.1)}.btn-primary:hover{background-color:var(--brand-hover);box-shadow:0 4px 12px rgba(var(--brand-rgb),.25);transform:translateY(-1px)}.btn-secondary{background-color:rgba(255,255,255,.05);color:var(--text-main);border:1px solid var(--border)}.btn-secondary:hover{background-color:rgba(255,255,255,.08);border-color:var(--text-sub);transform:translateY(-1px)}.btn-danger{background-color:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background-color:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 4px 12px rgba(239,68,68,.2)}.btn-success{background-color:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.2)}.btn-success:hover{background-color:#10b981;color:#fff;border-color:#10b981}.btn-ghost{background-color:transparent;color:var(--text-sub)}.btn-ghost:hover{background-color:rgba(255,255,255,.05);color:var(--text-main)}.btn-sm{padding:.4rem .8rem;font-size:.75rem;border-radius:6px;min-height:2rem}.btn-lg{padding:.8rem 2.5rem;font-size:1rem;border-radius:12px;min-height:3.25rem}.btn-inline{width:auto}@media (max-width:480px){.btn{padding:.75rem 1.25rem;font-size:.9rem;min-height:3rem}.btn-sm{padding:.5rem .8rem;font-size:.75rem;min-height:2.5rem}}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;filter:none!important;box-shadow:none!important}.btn:disabled:after{display:none}.divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--text-sub);font-size:.875rem}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background-color:var(--border)}.divider:before{margin-right:1rem}.divider:after{margin-left:1rem}.dashboard-layout{height:100vh;height:var(--vh-dynamic);display:flex;overflow:hidden;position:fixed;top:0;left:0;width:100%;max-width:100vw}.mobile-bottom-nav{display:none!important;position:fixed;bottom:0;left:0;right:0;height:var(--h-mobile-bottom);background-color:rgba(var(--bg-sub-rgb),.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:4000;padding:0 1rem env(safe-area-inset-bottom);justify-content:space-around;align-items:center}@media (max-width:768px){.mobile-bottom-nav{display:flex!important}}.sidebar-container{height:100vh;background-color:var(--bg-sub);border-right:1px solid var(--border);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;z-index:4600;display:flex;flex-direction:column}.main-content{flex:1 1;height:100vh;height:var(--vh-dynamic);overflow-y:auto;overflow-x:hidden;position:relative;background-color:var(--bg-main);padding:var(--p-safe);transition:all .3s ease;scrollbar-width:thin;scrollbar-color:var(--border) transparent}@media (max-width:768px){.sidebar-container{position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:4600!important;background:var(--bg-main)!important;box-shadow:20px 0 50px rgba(0,0,0,.4)!important;transform:translateX(-100%);width:280px!important}.sidebar-container.open{transform:translateX(0)}.sidebar-container.closed{transform:translateX(-100%)}.main-content{padding:var(--p-safe);padding-top:calc(var(--h-nav) + var(--p-safe));padding-bottom:calc(var(--h-mobile-bottom) + 3.5rem + env(safe-area-inset-bottom));height:var(--vh-dynamic);width:100%}}.main-content::-webkit-scrollbar{display:block;width:6px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.main-content::-webkit-scrollbar-thumb:hover{background:var(--text-sub)}.error-message{color:var(--error);font-size:.875rem;margin-top:.5rem;background:rgba(239,68,68,.1);padding:.5rem;border-radius:var(--radius);border:1px solid rgba(239,68,68,.2)}.kanban-board{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;min-height:60vh;scroll-snap-type:x mandatory}.kanban-column{flex:1 1;min-width:300px;background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;scroll-snap-align:start}@media (max-width:768px){.kanban-column{min-width:85vw}}.kanban-column-header{padding:1.25rem;font-weight:700;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-sub)}.kanban-task-list{padding:1rem;flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;min-height:150px;transition:background-color .2s ease}.kanban-task-list.drag-over{background-color:rgba(14,165,233,.05)}.kanban-card{background-color:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-sm);cursor:grab;transition:all .2s cubic-bezier(.4,0,.2,1)}.kanban-card:active{cursor:grabbing}.kanban-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand);transform:translateY(-2px)}.kanban-card-title{font-weight:500;margin-bottom:.5rem}.kanban-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-sub);border-top:1px dashed var(--border);padding-top:.75rem;margin-top:1rem}.badge{padding:.125rem .5rem;border-radius:9999px;font-size:.7rem;font-weight:600}.badge-code{background-color:rgba(16,185,129,.1);color:var(--success)}.badge-design{background-color:rgba(14,165,233,.1);color:var(--accent)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(15,23,42,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:4rem 1rem}.modal-content{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;width:100%;max-width:600px;max-height:calc(100dvh - 8rem);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg)}.modal-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.artifact-card,.modal-header{display:flex;justify-content:space-between;align-items:center}.artifact-card{border:1px solid var(--border);padding:1.25rem;border-radius:var(--radius);background-color:var(--bg-sub);margin-bottom:1rem}.glass{background:rgba(var(--bg-main),.7);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.125)}.dark .glass{background:rgba(15,23,42,.7);border:1px solid rgba(255,255,255,.1)}.hover-lift{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.hover-lift:hover{transform:translateY(-4px)}.fluid-h1{font-size:clamp(2.25rem,8vw,4rem);line-height:1;letter-spacing:-.045em}.fluid-p{font-size:clamp(1rem,2vw,1.25rem)}.sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);-webkit-backdrop-filter:none;backdrop-filter:none;z-index:4500;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.sidebar-backdrop.visible{opacity:1;visibility:visible}.has-custom-bg .dashboard-layout{background:transparent!important}.has-custom-bg .sidebar-container{background:rgba(var(--bg-sub-glass,255,255,255),.7)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.has-custom-bg .main-content{background:rgba(var(--bg-main-glass,255,255,255),.5)!important;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%)}.has-custom-bg .auth-card,.has-custom-bg .kanban-column{background:rgba(var(--surface-glass,255,255,255),.8)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)!important}[data-theme="Deep Oceanic"].has-custom-bg .main-content,[data-theme=Cyberpunk].has-custom-bg .main-content{background:rgba(15,23,42,.4)!important}[data-theme="Deep Oceanic"].has-custom-bg .sidebar-container,[data-theme=Cyberpunk].has-custom-bg .sidebar-container{background:rgba(15,23,42,.6)!important}.has-custom-bg .mobile-header{background:rgba(var(--bg-sub-glass,255,255,255),.9)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.has-custom-bg .mobile-bottom-nav{background:rgba(var(--bg-sub-glass,255,255,255),.85)!important;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.control-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.control-card:hover{transform:translateY(-6px);border-color:var(--brand)!important;box-shadow:var(--shadow-lg)!important}.pulse-pill{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{transform:scale(1);opacity:1;box-shadow:0 0 0 0 rgba(16,185,129,.4)}70%{transform:scale(1.2);opacity:.7;box-shadow:0 0 0 10px rgba(16,185,129,0)}to{transform:scale(1);opacity:1;box-shadow:0 0 0 0 rgba(16,185,129,0)}}.control-tab{display:flex;align-items:center;gap:.75rem;padding:.8rem 1.75rem;border-radius:18px;border:none;background:transparent;color:var(--text-sub);font-weight:850;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em}.control-tab.active{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-md);transform:scale(1.02)}.panel-tool{width:42px;height:42px;border-radius:12px;background:var(--surface);border:1px solid var(--border);color:var(--text-sub);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.panel-tool:hover{color:var(--brand);border-color:var(--brand);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--brand-rgb),.15)}:root{--gold-primary:#d4af37;--gold-secondary:#f9d71c;--gold-shimmer:linear-gradient(90deg,#d4af37,#f9d71c,#d4af37);--pro-cobalt:#1a73e8;--pro-shimmer:linear-gradient(90deg,#1a73e8,#4285f4,#1a73e8)}.shimmer-gold{background:var(--gold-shimmer)!important;background-size:200% auto!important;animation:shimmer-text 3s linear infinite!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;font-weight:950!important}.glow-premium{box-shadow:0 0 20px rgba(212,175,55,.3)!important;border:1px solid rgba(212,175,55,.5)!important;animation:premium-pulse 4s ease-in-out infinite alternate!important}.glow-pro{box-shadow:0 0 15px rgba(26,115,232,.25)!important;border:1px solid rgba(26,115,232,.4)!important;animation:pro-pulse 4s ease-in-out infinite alternate!important}.glass-card-prestige{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 10px 30px rgba(0,0,0,.2)!important}[data-theme=dark] .glass-card-prestige{background:rgba(0,0,0,.2)!important;border:1px solid rgba(255,255,255,.05)!important}@keyframes shimmer-text{to{background-position:200%}}@keyframes premium-pulse{0%{box-shadow:0 0 15px rgba(212,175,55,.2)}to{box-shadow:0 0 35px rgba(212,175,55,.4)}}@keyframes pro-pulse{0%{box-shadow:0 0 10px rgba(26,115,232,.15)}to{box-shadow:0 0 25px rgba(26,115,232,.3)}}.locked-badge{font-size:.6rem;padding:2px 6px;border-radius:6px;font-weight:950;letter-spacing:.5px;margin-left:auto}.locked-badge-premium{background:#d4af37;color:black}.locked-badge-pro{background:var(--brand);color:white}