:root{--bg:#0b0b0c;--surface:#121214;--surface-2:#17171a;--paper:#f1efe9;--muted:#9d9a94;--line:rgba(255,255,255,.15);--line-strong:rgba(255,255,255,.28);--lime:#d8ff3e;--violet:#7b5cff;--orange:#ff6b35;--red:#ff725c;--display:"Unbounded",sans-serif;--body:"Manrope",sans-serif;--mono:"JetBrains Mono",monospace;--shadow:0 28px 70px rgba(0,0,0,.34)}
.project-title-link{color:inherit;text-decoration:none;transition:.2s}.project-title-link span{color:var(--lime);font:400 13px var(--mono)}.project-title-link:hover{color:var(--lime)}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--body);font-size:16px;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.04;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:32px 26px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:rgba(11,11,12,.88);backdrop-filter:blur(18px);z-index:20}.brand{display:flex;align-items:center;gap:10px;color:var(--paper);text-decoration:none}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#101011;font:700 17px var(--display);letter-spacing:-.08em}.brand b{display:block;font:700 16px var(--display);letter-spacing:-.06em}.brand small{display:block;margin-top:3px;color:var(--muted);font:500 8px var(--mono);letter-spacing:.12em;text-transform:uppercase}.nav{margin-top:64px;display:grid;gap:5px}.nav-item{position:relative;border:1px solid transparent;background:transparent;text-align:left;padding:13px 12px;color:var(--muted);font:600 11px var(--body);cursor:pointer;text-decoration:none;transition:.2s}.nav-item span{display:inline-grid;width:27px;color:var(--lime);font-family:var(--mono)}.nav-item:hover,.nav-item.active{border-color:var(--line);background:rgba(255,255,255,.04);color:var(--paper)}.nav-item.active:after{content:"";position:absolute;right:11px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--lime);transform:translateY(-50%);box-shadow:0 0 0 6px rgba(216,255,62,.08)}.home-link{display:block;margin-bottom:13px;padding-bottom:21px;border-bottom-color:var(--line)}.sidebar-note{margin-top:auto;border-top:1px solid var(--line);padding-top:20px;display:flex;gap:12px;align-items:flex-start}.sidebar-note b,.sidebar-note small{display:block}.sidebar-note b{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.06em}.sidebar-note small{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.5}.pulse{flex:0 0 auto;width:7px;height:7px;margin-top:3px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 7px rgba(216,255,62,.09)}main{padding:32px clamp(24px,4.2vw,68px) 80px;min-width:0}.topbar{min-height:96px;display:flex;justify-content:space-between;gap:28px;align-items:center;margin-bottom:42px;padding-bottom:26px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 10px;color:var(--lime);font:600 10px var(--mono);letter-spacing:.14em;text-transform:uppercase}.topbar h1{max-width:760px;margin:0;font:500 clamp(25px,3vw,43px)/1.15 var(--display);letter-spacing:-.055em}.topbar h1 em{display:block;margin-top:5px;color:transparent;font-style:normal;-webkit-text-stroke:1px rgba(241,239,233,.7)}.top-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.saved-at{color:var(--muted);font:500 9px var(--mono);margin-right:5px}.primary,.secondary,.icon-btn,.text-btn,.close-btn{font:700 10px var(--body);letter-spacing:.02em;cursor:pointer;transition:.2s}.primary{border:1px solid var(--lime);background:var(--lime);color:#101011;padding:12px 15px}.primary:hover{background:var(--paper);border-color:var(--paper);transform:translateY(-1px)}.secondary{border:1px solid var(--line-strong);background:transparent;padding:10px 13px;color:var(--paper);text-decoration:none}.secondary:hover,.icon-btn:hover{border-color:var(--lime);color:var(--lime)}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);background:transparent;color:var(--paper)}.view{display:none}.active-view{display:block}.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.65fr);gap:18px}.focus-card{position:relative;min-height:290px;padding:30px;background:linear-gradient(135deg,#6d50ff 0%,#311f78 58%,#111 100%);color:white;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.2)}.focus-card:before{content:"";position:absolute;width:330px;height:330px;right:-80px;top:-95px;border-radius:46% 54% 62% 38%/42% 38% 62% 58%;background:radial-gradient(circle at 30% 24%,#fff 0 1%,var(--lime) 8%,var(--orange) 38%,var(--violet) 68%,transparent 69%);filter:blur(3px);opacity:.72}.focus-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,10,29,.88),transparent 75%)}.focus-card>*{position:relative;z-index:1}.focus-label{display:flex;align-items:center;gap:8px;font:600 9px var(--mono);letter-spacing:.14em;text-transform:uppercase}.focus-card h2{max-width:650px;margin:42px 0 12px;font:600 clamp(24px,3vw,40px)/1.12 var(--display);letter-spacing:-.055em}.focus-card p{max-width:590px;color:rgba(255,255,255,.7);font-size:12px;line-height:1.65}.focus-bottom{position:absolute;bottom:28px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;z-index:2}.focus-bottom button{border:1px solid rgba(255,255,255,.45);background:rgba(10,8,18,.35);color:white;padding:10px 13px;font:700 10px var(--body);cursor:pointer;backdrop-filter:blur(8px)}.focus-bottom button:hover{background:var(--lime);border-color:var(--lime);color:#111}.score-pill{border:1px solid rgba(255,255,255,.32);padding:8px 11px;font:600 9px var(--mono)}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{position:relative;padding:20px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;min-height:139px;overflow:hidden}.metric:nth-child(2){background:var(--lime);color:#111;border-color:var(--lime)}.metric:nth-child(3){background:var(--orange);color:#111;border-color:var(--orange)}.metric:nth-child(2) .label,.metric:nth-child(2) .trend,.metric:nth-child(3) .label,.metric:nth-child(3) .trend{color:rgba(0,0,0,.62)}.metric .num{font:500 30px var(--display);letter-spacing:-.06em}.metric .label{color:var(--muted);font:600 8px var(--mono);letter-spacing:.07em;text-transform:uppercase}.metric .trend{color:var(--lime);font:500 9px var(--mono)}.toolbar{margin:42px 0 32px;border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;align-items:center}.tabs{display:flex;gap:2px;overflow:auto}.tab{border:0;border-bottom:2px solid transparent;background:transparent;padding:15px 12px 13px;color:var(--muted);font:700 10px var(--body);white-space:nowrap;cursor:pointer}.tab:hover{color:var(--paper)}.tab.active{color:var(--lime);border-color:var(--lime)}.toolbar-right{display:flex;gap:8px}.search{display:flex;align-items:center;border:1px solid var(--line);background:var(--surface);padding:0 10px;color:var(--lime)}.search input{border:0;outline:0;background:transparent;width:135px;padding:9px;color:var(--paper);font:500 10px var(--body)}select{border:1px solid var(--line);background:var(--surface);padding:9px;color:var(--paper);font:600 10px var(--body)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-head h2,.page-intro h2{margin:0;font:500 21px var(--display);letter-spacing:-.045em}.section-head h2 span{color:var(--muted);font:500 10px var(--mono)}.text-btn{border:0;background:transparent;color:var(--lime)}.text-btn:hover{color:var(--paper)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-card{position:relative;padding:20px;background:var(--surface);border:1px solid var(--line);min-height:292px;display:flex;flex-direction:column;transition:.22s;cursor:pointer;overflow:hidden}.project-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--lime),var(--orange),var(--violet));opacity:0;transition:.22s}.project-card:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:var(--shadow);background:var(--surface-2)}.project-card:hover:before{opacity:1}.card-top{display:flex;justify-content:space-between;gap:8px}.status{font:600 8px var(--mono);letter-spacing:.09em;text-transform:uppercase}.status.active,.status.done{color:var(--lime)}.status.blocked{color:var(--red)}.status.planning{color:#9d87ff}.status.paused{color:var(--muted)}.priority-badge{display:flex;align-items:center;gap:6px;font:600 9px var(--mono)}.priority-dot{width:7px;height:7px;border-radius:50%}.p-high .priority-dot{background:var(--orange)}.p-medium .priority-dot{background:var(--violet)}.p-low .priority-dot{background:var(--lime)}.project-card h3{margin:25px 0 6px;font:500 15px/1.35 var(--display);letter-spacing:-.035em}.category{color:var(--muted);font:500 9px var(--mono)}.progress-line{height:3px;background:rgba(255,255,255,.1);margin:23px 0 9px}.progress-line span{display:block;height:100%;background:linear-gradient(90deg,var(--lime),var(--orange))}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);font:500 9px var(--mono)}.next-step{border-top:1px solid var(--line);margin-top:auto;padding-top:14px}.next-step small{display:block;margin-bottom:6px;color:var(--lime);font:600 8px var(--mono);letter-spacing:.12em}.next-step p{font-size:11px;line-height:1.5;margin:0}.card-footer{display:flex;justify-content:space-between;margin-top:13px;color:var(--muted);font:500 8px var(--mono)}.blocker{color:var(--red);font-weight:700}.empty,.public-empty{grid-column:1/-1;padding:76px 25px;text-align:center;border:1px dashed var(--line-strong);background:linear-gradient(135deg,rgba(123,92,255,.12),rgba(216,255,62,.035));color:var(--muted)}.public-empty h3{margin:0 0 10px;color:var(--paper);font:500 24px var(--display);letter-spacing:-.05em}.public-empty p{max-width:540px;margin:auto;font-size:12px;line-height:1.7}.page-intro{max-width:850px;margin:56px 0 42px}.page-intro h2{font-size:clamp(30px,4vw,54px);line-height:1.04}.page-intro>p:last-child{max-width:680px;color:var(--muted);font-size:13px;line-height:1.75}.focus-list{display:grid;gap:10px}.focus-item{display:grid;grid-template-columns:66px 1.3fr 1fr auto;gap:22px;align-items:center;background:var(--surface);border:1px solid var(--line);padding:19px;transition:.2s}.focus-item:hover{border-color:var(--line-strong);transform:translateX(3px)}.focus-rank{color:var(--lime);font:500 23px var(--display)}.focus-item h3{font:500 14px var(--display);letter-spacing:-.03em;margin:0 0 5px}.focus-item p{font-size:11px;color:var(--muted);margin:0}.architecture{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.architecture article{background:var(--surface);border-right:1px solid var(--line);padding:24px;min-height:245px}.architecture article:last-child{border:0}.step{color:var(--lime);font:600 12px var(--mono)}.architecture h3{font:500 14px var(--display);line-height:1.35;margin:52px 0 12px}.architecture p{font-size:11px;line-height:1.7;color:var(--muted)}.source-table{margin-top:24px;border:1px solid var(--line);background:var(--surface)}.source-row{display:grid;grid-template-columns:1fr 1.5fr 1fr 100px;gap:16px;padding:15px 18px;border-bottom:1px solid var(--line);align-items:center;font-size:11px}.source-row:last-child{border:0}.source-row.header{background:rgba(255,255,255,.04);color:var(--muted);font:600 8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.tag{justify-self:start;padding:5px 8px;font:600 8px var(--mono);text-transform:uppercase}.tag.live{background:var(--lime);color:#111}.tag.planned{border:1px solid var(--line);color:var(--muted)}dialog{width:min(790px,94vw);max-height:92vh;border:1px solid var(--line-strong);padding:0;background:var(--surface);color:var(--paper);box-shadow:0 30px 100px rgba(0,0,0,.7)}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}#projectForm{padding:28px;overflow:auto;max-height:92vh}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:25px}.dialog-head h2{margin:0;font:500 23px var(--display);letter-spacing:-.04em}.close-btn{border:0;background:transparent;font-size:28px;font-weight:400;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .wide{grid-column:1/-1}form label{color:var(--muted);font:600 9px var(--mono);letter-spacing:.03em}form input,form textarea,form select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:#0d0d0f;padding:11px;color:var(--paper);font:500 11px var(--body);outline:none}form input:focus,form textarea:focus,form select:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(216,255,62,.08)}fieldset{border:0;border-top:1px solid var(--line);padding:19px 0 0;margin:21px 0 0}legend{padding:19px 0 0;font:600 10px var(--mono)}legend small{font-family:var(--body);font-weight:500;color:var(--muted);margin-left:5px}.score-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.milestone-row{display:grid;grid-template-columns:1fr 125px 90px 32px;gap:8px;align-items:end;margin:8px 0}.milestone-row select,.milestone-row input{margin-top:0}.check-label{display:flex;gap:7px;align-items:center;height:38px}.check-label input{width:auto;margin:0}.remove-milestone{height:36px;border:0;background:transparent;color:var(--red);cursor:pointer}.dialog-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;margin-top:25px}.danger{color:var(--red)}.ghost{background:transparent;border-color:transparent}#toast{position:fixed;right:24px;bottom:24px;transform:translateY(30px);opacity:0;pointer-events:none;background:var(--paper);color:#111;padding:12px 16px;font:600 10px var(--body);transition:.25s;z-index:110}#toast.show{opacity:1;transform:none}.publish-check{display:flex;align-items:center;gap:8px;color:var(--lime);padding:9px 0}.publish-check input{width:auto;margin:0}.auth-action{text-decoration:none}.owner-only{display:none}.public-mode .owner-only,.public-mode .text-btn{display:none!important}.public-mode .project-card{cursor:default}
@media(max-width:1120px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(4,1fr)}.metric{min-height:110px}.architecture{grid-template-columns:1fr 1fr}.architecture article:nth-child(2){border-right:0}.architecture article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:820px){.shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:18px 20px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;border-right:0;border-bottom:1px solid var(--line)}.brand small{display:none}.nav{margin:0;display:flex;justify-content:flex-end;overflow:auto}.home-link{margin:0;padding-bottom:13px;border-bottom-color:transparent}.sidebar-note{display:none}main{padding:24px 18px 60px}.topbar{align-items:flex-start;min-height:0}.topbar h1{font-size:25px}.saved-at{display:none}.metrics{grid-template-columns:1fr 1fr}.toolbar{align-items:stretch;flex-direction:column;padding-bottom:12px}.toolbar-right{display:grid;grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.search input{width:100%}.focus-item{grid-template-columns:40px 1fr}.focus-item>:nth-child(3){grid-column:2}.source-row{grid-template-columns:1fr 1fr}.source-row span:nth-child(3),.source-row.header span:nth-child(3){display:none}}
@media(max-width:560px){.sidebar{display:block;padding:16px}.brand{margin-bottom:15px}.nav{justify-content:flex-start}.nav-item{white-space:nowrap}.nav-item.active:after{display:none}.topbar{display:block}.top-actions{justify-content:flex-start;margin-top:20px}.topbar h1 em{font-size:19px}.focus-card{min-height:340px;padding:24px}.focus-card:before{right:-150px}.focus-bottom{left:24px;right:24px}.metrics{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr}.architecture{grid-template-columns:1fr}.architecture article{border-right:0;border-bottom:1px solid var(--line)}.architecture article:last-child{border-bottom:0}.section-head{align-items:flex-start}.section-head h2{font-size:18px}.toolbar-right{grid-template-columns:1fr}.search{grid-column:auto}.form-grid,.score-inputs{grid-template-columns:1fr 1fr}.milestone-row{grid-template-columns:1fr 105px 32px}.check-label{grid-column:1/3}.dialog-actions{grid-template-columns:1fr 1fr}.dialog-actions span{display:none}}
.project-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding:10px 11px;border:1px solid var(--line-strong);color:var(--lime);text-decoration:none;transition:.2s}.project-link:hover{border-color:var(--lime);background:rgba(216,255,62,.09);transform:translateY(-1px)}.project-link span{display:grid;gap:3px}.project-link b{font:700 9px var(--body);letter-spacing:.03em}.project-link small{color:var(--muted);font:500 8px var(--mono)}.project-link i{font:400 17px var(--mono);font-style:normal}.project-card:has(.project-link) .progress-line{margin-top:18px}.focus-actions{display:flex;gap:8px;align-items:center}.focus-link{border:1px solid rgba(255,255,255,.45);background:rgba(10,8,18,.35);color:white;padding:10px 13px;font:700 10px var(--body);text-decoration:none;backdrop-filter:blur(8px)}.focus-link:hover{background:var(--lime);border-color:var(--lime);color:#111}
.theme-switch{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:transparent;color:var(--paper);font:400 18px var(--body);cursor:pointer;transition:.25s}.theme-switch:hover{border-color:var(--lime);color:var(--lime);transform:rotate(12deg)}body,.sidebar,.project-card,.metric,.toolbar,.search,select,dialog,form input,form textarea,form select,.source-table,.architecture article,.focus-item,.public-empty{transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s}
html[data-theme="light"]{color-scheme:light;--bg:#f3efe5;--surface:#fffdf8;--surface-2:#fff;--paper:#171715;--muted:#68645c;--line:rgba(23,23,21,.18);--line-strong:rgba(23,23,21,.34);--lime:#6d7f00;--violet:#6547ed;--orange:#ef572f;--red:#b83c31;--shadow:0 28px 70px rgba(49,42,31,.13)}html[data-theme="light"] .noise{opacity:.035;mix-blend-mode:multiply}html[data-theme="light"] .sidebar{background:rgba(243,239,229,.9)}html[data-theme="light"] .topbar h1 em{-webkit-text-stroke:1px rgba(23,23,21,.58)}html[data-theme="light"] .nav-item:hover,html[data-theme="light"] .nav-item.active{background:rgba(23,23,21,.045)}html[data-theme="light"] .metric:nth-child(2){background:#d8ff3e;border-color:#bedf34}html[data-theme="light"] .metric:nth-child(3){background:#ff6b35;border-color:#ef5d28}html[data-theme="light"] form input,html[data-theme="light"] form textarea,html[data-theme="light"] form select{background:#fff}html[data-theme="light"] .progress-line{background:rgba(23,23,21,.11)}html[data-theme="light"] .public-empty{background:linear-gradient(135deg,rgba(123,92,255,.08),rgba(216,255,62,.08))}html[data-theme="light"] #toast{background:#171715;color:#f1efe9}