*{box-sizing:border-box;margin:0;padding:0}body{color:#ededed;background:#0a0a0a;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.container{text-align:center;background:#171717;border:1px solid #2e2e2e;border-radius:12px;width:100%;max-width:560px;padding:48px;box-shadow:0 4px 6px -1px #0000004d}h1{color:#ededed;letter-spacing:-.02em;margin-bottom:12px;font-size:2rem;font-weight:600}h2{color:#ededed;margin-bottom:8px;font-size:1.25rem;font-weight:500}.tagline{color:#a3a3a3;margin-bottom:32px;font-size:1rem;line-height:1.6}.features{text-align:left;background:#0a0a0a;border:1px solid #2e2e2e;border-radius:8px;margin-bottom:32px;padding:20px}.feature{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.feature:last-child{margin-bottom:0}.feature-icon{font-size:1.125rem}.feature-text{color:#a3a3a3;font-size:.9rem;line-height:1.5}.slack-button{color:#171717;cursor:pointer;background:#ededed;border:none;border-radius:8px;align-items:center;gap:10px;padding:12px 24px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.slack-button:hover{background:#d4d4d4}.slack-button svg{width:20px;height:20px}.message{border-radius:6px;margin-top:20px;padding:12px 16px;font-size:.875rem;display:none}.message.success{color:#4ade80;background:#052e16;border:1px solid #166534}.message.error{color:#f87171;background:#450a0a;border:1px solid #991b1b}.message.visible{display:block}.settings-panel{text-align:left;display:none}.settings-panel.visible{display:block}.settings-header{text-align:center;margin-bottom:28px}.user-greeting{color:#a3a3a3;margin-top:8px;font-size:.9rem}.form-group{margin-bottom:24px}.form-group label{color:#ededed;margin-bottom:6px;font-size:.9rem;font-weight:500;display:block}.form-group .hint{color:#a3a3a3;margin-bottom:12px;font-size:.8rem;line-height:1.5}.form-group textarea{resize:vertical;color:#ededed;background:#0a0a0a;border:1px solid #2e2e2e;border-radius:6px;width:100%;min-height:120px;padding:10px 12px;font-family:inherit;font-size:.9rem;transition:border-color .15s}.form-group textarea:focus{border-color:#ededed;outline:none}.form-group textarea::placeholder{color:#525252}.hour-select{color:#ededed;cursor:pointer;background-color:#0a0a0a;border:1px solid #2e2e2e;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:.9rem;transition:border-color .15s}.hour-select:focus{border-color:#ededed;outline:none}.radio-group{flex-direction:column;gap:10px;display:flex}.radio-option{cursor:pointer;background:#0a0a0a;border:1px solid #2e2e2e;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:14px 16px;transition:all .15s;display:grid}.radio-option:hover{background:#111;border-color:#404040}.radio-option:has(input:checked){background:#3b82f614;border-color:#3b82f6}.radio-option input[type=radio]{appearance:none;cursor:pointer;border:2px solid #525252;border-radius:50%;width:18px;height:18px;transition:all .15s;position:relative}.radio-option input[type=radio]:hover{border-color:#737373}.radio-option input[type=radio]:checked{background:#3b82f6;border-color:#3b82f6}.radio-option input[type=radio]:checked:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio-label{flex-direction:column;gap:2px;display:flex}.radio-label strong{color:#ededed;font-size:.9rem;font-weight:500}.radio-description{color:#a3a3a3;font-size:.8rem;line-height:1.4}.button-row{justify-content:center;gap:12px;display:flex}.save-button{color:#171717;cursor:pointer;background:#ededed;border:none;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:background .15s}.save-button:hover{background:#d4d4d4}.save-button:disabled{color:#a3a3a3;cursor:not-allowed;background:#525252}.saved-message{text-align:center;color:#4ade80;margin-top:16px;font-size:.875rem;display:none}.saved-message.visible{display:block}.error-message{text-align:center;color:#f87171;margin-top:16px;font-size:.875rem;display:none}.error-message.visible{display:block}.example-box{color:#a3a3a3;background:#0a0a0a;border:1px solid #2e2e2e;border-radius:6px;margin-bottom:14px;padding:14px;font-size:.85rem;line-height:1.5}.example-box strong{color:#ededed;margin-bottom:6px;font-weight:500;display:block}.disconnect-button{color:#f87171;cursor:pointer;background:0 0;border:1px solid #f87171;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:background .15s,color .15s}.disconnect-button:hover{color:#0a0a0a;background:#f87171}.disconnect-button:disabled{color:#525252;cursor:not-allowed;border-color:#525252}.summarize-section{text-align:center;margin-top:32px}.divider{background:#2e2e2e;height:1px;margin-bottom:24px}.summarize-hint{color:#a3a3a3;margin-bottom:12px;font-size:.875rem}.summarize-button{color:#ededed;cursor:pointer;background:#0a0a0a;border:1px solid #2e2e2e;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:background .15s,border-color .15s}.summarize-button:hover{background:#171717;border-color:#404040}.summarize-button:disabled{color:#525252;cursor:not-allowed;background:#0a0a0a;border-color:#2e2e2e}.footer{text-align:center;color:#a3a3a3;border-top:1px solid #2e2e2e;justify-content:center;align-items:center;gap:6px;margin-top:32px;padding-top:24px;font-size:.8rem;display:flex}.footer-link{color:#ededed;align-items:center;gap:4px;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.footer-link:hover{opacity:.7}.footer-avatar{border-radius:50%}.onboarding-view{text-align:center}.onboarding-sections{margin:28px 0}.onboarding-section{text-align:left;background:#0a0a0a;border:1px solid #2e2e2e;border-radius:8px;align-items:flex-start;gap:16px;margin-bottom:16px;padding:20px;display:flex}.onboarding-section:last-child{margin-bottom:0}.onboarding-icon{flex-shrink:0;font-size:1.5rem}.onboarding-content h3{color:#ededed;margin-bottom:8px;font-size:1rem;font-weight:600}.onboarding-content p{color:#a3a3a3;margin:0;font-size:.9rem;line-height:1.6}.onboarding-content strong{color:#ededed}.slack-dm-link{color:#60a5fa;margin-top:12px;font-size:.85rem;text-decoration:none;transition:color .15s;display:inline-block}.slack-dm-link:hover{color:#93c5fd}.continue-button{margin-top:8px}.dm-link{color:#60a5fa;margin-top:12px;font-size:.85rem;text-decoration:none;transition:color .15s;display:inline-block}.dm-link:hover{color:#93c5fd}