@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Manrope:wght@400;500;600;700&display=swap";:root{--cream:#f5f1e7;--ink:#17324a;--blue:#176b87;--sky:#a9d9da;--orange:#ef6a3a;--line:#bfc9c4;--green:#2f7a5b}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:Manrope,sans-serif}.app{grid-template-columns:76px 1fr;min-height:100vh;display:grid}aside{border-right:1px solid var(--ink);background:var(--cream);z-index:5;flex-direction:column;align-items:center;width:76px;display:flex;position:fixed;top:0;bottom:0;left:0}.mark{writing-mode:vertical-rl;margin-top:20px;font:700 15px Manrope;transform:rotate(180deg)}.mark span{color:var(--orange)}aside nav{flex-direction:column;gap:5px;margin:auto;display:flex}aside nav button{color:var(--ink);background:0 0;border:0;width:32px;height:32px;font:500 9px DM Mono}aside nav .active{background:var(--ink);color:var(--cream)}aside p{writing-mode:vertical-rl;color:#64777c;margin-bottom:20px;font:400 7px/1.5 DM Mono;transform:rotate(180deg)}main{grid-column:2;width:100%;max-width:1520px;margin:auto}header{border-bottom:1px solid var(--ink);background:radial-gradient(circle at 72% 28%,#bfe5df 0 12%,#0000 13%),linear-gradient(115deg,#0000 0 63%,#e9e2d4 63%);justify-content:space-between;align-items:flex-end;min-height:520px;padding:70px 5vw 52px;display:flex}header span,.rail-head span,.label span,.title>span,.memo>div>span{letter-spacing:.15em;color:var(--orange);font:500 9px DM Mono}header h1{letter-spacing:-.055em;margin:70px 0 0;font:600 clamp(58px,8vw,118px)/.87 Fraunces,serif}header h1 em{color:var(--blue);font-weight:500}.meta{border-left:1px solid var(--ink);padding-left:22px;font:400 9px DM Mono}.meta p{margin:7px 0}.briefs{border-bottom:1px solid var(--ink);padding:30px 5vw}.rail-head{justify-content:space-between;margin-bottom:14px;display:flex}.rail-head b{font:500 9px DM Mono}.briefs>button{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:17px 8px;display:grid}.briefs>button:last-child{border-bottom:1px solid var(--line)}.briefs>button:hover,.briefs>button.selected{background:#e8e4d8}.briefs code{color:var(--blue);font:400 9px DM Mono;display:block}.briefs strong{font-size:14px}.briefs svg{width:15px}.state{border:1px solid;padding:6px 8px;font:500 8px DM Mono}.contradicts{color:var(--orange)}.root-cause{color:var(--blue)}.safe-to-build{color:var(--green)}.workspace{border-bottom:1px solid var(--ink);grid-template-columns:1.1fr .9fr;display:grid}.spec,.review{padding:48px 5vw}.spec{border-right:1px solid var(--ink)}.label{align-items:center;gap:8px;display:flex}.label svg{width:16px;color:var(--orange)}.spec h2{margin:28px 0;font:500 38px/1.15 Fraunces}.decision{background:var(--ink);color:var(--cream);gap:14px;padding:18px;display:flex}.decision svg{color:#ff8b63;width:19px}.decision small,.paths small,.prompt small,.human small{letter-spacing:.1em;color:#ff8b63;font:500 8px DM Mono}.decision p{margin:5px 0;font-size:12px;line-height:1.5}.paths{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:22px;display:grid}.paths>div{padding:20px 15px 0 0}.paths .hold{border-left:1px solid var(--line);padding-left:20px}.paths small{color:var(--green);margin-bottom:12px;display:block}.paths .hold small{color:var(--orange)}.paths span{gap:7px;margin:9px 0;font-size:10px;display:flex}.paths svg{width:13px;color:var(--green)}.paths .hold svg{color:var(--orange)}.review{background:#e9e4d8}.prompt{border:1px solid var(--ink);margin-top:24px;padding:16px}.prompt small{color:var(--blue);margin-bottom:9px;display:block}.prompt code{font:400 10px/1.45 DM Mono}.ai-output{border:1px solid var(--line);margin-top:15px;padding:16px}.ai-output>div{align-items:center;gap:8px;display:flex}.ai-output svg{width:16px;color:var(--blue)}.ai-output b{font-size:11px}.ai-output p{color:#53646b;margin:10px 0 0;font-size:11px}.human{border:2px solid var(--orange);gap:12px;margin-top:12px;padding:15px;display:flex}.human svg{color:var(--orange);width:19px}.human b{margin-top:5px;font-size:12px;display:block}.review>button{background:var(--blue);color:#fff;cursor:pointer;border:0;align-items:center;gap:7px;margin-top:18px;padding:13px 17px;font-weight:700;display:flex}.review>button svg{width:16px}.passed{border:1px solid var(--green);color:var(--green);align-items:center;gap:7px;margin-top:10px;padding:11px;font:500 9px DM Mono;display:flex}.passed svg{width:15px}.architecture{border-bottom:1px solid var(--ink);padding:80px 5vw}.title{justify-content:space-between;align-items:end;display:flex}.title h2{margin:0;font:500 48px/1 Fraunces}.cycle{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;margin-top:45px;display:grid}.cycle>div{border-top:3px solid var(--blue);flex-direction:column;min-height:124px;padding:18px 12px;display:flex}.cycle>div svg{width:21px;color:var(--orange);margin-bottom:auto}.cycle b{font-size:11px}.cycle span{color:#687a7f;margin-top:5px;font-size:9px}.cycle>svg{width:16px;margin:0 6px}.memo{background:var(--ink);color:var(--cream);padding:80px 5vw}.memo h2{margin:20px 0 44px;font:500 56px/1.06 Fraunces}.memo-grid{background:#4f6573;border:1px solid #4f6573;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.memo article{background:var(--ink);padding:24px}.memo article b{color:#ff8b63;font:500 9px DM Mono}.memo article p{color:#bdcacd;font-size:12px;line-height:1.6}footer{border-top:1px solid var(--ink);grid-column:1/-1;align-items:center;gap:12px;padding:20px 4vw 20px calc(76px + 5vw);font:400 8px DM Mono;display:flex}footer svg{width:14px;color:var(--orange)}footer span:last-child{margin-left:auto}@media (width<=900px){.app{grid-template-columns:48px 1fr}aside{width:48px}header{min-height:480px;padding:55px 20px;display:block}header h1{margin-top:70px;font-size:58px}.meta{margin-top:45px}.briefs{padding:30px 20px}.workspace{grid-template-columns:1fr}.spec,.review{padding:42px 20px}.spec{border-right:0;border-bottom:1px solid var(--ink)}.architecture,.memo{padding:60px 20px}.title{display:block}.title h2{margin-top:15px;font-size:40px}.cycle{grid-template-columns:1fr}.cycle>svg{margin:7px auto;transform:rotate(90deg)}.memo h2{font-size:42px}.memo-grid{grid-template-columns:1fr}footer{flex-wrap:wrap;padding-left:68px}footer span:last-child{width:100%;margin-left:0}.paths{grid-template-columns:1fr}.paths .hold{border-left:0;padding-left:0}}