:root{--bg:#101115;--panel:#17181d;--edge:#2b2c33;--text:#eeeef2;--muted:#92939f;--accent:#b6a1ff;--green:#9fd6bc;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 var(--font)}
button,input,textarea,select{font:inherit}
button,a,input,textarea,select{outline-offset:4px}
button{cursor:pointer;color:inherit;border:0}
button:disabled{opacity:.4;cursor:not-allowed}
button:hover:not(:disabled){filter:brightness(1.15)}
a{color:inherit;text-decoration:none}
.app{display:flex;min-height:100vh}
.sidebar{width:244px;background:#141519;border-right:1px solid var(--edge);padding:28px 18px 0;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:5}
.brand{font-size:20px;letter-spacing:-.8px;font-weight:650;display:flex;align-items:center;gap:8px;margin-bottom:46px}
.brandmark{font-size:34px;line-height:1;color:#c8bbff}
.beta{font-size:8px;letter-spacing:1px;padding:2px 5px;border:1px solid #48424f;color:var(--accent);border-radius:4px;margin-left:auto}
.space-label{font-size:10px;font-weight:650;letter-spacing:1.7px;color:#777985;display:flex;justify-content:space-between;padding:0 12px;margin-bottom:14px}
.nav{display:flex;gap:12px;align-items:center;width:100%;padding:11px 13px;margin:4px 0;border-radius:7px;background:none;text-align:left;color:#9b9ba6}
.nav>span:first-child{font-size:18px}
.nav.active{color:#d5c9ff;background:#b6a1ff12;border:1px solid #b6a1ff22}
.count{margin-left:auto;background:#b6a1ff14;font-size:11px;border-radius:4px;padding:0 6px}
.tiny{font-size:10px;color:var(--muted);letter-spacing:.3px}
.nav .tiny{margin-left:auto}
.sidebar-projects{margin-top:36px;overflow:auto}
.recent-link{display:block;width:100%;text-align:left;background:none;color:#aaaab5;padding:9px 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recent-link:before{content:'◇';margin-right:12px;color:#77738a}
.local-card{margin-top:auto;border:1px solid var(--edge);border-radius:9px;padding:16px;background:linear-gradient(125deg,#24222e66,transparent);font-size:11px}
.local-card strong{font-size:12px}
.local-card .dot{margin-right:7px}
.local-card p{color:var(--muted);line-height:1.8}
.profile{display:flex;gap:12px;align-items:center;padding:22px 4px}
.avatar{background:#303038;border:1px solid #49464f;border-radius:8px;padding:5px 11px}
.profile .tiny{display:block}
.profile .dot{margin-left:auto}
.dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 8px #9fd6bc22}
main{margin-left:244px;min-width:0;flex:1;display:flex;flex-direction:column}
.topbar{height:77px;border-bottom:1px solid var(--edge);display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:12px}
.slash{color:#4b4c57;margin:0 16px}
.connection{color:#b3b4bd;font-size:11px;display:flex;align-items:center;gap:9px}
.separator{color:#3b3c46;margin:0 8px}
.muted{color:var(--muted)}
#view{padding:40px;flex:1;max-width:1700px;width:100%;margin:0 auto}
h1{font-size:34px;line-height:1.2;letter-spacing:-1.3px;font-weight:550;margin:9px 0 12px}
h2{font-size:22px;font-weight:550;letter-spacing:-.5px;margin:6px 0 12px}
h3{font-size:14px;font-weight:550;margin:0 0 6px}
p{margin:8px 0 18px}
.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--accent)}
.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px}
.heading p{margin-bottom:0}
.primary{background:#c1b0ff;color:#191522;border:1px solid #d0c1ff;border-radius:6px;padding:10px 17px;font-size:12px;font-weight:650;box-shadow:0 3px 18px #b6a1ff12;white-space:nowrap}
.primary span{margin-left:18px}
.secondary{background:#202127;border:1px solid #383941;border-radius:6px;padding:9px 14px;font-size:12px}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 60%,#49406155,transparent 55%),linear-gradient(125deg,#22212a,#19191f);border:1px solid #3a3547;border-radius:12px;padding:35px;min-height:225px;display:flex;align-items:center;margin-bottom:30px}
.hero-copy{max-width:520px;position:relative;z-index:1}
.hero h2{font-size:27px;letter-spacing:-.9px;margin-top:10px}
.hero p{font-size:12px;color:#a8a5b5;max-width:390px}
.hero-art{position:absolute;right:7%;top:10%;width:200px;height:200px;display:grid;place-items:center;transform:rotate(-12deg);color:#bba8ff;font-size:150px;text-shadow:0 0 65px #bda4ff55}
.hero-art:before,.hero-art:after{content:'';position:absolute;inset:5px;border:1px solid #ac98d833;border-radius:28px;transform:rotate(35deg)}
.hero-art:after{inset:30px;transform:rotate(65deg)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:36px}
.stat{padding:18px 22px;border:1px solid var(--edge);border-radius:8px;background:#16171c}
.stat .label{font-size:11px;color:var(--muted)}
.stat strong{font-size:24px;display:block;font-weight:500;margin-top:4px}
.stat strong small{font-size:11px;margin-left:8px;color:var(--green)}
.section-top{display:flex;align-items:center;justify-content:space-between;margin:20px 0}
.section-top h2{font-size:17px}
.filters{display:flex;gap:7px;align-items:center}
.filter{background:none;border-radius:5px;color:#8e8f9a;padding:6px 12px;font-size:11px}
.filter.active{color:#dad8e6;background:#26252f}
input,textarea,select{background:#111217;border:1px solid #373843;border-radius:6px;color:var(--text);padding:11px 12px;width:100%}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{color:#626470}
#search{width:210px;padding:7px 12px;font-size:11px}
.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.project-card{background:linear-gradient(135deg,#1c1c24,#17181d);border:1px solid var(--edge);border-radius:10px;padding:23px;min-height:208px;display:flex;flex-direction:column;text-align:left;transition:transform .2s,border-color .2s}
.project-card:hover{transform:translateY(-3px);border-color:#77698d}
.project-card .card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.project-icon{border:1px solid #70648166;background:#b6a1ff12;color:#cbbcff;border-radius:9px;padding:6px 12px;font-size:21px}
.badge{font-size:9px;letter-spacing:.4px;padding:3px 8px;border-radius:4px;background:#9fd6bc0c;border:1px solid #9fd6bc22;color:var(--green)}
.badge.amber{color:#e8c697;border-color:#e8c69733;background:#e8c69708}
.project-card p{font-size:11px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--edge);padding-top:13px;margin-top:auto;font-size:10px;color:#7e7f8b}
.empty{border:1px dashed #3e3b49;border-radius:10px;min-height:210px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;grid-column:1/-1}
.empty p{color:var(--muted);font-size:12px;max-width:420px}
.empty .project-icon{margin-bottom:10px}
footer{display:flex;justify-content:space-between;padding:23px 40px;font-size:9px;color:#6b6c78;letter-spacing:.6px;border-top:1px solid #22232a}
footer .muted{color:#686975}
dialog{color:var(--text);background:#1b1b23;border:1px solid #4a425a;border-radius:14px;padding:32px;width:540px;max-width:calc(100% - 30px);box-shadow:0 35px 100px #0008}
dialog::backdrop{background:#06070bc9;backdrop-filter:blur(5px)}
label{display:block;margin:19px 0 7px;font-size:12px;color:#bbb9c8}
.hint{font-size:10px;color:var(--muted);margin:12px 0}
.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}
.workspace-top{margin-bottom:24px}
.workspace-top h1{font-size:27px}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.tabs{display:flex;gap:22px;border-bottom:1px solid var(--edge);margin-bottom:22px}
.tab{background:none;color:var(--muted);padding:12px 1px;border-bottom:2px solid transparent;font-size:12px}
.tab.active{color:#d7caff;border-bottom-color:var(--accent)}
.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px}
.panel{border:1px solid var(--edge);background:var(--panel);border-radius:10px;overflow:hidden}
.panel-heading{padding:16px 20px;border-bottom:1px solid var(--edge);font-size:12px;display:flex;align-items:center;justify-content:space-between}
.panel-body{padding:22px}
.chat{max-height:510px;min-height:300px;overflow:auto;padding:22px;scroll-behavior:smooth}
.message{margin-bottom:24px;animation:appear .25s ease-out}
.message-label{font-size:10px;letter-spacing:1.3px;margin-bottom:8px;color:var(--accent)}
.message.user .message-label{color:#a6adb9}
.message-content{white-space:pre-wrap;font-size:12px;line-height:1.9;overflow-wrap:anywhere}
.message.user .message-content{padding:12px 16px;border:1px solid #35343e;border-radius:7px;background:#22222a}
.composer{padding:16px;border-top:1px solid var(--edge);background:#1b1c22}
.composer textarea{border:0;background:none;padding:4px;min-height:65px;font-size:12px}
.composer-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}
.quick{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.quick button{font-size:10px;padding:4px 9px;border:1px solid #423b52;background:#282330;border-radius:4px;color:#cbb9ed}
.activity-item{position:relative;padding:0 0 22px 20px;border-left:1px solid #3e3a49;margin-left:4px}
.activity-item:before{content:'';width:7px;height:7px;border-radius:50%;background:#9fd6bc;position:absolute;left:-4px;top:5px}
.activity-item strong{display:block;font-size:11px;font-weight:500}
.activity-item small{font-size:9px;color:var(--muted)}
.activity-item:last-child{padding-bottom:0}
.boundary{font-size:11px;color:#aaa5b7;padding:16px;border-top:1px solid var(--edge);background:#22202b55}
.boundary strong{color:#d8c9f0;display:block;margin-bottom:5px}
.file-layout{display:grid;grid-template-columns:185px minmax(0,1fr);min-height:450px}
.file-tree{padding:18px 10px;border-right:1px solid var(--edge)}
.file-tree button{background:none;text-align:left;width:100%;padding:9px 12px;font-size:11px;color:#a9a3b6;border-radius:5px}
.file-tree button.active{background:#b6a1ff15;color:#d5c4ff}
.code{font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#bbb5cf;max-height:570px;overflow:auto}
.note-editor{min-height:360px;font-family:monospace;line-height:1.8}
.phase{padding:20px;border-bottom:1px solid var(--edge)}
.phase h3{color:#ddd1f4}
.phase p,.phase li{font-size:12px;color:var(--muted)}
.phase ul{padding-left:18px}
.approval{border:1px solid #b79b6e44;border-radius:8px;background:#b79b6e08;padding:22px;margin-bottom:18px}
.approval p{font-size:12px;color:#b3acbc;overflow-wrap:anywhere}
.approval code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;background:#121216;border-radius:5px;font-size:11px}
.settings-layout{max-width:800px}
.settings-layout .panel{margin-bottom:20px}
.setting-row{padding:20px 24px;border-bottom:1px solid var(--edge)}
.setting-row p{font-size:12px;color:var(--muted);margin-bottom:0}
.setting-row label{margin-top:0}
.setting-row input[type=checkbox]{width:auto}
.agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.agent-grid .panel-body{min-height:180px}
.agent-grid p{font-size:12px;color:var(--muted)}
#notice{padding:12px 24px;background:#292333;border-bottom:1px solid #4e405e;color:#d5c4e9;font-size:12px;white-space:pre-wrap}
#notice.error{background:#35232a;color:#f4b8be}
.loading{padding:80px;text-align:center;color:var(--muted)}
.icon{background:none;font-size:17px;color:#a79fb7}
#menu{display:none}
.manage{max-width:550px}
.manage input[type=checkbox]{width:auto}
.danger{color:#e4b4aa}
@keyframes appear{from{opacity:0;transform:translateY(5px)}
to{opacity:1;transform:translateY(0)}
}
@media(min-width:1500px){#view{padding:50px 65px}
}
@media(max-width:1100px){.sidebar{width:210px}
.brand{font-size:17px}
.beta{display:none}
main{margin-left:210px}
#view{padding:28px}
.topbar{padding:0 28px}
.workspace-grid{grid-template-columns:minmax(0,1fr)}
.activity-panel .panel-body{max-height:230px;overflow:auto}
.hero-art{right:2%;opacity:.5}
.hero-copy{max-width:80%}
}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:244px;transition:transform .2s}
.sidebar.open{transform:translateX(0);box-shadow:15px 0 60px #0008}
main{margin-left:0}
#menu{display:inline-block;margin-right:14px}
.topbar{height:63px;padding:0 18px}
.connection .tiny,.separator{display:none}
#view{padding:24px 18px}
.heading{align-items:flex-start}
h1{font-size:28px}
.heading>.primary{font-size:10px;padding:9px}
.hero{padding:26px;min-height:235px}
.hero h2{font-size:23px}
.hero-copy{max-width:100%}
.hero-art{right:-70px;opacity:.18}
.stats{gap:8px;margin-bottom:26px}
.stat{padding:12px}
.stat strong{font-size:21px}
.stat strong small{display:block;font-size:9px;margin-left:0}
.section-top{flex-wrap:wrap;gap:12px}
#search{width:150px}
.file-layout{grid-template-columns:1fr}
.file-tree{border-bottom:1px solid var(--edge);border-right:0;display:flex;overflow:auto}
.file-tree button{width:auto;white-space:nowrap}
.tabs{gap:17px;overflow:auto}
.tab{white-space:nowrap}
.workspace-top{display:block}
.workspace-top .actions{margin-top:16px}
.chat{padding:16px}
footer{padding:20px 18px}
footer>span:last-child{display:none}
.connection{font-size:9px}
.composer-footer .hint{max-width:180px}
.project-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

.signed-out .sidebar,.signed-out .topbar{display:none}.signed-out main{margin-left:0}.signed-out #view{max-width:1200px;display:flex;align-items:center;justify-content:center;min-height:90vh}.signed-out #notice{position:sticky;top:0;z-index:9}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;width:100%;align-items:center;padding:35px 10px}.auth-story .brand{margin-bottom:90px;font-size:27px}.auth-story h1{font-size:52px;letter-spacing:-2px;margin-top:22px;line-height:1.13}.auth-story p{color:var(--muted);font-size:16px;line-height:1.9;margin:25px 0}.auth-card .panel-body{padding:32px}.auth-card h2{font-size:27px;margin-top:12px}.auth-card p{font-size:12px}.auth-submit{width:100%;margin:18px 0 10px}.auth-switch{text-align:center}.secret-input{display:flex;gap:8px}.secret-input input{min-width:0}.secret-input button{min-width:62px;flex:none}.check-label{display:flex;align-items:flex-start;gap:10px}.check-label input[type=checkbox]{width:auto;margin-top:5px}.panel a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.domain-search{display:grid;grid-template-columns:1fr 120px auto;align-items:end;gap:12px}.domain-suggestions{margin-top:18px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;min-width:850px;width:100%;text-align:left;font-size:11px}caption{text-align:left;color:var(--muted);padding:14px 0}th{font-weight:500;color:#a5a0b6;font-size:10px;white-space:nowrap}td,th{border-bottom:1px solid var(--edge);padding:14px 12px;vertical-align:top}td:first-child{min-width:190px}td .tiny{display:block;margin:6px 0}td .hint{max-width:240px;line-height:1.7}.domain-bottom{max-width:none;margin-top:24px}.candidate{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--edge)}.readiness-row{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:16px 0;border-bottom:1px solid var(--edge)}.readiness-row strong{font-size:12px}.readiness-row p{font-size:11px;color:var(--muted);margin:6px 0}.readiness-row .badge{white-space:nowrap}.auth-card:focus-within{border-color:#645476}body[aria-busy=true] .connection::after{content:'Working…';color:var(--accent)}.profile .icon{margin-left:auto}@media(max-width:760px){.auth-layout{grid-template-columns:1fr;gap:25px;padding:0}.auth-story .brand{margin-bottom:24px}.auth-story h1{font-size:32px}.auth-story h1 br{display:none}.auth-story p{font-size:12px;margin:12px 0}.auth-story .badge{display:none}.auth-card .panel-body{padding:24px}.domain-search{grid-template-columns:1fr 90px}.domain-search button{grid-column:1/-1}.readiness-row{display:block}.readiness-row .badge{display:inline-block;margin-top:8px}.sidebar .local-card{padding:10px}.sidebar-projects{margin-top:15px}.brand{margin-bottom:25px}}
.wallet-history{margin-top:24px}.simulation-warning{border:1px solid #b79b6e55;border-radius:8px;padding:18px;margin:18px 0;color:#d8bd98}.payment-address{overflow-wrap:anywhere;user-select:all;color:#d9c3fa}.role-choice{display:grid;grid-template-columns:130px 150px 1fr;gap:10px;align-items:center;margin:12px 0}.role-choice label{margin:0}details{padding:12px 0;border-bottom:1px solid var(--edge)}summary{cursor:pointer;color:var(--accent);font-size:12px;margin-bottom:10px}.sidebar{overflow-y:auto}.sidebar .brand{margin-bottom:25px}.sidebar-projects{margin-top:20px;flex-shrink:0}.local-card{margin-top:25px}#project-content .actions{margin-top:16px}#project-content .table-scroll table{min-width:700px}.auth-story .brand{margin-bottom:65px}@media(max-width:760px){.role-choice{grid-template-columns:1fr}.wallet-history table{min-width:600px}.auth-story .brand{margin-bottom:22px}}
.agent-controls{margin-bottom:24px}.agent-controls .actions{margin:16px 0}.agent-grid .actions{margin:16px 0}.agent-grid .panel-body{height:100%}#agent-result{margin-top:24px}.agent-controls textarea{min-height:90px}.agent-controls .check-label{max-width:850px}