:root{--bg:#030a14;--surface:#07111f;--surface-2:#0b1828;--line:rgba(255,255,255,.1);--line-strong:rgba(255,255,255,.16);--text:#fff;--muted:rgba(255,255,255,.68);--soft:rgba(255,255,255,.5);--mint:#5eead4;--teal:#2dd4bf;--teal-deep:#0b6f75;--amber:#ff9e00;--amber-soft:#ffd08a;--violet:#a78bfa;--indigo:#2a1f9a;--green:#86efac;--red:#fca5a5;--ink:#04121a;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(70rem 36rem at 50% -6rem,rgba(11,111,117,.42),transparent 62%),radial-gradient(56rem 36rem at 90% 55%,rgba(27,20,100,.6),transparent 65%),radial-gradient(40rem 30rem at 0 85%,rgba(11,111,117,.22),transparent 70%),var(--bg);background-attachment:fixed}h1,h2,h3{letter-spacing:-.025em}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:#5eead41a;color:var(--mint);padding:1px 6px;border-radius:6px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line-strong);background:#ffffff0a;color:#ffffffdb;border-radius:999px;padding:9px 16px;font-weight:600;font-size:14px;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s}button:hover:not(:disabled){background:#ffffff14;border-color:#5eead473;color:#fff}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:2px}a{color:var(--mint);text-decoration:none}a:hover{text-decoration:underline}.primary{background:var(--teal);color:var(--ink);border-color:transparent;font-weight:700;box-shadow:0 8px 28px -10px #2dd4bfb3}.primary:hover:not(:disabled){background:var(--mint);color:var(--ink);border-color:transparent;transform:translateY(-1px)}.shimmer{color:transparent;background:linear-gradient(100deg,var(--mint),#fff 25%,var(--amber) 50%,#fff 75%,var(--mint)) 0 0/200% auto;-webkit-background-clip:text;background-clip:text;animation:shimmer 7s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.sky:before,.sky:after{content:"";position:absolute;top:-400px;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 24px 36px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 132px 82px,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 208px 164px,rgba(94,234,212,.9),transparent),radial-gradient(1px 1px at 76px 196px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 172px 12px,rgba(255,255,255,.7),transparent);background-size:240px 240px;animation:drift 26s linear infinite}.sky:after{background-image:radial-gradient(1.5px 1.5px at 60px 110px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 300px 40px,rgba(255,206,36,.8),transparent),radial-gradient(2px 2px at 220px 300px,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 340px 250px,rgba(167,139,250,.9),transparent);background-size:380px 380px;animation:drift 48s linear infinite,twinkle 5s ease-in-out infinite alternate}.sky i{position:absolute;border-radius:50%;filter:blur(90px)}.sky i:nth-child(1){background:var(--teal-deep);opacity:.45;width:40rem;height:40rem;top:10rem;left:-14rem;animation:float 22s ease-in-out infinite alternate}.sky i:nth-child(2){background:var(--indigo);opacity:.5;width:36rem;height:36rem;top:30rem;right:-12rem;animation:float 28s ease-in-out infinite alternate-reverse}.sky i:nth-child(3){background:var(--amber);opacity:.1;width:24rem;height:24rem;top:16rem;left:38%;animation:float 32s ease-in-out infinite alternate}@keyframes drift{to{transform:translateY(400px)}}@keyframes twinkle{0%{opacity:.55}to{opacity:1}}@keyframes float{to{transform:translate(4rem,-3rem) scale(1.08)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.app{min-height:100vh}.topbar{height:74px;padding:0 clamp(16px,4vw,56px);background:#030a14b8;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;padding:0;color:#fff;white-space:nowrap;border-radius:14px}.brand:hover:not(:disabled){background:none;transform:none}.brand img{width:46px;height:46px;object-fit:contain;image-rendering:pixelated;border-radius:14px;background:radial-gradient(circle at 32% 26%,#1a7f86,#0b3a44 55%,#040b16);box-shadow:0 0 0 1px #ffffff26,0 0 24px #2dd4bf59;padding:3px}.brand span{font-size:21px;font-weight:800;letter-spacing:-.03em;text-align:left;line-height:1}.brand small{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin-top:5px;color:var(--soft);font-weight:600}.topbar nav{display:flex;gap:2px;flex:1;justify-content:center;background:#ffffff0a;border:1px solid var(--line-strong);border-radius:999px;padding:4px;max-width:max-content;margin:0 auto}.topbar nav button{border:0;background:transparent;padding:8px 18px;color:var(--muted);font-size:14px;display:inline-flex;align-items:center;gap:6px}.topbar nav button:hover:not(:disabled){background:transparent;color:#fff}.topbar nav button.active{color:var(--ink);background:linear-gradient(135deg,var(--mint),#fff 58%,var(--amber-soft));box-shadow:0 8px 28px -6px #2dd4bf99}.topbar nav em{font-style:normal;background:#ffffff1a;color:inherit;border-radius:999px;font-size:11px;padding:1px 7px;font-weight:700}.topbar nav button.active em{background:#04121a1f}.connection{font-size:12px;font-weight:600;white-space:nowrap;color:var(--muted);display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#ffffff09;border-radius:999px;padding:7px 13px}.connection:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px var(--amber)}.connection.online:before{background:var(--teal);box-shadow:0 0 10px var(--teal);animation:ping 2s ease-out infinite}@keyframes ping{0%{box-shadow:0 0 #2dd4bf99}to{box-shadow:0 0 0 8px #2dd4bf00}}.layout{max-width:1280px;margin:auto;padding:40px clamp(16px,3vw,34px) 96px}.hero,.usage-card,.project-card,.team-card,.card,.proposal-card,.empty-card,.workflow>div,.modal,.chat-panel{--hue:var(--teal);position:relative;background:linear-gradient(180deg,#ffffff0f,#ffffff03 40%),var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 60px -24px #000000b3}.hero:before,.project-card:before,.team-card:before,.card:before,.proposal-card:before,.empty-card:before,.workflow>div:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,var(--hue),transparent);opacity:.7}.project-card,.team-card,.proposal-card{transition:border-color .35s,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.project-card:hover,.team-card:hover,.proposal-card:hover{border-color:color-mix(in srgb,var(--hue) 55%,transparent);transform:translateY(-3px);box-shadow:0 24px 60px -24px #000c,0 0 40px -12px color-mix(in srgb,var(--hue) 45%,transparent)}.hero{padding:40px 44px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,370px);gap:36px;align-items:center;overflow:hidden;background:radial-gradient(40rem 20rem at 0 0,rgba(11,111,117,.35),transparent 70%),linear-gradient(180deg,#ffffff0f,#ffffff03 40%),var(--surface)}.hero h1{font-size:clamp(30px,4vw,52px);line-height:1.05;font-weight:700;letter-spacing:-.035em;max-width:760px;margin:18px 0 16px}.hero p{font-size:16px;line-height:1.6;color:var(--muted);max-width:640px;margin:0}.eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:11px!important;font-weight:600;color:#ffffffc7!important}.hero .eyebrow{display:inline-flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 16px;margin:0}.hero .eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--amber);animation:ping-amber 2s ease-out infinite}@keyframes ping-amber{0%{box-shadow:0 0 #ff9e0099}to{box-shadow:0 0 0 8px #ff9e0000}}.usage-card{--hue:var(--amber);padding:22px;background:#030a1499;border-radius:20px}.usage-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.usage-title b{font-size:16px}.usage-title span{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--amber-soft);background:#ff9e001a;border:1px solid rgba(255,158,0,.3);border-radius:999px;padding:3px 10px}.usage-card>small{color:var(--soft);font-size:11px}.usage-card>p{font-size:13px;margin:0;color:var(--muted);line-height:1.5}.usage-row{display:grid;grid-template-columns:1fr auto;gap:6px 8px;margin:12px 0 16px;font-size:12.5px}.usage-row span{font-weight:600;color:#ffffffdb}.usage-row strong{grid-column:2;grid-row:1;color:var(--mint)}.usage-row .bar{grid-column:1/-1;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.usage-row .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--teal-deep),var(--teal),var(--mint));border-radius:999px;box-shadow:0 0 12px #2dd4bf99}.usage-row small{grid-column:1/-1;color:var(--soft)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:48px 0 20px}.section-heading h2{font-size:clamp(26px,3vw,34px);font-weight:700;margin:0 0 6px}.section-heading p{margin:0;color:var(--muted);line-height:1.5}.row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.row input{min-width:230px}.project-grid,.team-grid,.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.project-card{display:flex;flex-direction:column;min-height:290px;padding:24px}.project-card:nth-child(4n+2){--hue:var(--amber)}.project-card:nth-child(4n+3){--hue:#61ce70}.project-card:nth-child(4n+4){--hue:var(--violet)}.card-heading{display:flex;align-items:flex-start;gap:14px;justify-content:space-between}.project-card .card-heading{justify-content:flex-start}.card-heading h3{margin:0 0 4px;font-size:20px;font-weight:700}.card-heading a{font-size:12px;color:var(--soft)}.card-heading a:hover{color:var(--mint)}.repo-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;flex:0 0 auto;font-size:20px;color:var(--hue);background:color-mix(in srgb,var(--hue) 14%,transparent);border:1px solid color-mix(in srgb,var(--hue) 40%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--hue) 25%,transparent)}.project-card>p{color:var(--muted);line-height:1.55;flex:1;font-size:14.5px}.project-stats{border-top:1px solid var(--line);padding-top:14px;display:flex;gap:15px;justify-content:space-between;color:var(--soft);font-size:12px}.project-stats strong{color:var(--hue)}.pr-link{font-size:12.5px;display:block;padding-top:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#ffffffc7}.pr-link:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--hue);box-shadow:0 0 8px var(--hue);margin-right:8px;vertical-align:middle}.card-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.card-actions button{font-size:12.5px;padding:8px 14px}.card-actions button:first-child{background:var(--hue);color:var(--ink);border-color:transparent;font-weight:700}.card-actions button:first-child:hover:not(:disabled){background:var(--hue);color:var(--ink);filter:brightness(1.12)}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px;counter-reset:step}.workflow>div{border-radius:20px;padding:20px}.workflow>div:nth-child(2){--hue:var(--amber)}.workflow>div:nth-child(3){--hue:#61ce70}.workflow>div:nth-child(4){--hue:var(--violet)}.workflow b{color:#fff;font-weight:700}.workflow p{font-size:13.5px;color:var(--muted);line-height:1.5;margin-bottom:0}.empty-card{text-align:center;padding:56px 24px}.empty-card h3{font-size:22px;margin:0 0 8px}.empty-card p{color:var(--muted);max-width:520px;margin:0 auto 20px;line-height:1.55}.empty-card .row{justify-content:center}.empty{color:var(--soft);font-size:14px;line-height:1.55;text-align:center;padding:24px 12px}.callout{background:#ff9e0014;border:1px solid rgba(255,158,0,.3);color:var(--amber-soft);border-radius:14px;padding:12px 16px;margin:12px 0}.proposal-list{display:grid;gap:16px}.proposal-card{padding:26px}.proposal-card h3{font-size:21px;margin:8px 0 0}.proposal-card>p{line-height:1.55;color:var(--muted)}.proposal-card>p b{color:#fff}.proposal-card details{border-top:1px solid var(--line);padding:14px 0}.proposal-card summary{cursor:pointer;font-weight:600;color:var(--mint);border-radius:6px}.proposal-body{display:grid;grid-template-columns:180px 1fr;gap:10px 20px;margin-top:16px}.proposal-body h4{margin:0;color:var(--soft);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding-top:2px}.proposal-body p,.proposal-body pre{margin:0 0 8px;white-space:pre-wrap;line-height:1.55;font:inherit;color:#ffffffdb}.proposal-body pre{background:#0000004d;border:1px solid var(--line);border-radius:12px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.proposal-card textarea{width:100%;min-height:70px;resize:vertical;margin-bottom:12px}.status{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;white-space:nowrap;font-weight:600;background:#ffffff0f;border:1px solid var(--line-strong);color:var(--muted)}.status.draft{background:#5eead41a;border-color:#5eead459;color:var(--mint)}.status.ready{background:#61ce701f;border-color:#61ce7059;color:var(--green)}.status.changes_requested{background:#ff9e001a;border-color:#ff9e0059;color:var(--amber-soft)}.status.handed_off{background:#a78bfa1f;border-color:#a78bfa66;color:#c4b5fd}.text-button{background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:3px;color:var(--muted)}.team-card{display:flex;gap:18px;padding:24px}.team-card:nth-child(4n+2){--hue:var(--amber)}.team-card:nth-child(4n+3){--hue:var(--violet)}.team-card:nth-child(4n+4){--hue:#61ce70}.team-card img{width:92px;height:112px;object-fit:contain;image-rendering:pixelated;flex:0 0 auto;border-radius:20px;padding:6px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--hue) 35%,transparent),transparent 70%),#ffffff08;border:1px solid color-mix(in srgb,var(--hue) 30%,transparent)}.team-card .eyebrow{color:var(--hue)!important}.team-card h3{margin:6px 0;font-size:19px}.team-card p{line-height:1.5;color:var(--muted);margin:0 0 8px;font-size:14.5px}.team-card small{color:var(--soft)}.team-card .row{margin-top:16px}.agent-status{font-size:12px;color:var(--mint);display:inline-flex;align-items:center;gap:6px}.agent-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.agent-status.working{color:var(--amber)}.agent-status.error{color:var(--red)}.settings-grid{margin-top:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.settings-grid .card{padding:26px}.settings-grid .card:nth-child(2){--hue:var(--amber)}.settings-grid .card:nth-child(3){--hue:var(--violet)}.settings-grid .card h2{font-size:22px;margin:0 0 10px}.settings-grid .card p{line-height:1.6;color:var(--muted)}.settings-grid .card p b{color:#fff}.settings-grid label,.modal label,.editor label{display:block;font-weight:600;font-size:13px;margin:14px 0;color:#ffffffdb}input,select,textarea{color:#fff;background:#030a1499;border:1px solid var(--line-strong);border-radius:12px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:#ffffff61}input:focus,select:focus,textarea:focus{border-color:#5eead499;box-shadow:0 0 0 3px #5eead41f}select option{background:var(--surface);color:#fff}.settings-grid input,.modal select,.modal textarea,.editor textarea,.row input{display:block;width:100%;margin-top:6px}.settings-grid .hint{font-size:12px;color:var(--soft)}.notice{position:fixed;z-index:30;top:86px;left:50%;transform:translate(-50%);background:#07111ff2;color:var(--amber-soft);border:1px solid rgba(255,158,0,.4);border-radius:14px;padding:12px 16px;max-width:90vw;box-shadow:0 12px 40px #0009,0 0 30px -10px #ff9e0080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.notice button{border:0;background:transparent;padding:0 0 0 15px;color:inherit;font-size:18px}.chat-panel{position:fixed;z-index:20;right:20px;bottom:20px;width:min(440px,calc(100vw - 30px));height:min(650px,calc(100vh - 105px));display:flex;flex-direction:column;overflow:hidden;background:#07111ff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:#5eead44d;box-shadow:0 30px 80px #000000b3,0 0 60px -20px #2dd4bf80}.chat-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:10px 14px;background:linear-gradient(90deg,rgba(11,111,117,.25),transparent)}.chat-head img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;border-radius:14px;background:radial-gradient(circle at 32% 26%,#1a7f86,#0b3a44 55%,#040b16);padding:3px;box-shadow:0 0 0 1px #ffffff26}.chat-head div{flex:1}.chat-head strong,.chat-head small{display:block}.chat-head small{color:var(--soft);font-size:11.5px;margin-top:2px}.chat-head button,.modal-head button{border:0;background:transparent;font-size:24px;line-height:1;padding:6px 10px;color:var(--muted)}.chat-messages{flex:1;overflow:auto;padding:16px}.bubble{padding:11px 14px;margin:10px 0;max-width:88%;background:#ffffff0d;border:1px solid var(--line);border-radius:16px 16px 16px 4px;white-space:pre-wrap;line-height:1.55;font-size:14px}.bubble.user{margin-left:auto;background:#2dd4bf1f;border-color:#5eead44d;border-radius:16px 16px 4px}.bubble small{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mint)}.bubble.user small{color:var(--amber-soft)}.bubble p{margin:4px 0}.error{color:var(--red)}.composer{border-top:1px solid var(--line);display:flex;gap:8px;padding:12px}.composer textarea{flex:1;min-height:66px;resize:vertical}.composer button{align-self:end}.modal-backdrop{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;background:#030a14b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:15px}.modal{padding:26px;width:min(680px,100%);max-height:88vh;overflow:auto;border-color:#5eead440}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0;font-size:24px}.modal textarea,.editor textarea{min-height:70px;resize:vertical}.editor{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.editor label{color:var(--soft)}.request-inline{background:#ff9e0014;border:1px solid rgba(255,158,0,.3);padding:14px;border-radius:14px;margin:8px 0}.request-inline b{color:var(--amber-soft)}.request-inline p{font-size:13px;color:var(--muted)}.request-inline textarea{width:100%;margin-bottom:8px}.request-inline button{font-size:12px;padding:6px 12px}@media (max-width:900px){.topbar{gap:10px;padding:0 12px}.brand span{font-size:18px}.brand img{width:40px;height:40px}.topbar nav{overflow:auto;max-width:none}.topbar nav button{font-size:13px;padding:7px 12px}.connection{display:none}.hero{grid-template-columns:1fr;padding:26px}.workflow{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:flex-start;flex-direction:column}.proposal-body{display:block}.proposal-body h4{margin-top:14px}}@media (max-width:560px){.topbar{height:auto;flex-wrap:wrap;padding:10px 12px;gap:10px}.topbar nav{order:2;width:100%;max-width:none;flex:1 1 100%;justify-content:flex-start}.hero .eyebrow{letter-spacing:.1em;border-radius:14px;line-height:1.5}.layout{padding-top:18px}.hero h1{font-size:28px}.workflow{grid-template-columns:1fr}.team-card{flex-direction:column}.team-card img{width:76px;height:92px}.chat-panel{right:8px;bottom:8px}.row input{min-width:0}}