*{box-sizing:border-box}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{color:#172033;background:#f6f8fb;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.app{min-height:100vh}.header{background:#fff;border-bottom:1px solid #e6eaf0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding:18px 52px;display:flex}.header-copy h1{letter-spacing:-.5px;color:#111827;margin:0;font-size:30px;font-weight:750;line-height:1.15}.header-copy p{color:#667085;margin:7px 0 0;font-size:15px}.slack-button{color:#fff;background:#611f69;border:1px solid #5b21b6;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 18px;font-size:14px;font-weight:650;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 1px 2px #10182814,0 2px 5px #611f691f}.slack-button:hover{background:#4f1757;border-color:#4f1757;transform:translateY(-1px);box-shadow:0 3px 8px #1018281f,0 4px 12px #611f692e}.slack-button:active{transform:translateY(0)}.slack-button:focus-visible{outline-offset:2px;outline:3px solid #611f6938}.slack-icon{background:#ffffff29;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;font-weight:800;display:inline-flex}.header-example{background:#faf5fb;border:1px solid #eadcec;border-radius:9px;flex:420px;align-items:flex-start;gap:10px;max-width:640px;padding:10px 12px;display:flex}.example-label{color:#fff;letter-spacing:.3px;text-transform:uppercase;background:#611f69;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:12px;font-weight:700}.header-example-body{color:#475467;flex-direction:column;gap:2px;font-size:12.5px;line-height:1.5;display:flex}.header-example-body strong{color:#172033}.tabs{background:#fff;border-bottom:1px solid #e6eaf0;align-items:center;gap:8px;padding:16px 52px;display:flex}.tabs button{color:#475467;background:0 0;border:0;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s,color .15s}.tabs button:hover{color:#172033;background:#f2f4f7}.tabs button.active{color:#fff;background:#111827}.content{width:min(100% - 40px,1080px);margin:0 auto;padding:42px 0 70px}.panel{width:100%;box-shadow:none;background:0 0;border:0;padding:0}.panel h2{color:#111827;letter-spacing:-.5px;margin:0;font-size:30px;font-weight:750;line-height:1.2}.panel>p{color:#667085;margin:10px 0 0;font-size:16px;line-height:1.6}.panel>input,.panel>input[type=search]{color:#172033;background:#fff;border:1px solid #d0d5dd;border-radius:9px;outline:none;width:100%;margin-top:22px;margin-bottom:28px;padding:14px 16px;font-size:15px;transition:border-color .15s,box-shadow .15s}.panel>input:focus,.panel>input[type=search]:focus{border-color:#667085;box-shadow:0 0 0 3px #6670851f}.decisions-list{flex-direction:column;gap:16px;margin-top:8px;display:flex}.decision-card{background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:24px 26px;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #1018280a,0 2px 6px #10182808}.decision-card:hover{border-color:#d0d5dd;box-shadow:0 2px 4px #1018280d,0 5px 12px #1018280a}.decision-card h3{color:#111827;letter-spacing:-.2px;margin:0;font-size:20px;font-weight:700;line-height:1.4}.decision-card p{color:#475467;margin:14px 0 0;font-size:15px;line-height:1.6}.decision-card strong{color:#172033;font-weight:700}.decision-meta{color:#475467;flex-wrap:wrap;align-items:center;gap:24px;margin-top:16px;font-size:14px;display:flex}.decision-meta strong{color:#344054;margin-right:4px}.decision-actions{align-items:center;gap:10px;margin-top:22px;display:flex}.decision-actions .primary,.decision-actions .delete-button{color:#fff;background:#111827;border:1px solid #111827;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-size:14px;font-weight:650;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;display:inline-flex}.decision-actions .primary:hover,.decision-actions .delete-button:hover{background:#273142;border-color:#273142;transform:translateY(-1px);box-shadow:0 2px 5px #1018281f}.decision-actions .primary:active,.decision-actions .delete-button:active{transform:translateY(0)}.decision-actions .delete-button{color:#b42318;background:#fff;border-color:#fecdca}.decision-actions .delete-button:hover{background:#fef3f2;border-color:#fda29b}form{flex-direction:column;gap:20px;margin-top:24px;display:flex}label{color:#344054;flex-direction:column;gap:8px;font-size:14px;font-weight:650;display:flex}input,textarea{color:#172033;background:#fff;border:1px solid #d0d5dd;border-radius:8px;outline:none;width:100%;padding:12px 14px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus{border-color:#667085;box-shadow:0 0 0 3px #6670851f}textarea{resize:vertical}.primary{color:#fff;background:#111827;border:0;border-radius:8px;width:fit-content;padding:11px 18px;font-weight:650;transition:background .15s,transform .15s}.primary:hover{background:#273142}.primary:active{transform:translateY(1px)}.form-message{border-radius:8px;margin-top:20px;padding:13px 16px;font-size:14px;line-height:1.5}.success-message{color:#027a48;background:#ecfdf3;border:1px solid #abefc6}.error-message{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.empty-state{text-align:center;color:#667085;background:#fff;border:1px solid #e4e7ec;border-radius:12px;margin-top:16px;padding:28px}.empty-state strong{color:#344054;margin-bottom:6px;display:block}.empty-state p{margin:0}.source-card{color:#475467;background:#f8fafc;border:1px solid #e4e7ec;border-radius:9px;margin-top:16px;padding:18px;line-height:1.6}.chat-input{gap:12px;margin-top:20px;display:flex}.chat-input input{flex:1}.slack-status{text-align:center;background:#fff;border:1px solid #e6eaf0;border-radius:14px;max-width:520px;margin:40px auto 0;padding:40px 32px;box-shadow:0 1px 2px #1018280f,0 8px 24px #1018280f}.slack-status-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:28px;font-weight:700;display:flex}.slack-status-icon-success{color:#027a48;background:#ecfdf3;border:1px solid #abefc6}.slack-status-icon-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.slack-status h2{letter-spacing:-.3px;color:#111827;margin:0 0 10px;font-size:22px}.slack-status p{color:#667085;margin:0 0 24px;font-size:15px;line-height:1.6}.slack-status-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.slack-status-secondary{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:11px 18px;font-weight:650}.slack-status-secondary:hover{background:#f9fafb}@media (width<=700px){.header{flex-direction:column;align-items:flex-start;padding:24px}.slack-button{width:100%}.tabs{padding:12px 24px;overflow-x:auto}.content{width:min(100% - 32px,1080px);padding-top:28px}.decision-card{padding:20px}.decision-meta{flex-direction:column;align-items:flex-start;gap:8px}.decision-actions{flex-wrap:wrap}.slack-status{margin-top:16px;padding:28px 20px}.header-example{flex-direction:column;flex:none;gap:8px;width:100%}}
