:root{color:#17202a;background:#f4f1ea;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.page{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:72px 0 140px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:20px;align-items:start}.weekly,.external{padding:30px;border:1px solid #d7d0c3;border-radius:24px;background:#fffdf8;box-shadow:0 24px 70px #3d301914}.head,.external__head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.eyebrow{margin:0 0 8px;color:#99752f;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2{margin:0 0 10px;line-height:1.1}h1{font-size:clamp(28px,4vw,42px)}h2{font-size:26px}.lead,.external__lead{margin:0;color:#686154;line-height:1.6}.counter{padding:8px 12px;border-radius:999px;background:#e3efe9;color:#20473e;white-space:nowrap;font-weight:650}.composer{display:flex;gap:8px;margin:28px 0 18px}.composer input{flex:1;padding:12px 14px;border:1px solid #c9c0b1;border-radius:10px;background:#fff}.composer button{padding:10px 14px;border:1px solid #2d5b4f;border-radius:10px;background:#2d5b4f;color:#fff}.tasks{display:grid;gap:8px;margin:0;padding:0;list-style:none}.tasks li{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #e7e0d5;border-radius:12px}.tasks label{display:flex;gap:10px;align-items:center}.tasks .done span{color:#8c8374;text-decoration:line-through}.remove{border:0;background:transparent;color:#8c3c27;font-size:20px;line-height:1}.footer{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid #e7e0d5;color:#7c7365;font-size:13px}.footer button{padding:8px 10px;border:1px solid #c9c0b1;border-radius:8px;background:transparent;color:#554d41}.external{background:#263d36;border-color:#263d36;color:#f8f3e8}.external .eyebrow{color:#bcd2c8}.external__lead{color:#cad8d2}.external code{color:#bcd2c8}.external__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.external__actions button{padding:9px 10px;border:1px solid #506c61;border-radius:8px;background:#304f45;color:#eef6f1;font-size:12px;text-align:left}.notice{margin:16px 0 0;color:#e8c98b;font-size:13px}.response-label{margin:22px 0 8px;color:#9db9ae;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}pre{max-height:340px;margin:0;overflow:auto;padding:14px;border:1px solid #3e5d51;border-radius:12px;background:#1f332d;color:#dcebe4;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.approval{position:fixed;right:28px;bottom:28px;z-index:60;width:min(370px,calc(100vw - 32px));padding:18px;border:1px solid #bae6fd;border-radius:16px;background:#f0f9ff;box-shadow:0 16px 48px #0f172a2e}.approval h3{margin:0 0 6px;font-size:16px}.approval code{color:#475569;font-size:12px;word-break:break-all}.approval p:not(.eyebrow){color:#64748b;font-size:12px;line-height:1.5}.approval__actions{display:flex;justify-content:flex-end;gap:8px}.approval__actions button{padding:7px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155}.approval__actions .primary{border-color:#0284c7;background:#0284c7;color:#fff}@media(max-width:900px){.page{width:min(100% - 24px,1120px);grid-template-columns:1fr;padding-top:28px}.head{display:block}.counter{display:inline-block;margin-top:16px}.external__actions{grid-template-columns:1fr}}
