:root{--ink:#14211c;--muted:#68766f;--paper:#f3f1e9;--card:#fbfaf5;--line:#d9ddd4;--green:#0c6b4f;--green-dark:#084d3a;--lime:#c9f36d;--red:#a8392c;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#f3f1e9eb;justify-content:space-between;align-items:center;height:66px;padding:0 4vw;display:flex;position:sticky;top:0}.brand{color:inherit;letter-spacing:-.02em;align-items:center;gap:11px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:50% 50% 48% 52%/60% 45% 55% 40%;place-items:center;width:29px;height:29px;font-family:Georgia,serif;font-weight:700;display:grid}.connection{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;display:flex}.connection-dot{background:var(--red);border-radius:50%;width:7px;height:7px}.connection.online .connection-dot{background:#19a66f;box-shadow:0 0 0 4px #19a66f1f}.shell{width:min(1380px,92vw);margin:0 auto}.hero{justify-content:space-between;align-items:flex-end;gap:40px;min-height:420px;padding:72px 0 56px;display:flex}.eyebrow,.section-number{font:500 10px var(--mono);letter-spacing:.18em;color:var(--green)}h1{letter-spacing:-.075em;max-width:900px;margin:26px 0 30px;font-size:clamp(52px,7vw,104px);line-height:.88}h1 em{color:var(--green);font-family:Playfair Display,Georgia,serif;font-weight:700}.intro{max-width:620px;color:var(--muted);font-size:15px;line-height:1.75}.hero-actions{white-space:nowrap;gap:10px;padding-bottom:8px;display:flex}.button{border:1px solid var(--ink);border-radius:3px;min-height:43px;padding:12px 18px;font-size:12px;font-weight:700;transition:transform .15s,background .15s}.button:hover:not(:disabled){transform:translateY(-2px)}.button.primary{color:#fff;background:var(--green);border-color:var(--green)}.button.primary:hover{background:var(--green-dark)}.button.secondary{background:0 0}.button:disabled{opacity:.5;cursor:wait}.diagnostics{background:var(--ink);color:#fff;border-radius:3px;grid-template-columns:1.35fr repeat(5,1fr);display:grid;overflow:hidden;box-shadow:0 18px 50px #14211c24}.diag-main,.metric{border-right:1px solid #ffffff1f;min-width:0;padding:22px 25px}.diag-main{background:var(--green);align-items:center;gap:14px;display:flex}.metric:last-child{border:0}.diag-main div,.metric{flex-direction:column;gap:7px;display:flex}.diagnostics small{font:500 8px var(--mono);letter-spacing:.16em;color:#ffffff8c}.diagnostics strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pulse{border:1px solid #ffffff59;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;display:grid}.pulse span{background:var(--lime);width:7px;height:7px;box-shadow:0 0 12px var(--lime);border-radius:50%}.error{color:#76261d;background:#faebe8;border:1px solid #d5a8a2;align-items:center;gap:6px;margin-top:18px;padding:14px 18px;font-size:12px;display:flex}.error button{color:inherit;background:0 0;border:0;margin-left:auto;font-size:20px}.editor{background:var(--card);border:1px solid var(--line);margin-top:34px;box-shadow:0 14px 40px #14211c12}.editor-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.editor-heading>div{align-items:baseline;gap:18px;display:flex}.editor h2,.section-title h2{letter-spacing:-.04em;margin:0;font-size:22px}.icon-button{color:var(--muted);background:0 0;border:0;font-size:24px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;padding:28px;display:grid}.form-grid label{color:var(--ink);font:500 9px var(--mono);letter-spacing:.11em;text-transform:uppercase}.form-grid label span{color:var(--muted)}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:12px var(--sans);background:#fff;border-radius:2px;outline:none;margin-top:9px;padding:12px;display:block}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #0c6b4f14}.form-grid .code-input{font-family:var(--mono);font-size:11px}.span-2{grid-column:span 2}.editor-footer{border-top:1px solid var(--line);background:#f7f6f0;justify-content:flex-end;gap:10px;padding:16px 28px;display:flex}.workspace{padding:90px 0 60px}.section-title{align-items:baseline;gap:22px;margin-bottom:28px;display:flex}.section-title p{font:10px var(--mono);color:var(--muted);margin:5px 0 0}.toolbar{border:1px solid var(--line);background:var(--card);grid-template-columns:minmax(240px,1fr) 180px 190px;margin-bottom:18px;display:grid}.toolbar>*{border:0;border-right:1px solid var(--line);min-height:49px;color:var(--ink);background:0 0;outline:none;padding:0 16px;font-size:11px}.toolbar>:last-child{border-right:0}.search{align-items:center;gap:12px;display:flex}.search span{color:var(--green);font-size:22px}.search input{background:0 0;border:0;outline:none;width:100%;font-size:11px}.task-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.task-card{background:var(--card);border:1px solid var(--line);flex-direction:column;min-height:350px;padding:22px;transition:border .15s,transform .15s,box-shadow .15s;display:flex;position:relative}.task-card:before{content:"";transform-origin:0;background:#9ca8a2;height:3px;transition:transform .2s;position:absolute;top:-1px;left:-1px;right:-1px;transform:scaleX(0)}.task-card.status-in_progress:before{background:#d39c24}.task-card.status-done:before{background:var(--green)}.task-card:hover{border-color:#b6beb9;transform:translateY(-3px);box-shadow:0 14px 35px #14211c14}.task-card:hover:before{transform:scaleX(1)}.card-top{justify-content:space-between;align-items:center;display:flex}.row-number{font:500 8px var(--mono);letter-spacing:.13em;color:#98a39d}.status-pill{font:500 8px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:1px solid #cbd1cd;border-radius:20px;padding:5px 8px}.status-pill.in_progress{color:#87600d;background:#fff6df;border-color:#e8cf91}.status-pill.done{color:var(--green);background:#e8f5ed;border-color:#aed1bd}.task-card h3{letter-spacing:-.025em;margin:24px 0 9px;font-size:17px}.description{color:var(--muted);min-height:36px;margin:0;font-size:11px;line-height:1.65}.tags{flex-wrap:wrap;gap:6px;min-height:25px;margin-top:14px;display:flex}.tags span{font:9px var(--mono);color:var(--green);background:#e5eee9;padding:4px 6px}.task-card dl{border:1px solid var(--line);grid-template-columns:1fr 1fr;margin:18px 0 0;display:grid}.task-card dl div{padding:10px}.task-card dl div+div{border-left:1px solid var(--line)}.task-card dt{font:500 7px var(--mono);letter-spacing:.12em;color:#98a39d;margin-bottom:7px}.task-card dd{align-items:center;gap:7px;margin:0;font-size:10px;display:flex}.priority-bars{align-items:end;gap:2px;height:11px;display:flex}.priority-bars i{background:#d6dad7;width:3px;height:4px;display:block}.priority-bars i:nth-child(2){height:6px}.priority-bars i:nth-child(3){height:8px}.priority-bars i:nth-child(4){height:10px}.priority-bars i:nth-child(5){height:11px}.priority-bars i.active{background:var(--green)}.metadata{background:#edeee9;align-items:center;gap:8px;min-width:0;margin-top:10px;padding:8px 10px;display:flex}.metadata span{font:500 7px var(--mono);color:var(--green)}.metadata code{font:8px var(--mono);white-space:nowrap;text-overflow:ellipsis;color:var(--muted);overflow:hidden}.card-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.card-footer time{font:8px var(--mono);color:#98a39d}.card-footer button{font:500 9px var(--mono);color:var(--green);background:0 0;border:0;padding:5px}.card-footer .danger-link{color:var(--red)}.empty{text-align:center;min-height:300px;color:var(--muted);border:1px dashed #b8c0bb;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{color:var(--green);font-size:40px}.empty h3{color:var(--ink);margin:12px 0 4px}.empty p{font-size:12px}.text-button{color:var(--green);font:500 11px var(--mono);background:0 0;border:0;margin-top:10px}.spinner{border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pagination{font:10px var(--mono);color:var(--muted);justify-content:center;align-items:center;gap:20px;margin-top:25px;display:flex}.pagination button{border:1px solid var(--line);background:var(--card);padding:9px 12px;font-size:10px}.pagination button:disabled{opacity:.35;cursor:default}footer{border-top:1px solid var(--line);font:8px var(--mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;justify-content:space-between;padding:26px 0 42px;display:flex}@media (max-width:1000px){.diagnostics{grid-template-columns:repeat(3,1fr)}.diag-main{grid-column:span 2}.metric:nth-child(3){border-right:0}.task-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.shell{width:min(92vw,560px)}.topbar{padding:0 4vw}.connection{font-size:0}.connection-dot{width:9px;height:9px}.hero{min-height:auto;padding:58px 0 38px;display:block}.hero-actions{margin-top:30px}.hero-actions .button{flex:1}h1{font-size:55px}.intro{font-size:13px}.diagnostics{grid-template-columns:1fr 1fr}.diag-main{grid-column:span 2}.metric{border-bottom:1px solid #ffffff1f}.metric:nth-child(odd){border-right:0}.form-grid{grid-template-columns:1fr;padding:20px}.span-2{grid-column:auto}.workspace{padding-top:65px}.toolbar{grid-template-columns:1fr 1fr}.search{border-right:0;border-bottom:1px solid var(--line);grid-column:span 2}.toolbar>select:last-child{border:0}.task-grid{grid-template-columns:1fr}.task-card{min-height:330px}footer{flex-wrap:wrap;gap:15px}footer span:last-child{width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}