:root{font-family:var(--typography-fontFamily);line-height:1.5;font-weight:400;color:var(--foreground-primary);background-color:var(--background-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--background-primary)}#root{min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (max-width: 720px){#root{padding:0}}.ramble-app{position:relative;min-height:100vh;padding:3rem 1.5rem 4rem;display:flex;flex-direction:column;gap:2rem;max-width:960px;margin:0 auto;color:var(--foreground-primary)}.gradient-backdrop{position:fixed;inset:0;background:var(--gradients-backdropPurple),var(--gradients-backdropCyan),var(--gradients-backdropPink);filter:var(--effects-blurStrong);z-index:-2}.ramble-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.ramble-header h1{font-size:clamp(2rem,4vw,2.75rem);margin:0;letter-spacing:var(--typography-letterSpacing-wider);text-transform:lowercase;flex:0 0 auto}.header-controls-distributed{display:flex;align-items:center;justify-content:space-evenly;width:100%;gap:1rem;flex-wrap:wrap}.header-controls{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;position:absolute;right:0;top:1rem}.theme-toggle{order:-1}.header-session{display:flex;align-items:center;gap:.75rem}.theme-toggle{padding:.5rem .75rem;border-radius:var(--radius-full);background:var(--surface-pill);border:1px solid var(--border-muted);font-size:1.25rem;cursor:pointer;transition:transform var(--transitions-fast),background-color var(--transitions-fast),border-color var(--transitions-fast);display:flex;align-items:center;justify-content:center}.theme-toggle:hover{transform:translateY(-2px);background:var(--interactive-hover);border-color:var(--border-hover)}.alias-pill{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background:var(--surface-pill);border:1px solid var(--border-muted);font-size:.875rem}.text-button{background:transparent;border:none;color:var(--accent-primary);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:var(--typography-letterSpacing-wider);cursor:pointer;padding:0}.text-button:disabled{opacity:.4;cursor:not-allowed}.auth-view,.feed-view{flex:1;display:flex;flex-direction:column;gap:2rem}.auth-card,.composer-card,.feed-card{background:var(--surface-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:clamp(1.5rem,2vw,2rem);-webkit-backdrop-filter:var(--effects-blur);backdrop-filter:var(--effects-blur);box-shadow:var(--effects-shadowCard)}.auth-card h2,.composer-card h2,.feed-card h2{margin:0;font-size:1.5rem;letter-spacing:var(--typography-letterSpacing-wide)}.auth-copy{margin:.75rem auto 1.5rem;color:var(--foreground-tertiary);max-width:36ch;text-align:center}.auth-form{display:flex;flex-direction:column;gap:.75rem}.input-label{font-size:.8rem;letter-spacing:var(--typography-letterSpacing-wider);text-transform:uppercase;color:var(--foreground-disabled)}input,textarea{width:100%;border-radius:var(--radius-md);border:1px solid var(--border-secondary);background:var(--surface-input);color:var(--foreground-primary);font-size:1rem;padding:.85rem 1rem;font-family:inherit;transition:border-color var(--transitions-normal),background-color var(--transitions-normal)}input:focus,textarea:focus{outline:none;border-color:var(--border-focus);background:var(--surface-inputFocus)}.primary-button{border:none;border-radius:var(--radius-full);padding:.85rem 1.6rem;font-size:.95rem;font-weight:600;background:var(--gradients-primary);color:var(--foreground-onDark);cursor:pointer;transition:transform var(--transitions-fast),box-shadow var(--transitions-fast)}.primary-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.primary-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--effects-glowHover);background:var(--gradients-primaryHover);transition:all var(--transitions-slow)}.form-error{margin:0;font-size:.85rem;color:var(--semantic-errorText)}.auth-footnote{margin:1.5rem auto 0;font-size:.85rem;color:var(--foreground-disabled);max-width:38ch;text-align:center}.composer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.char-count{font-size:.85rem;color:var(--foreground-disabled)}.composer-form{display:flex;flex-direction:column;gap:.75rem}.composer-form textarea{resize:vertical;min-height:6rem}.composer-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.composer-channel-group{flex:1;display:flex;align-items:center;max-width:280px}.composer-channel-input{width:100%;font-size:.85rem;padding:.65rem .85rem}.feed-card{display:flex;flex-direction:column;gap:1.25rem}.feed-header{display:flex;justify-content:space-between;align-items:center}.feed-tip{margin:0;font-size:.9rem;color:var(--foreground-muted)}.empty-state{margin:0;font-size:.95rem;color:var(--foreground-muted)}.ramble-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.25rem}.ramble-item{background:var(--surface-item);border-radius:var(--radius-lg);padding:1rem 1.25rem;border:1px solid var(--border-tertiary);display:flex;flex-direction:column;gap:.75rem}.ramble-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--foreground-disabled)}.ramble-alias{font-weight:600;color:var(--accent-link);text-decoration:none;transition:color var(--transitions-normal)}.ramble-alias:hover{color:var(--accent-linkHover);text-decoration:underline}.ramble-body{margin:0;font-size:1rem;line-height:1.5;color:var(--foreground-secondary);text-align:left}.show-more-button{margin-top:.5rem;display:inline-block;padding:.25rem 0}.show-more-button:hover{text-decoration:underline;color:var(--accent-secondary)}.ramble-edit-form{display:flex;flex-direction:column;gap:.75rem}.ramble-edit-form textarea{resize:vertical;min-height:5rem}.ramble-edit-actions{display:flex;justify-content:flex-end;gap:.75rem}.ramble-actions-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.ramble-actions{display:flex;gap:.75rem;flex-wrap:wrap;flex:1 1 auto;min-width:0}.heart-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.45rem .85rem;border-radius:var(--radius-full);border:1px solid transparent;background:var(--accent-purpleAlpha);color:var(--foreground-primary);font-weight:600;cursor:pointer;transition:transform var(--transitions-fast),background-color var(--transitions-fast),border-color var(--transitions-fast);flex-shrink:0}.heart-button:hover{transform:translateY(-1px);background:var(--accent-purpleAlphaHover);border-color:var(--interactive-activeBorder)}.heart-count{font-size:.85rem}.ramble-footer{text-align:center;font-size:.85rem;color:var(--foreground-subtle);margin-top:auto;padding:2rem 1rem;border-top:1px solid var(--border-primary)}.footer-content{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.footer-company{display:flex;flex-direction:column;gap:.5rem}.footer-company p{margin:0;font-size:.85rem}.footer-disclaimer{font-size:.75rem;color:var(--foreground-faint)}.footer-links{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.footer-link{background:transparent;border:none;color:var(--accent-primary);font-size:.8rem;cursor:pointer;padding:0;text-decoration:none;transition:color var(--transitions-normal)}.footer-link:hover{color:var(--accent-secondary);text-decoration:underline}.footer-legal-notice{font-size:.75rem;color:var(--foreground-faint);max-width:60ch;margin:0 auto;line-height:1.5}.footer-legal-notice p{margin:0}@media (max-width: 720px){.footer-links{flex-direction:column;gap:.75rem;align-items:center}.footer-legal-notice{font-size:.7rem}}.toast-stack{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.75rem}.toast{padding:.75rem 1.25rem;border-radius:var(--radius-sm);font-size:.9rem;-webkit-backdrop-filter:var(--effects-blur);backdrop-filter:var(--effects-blur);border:1px solid transparent;box-shadow:var(--effects-shadowToast)}.text-button.destructive{color:var(--semantic-destructive)}.toast.success{background:var(--semantic-success);border-color:var(--semantic-successBorder)}.toast.error{background:var(--semantic-error);border-color:var(--semantic-errorBorder)}.ramble-item.is-reply{margin-left:2rem;position:relative}.reply-indicator{font-size:.85rem;color:var(--interactive-focus);margin-bottom:.5rem}.reply-form{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-tertiary);display:flex;flex-direction:column;gap:.75rem}.reply-form textarea{resize:vertical;min-height:4rem}.reply-actions{display:flex;justify-content:flex-end;gap:.75rem}.media-preview,.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin-top:.75rem}.media-item,.media-display{position:relative;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-mediaOverlay);aspect-ratio:1}.media-item img,.media-item video,.media-display img,.media-display video{width:100%;height:100%;object-fit:cover}.remove-media{position:absolute;top:.25rem;right:.25rem;width:24px;height:24px;border-radius:50%;background:var(--surface-removeButton);border:1px solid var(--border-hover);color:var(--foreground-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;line-height:1}.remove-media:hover{background:var(--semantic-destructive)}.ramble-interactions{display:flex;gap:.5rem;align-items:center}.interaction-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.35rem .65rem;border-radius:var(--radius-full);border:1px solid transparent;background:var(--interactive-hover);color:var(--foreground-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transitions-fast)}.interaction-button:hover{transform:translateY(-1px);background:var(--interactive-hoverBright);border-color:var(--border-hover)}.interaction-button.active{background:var(--interactive-active);border-color:var(--interactive-activeBorder);color:var(--accent-purpleActive)}.interaction-button:disabled{opacity:.5;cursor:not-allowed}.interaction-count{font-size:.8rem}.comments-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-tertiary)}.loading-comments{font-size:.85rem;color:var(--foreground-subtle);font-style:italic}.comments-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.comment-item{background:var(--interactive-overlay);padding:.75rem;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.5rem}.comment-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.comment-author{font-weight:600;color:var(--accent-linkMuted);text-decoration:none;transition:color var(--transitions-normal)}.comment-author:hover{color:var(--accent-linkHover);text-decoration:underline}.comment-time{color:var(--foreground-subtle)}.comment-body{margin:0;font-size:.9rem;line-height:1.4;color:var(--foreground-secondary)}.comment-form{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.comment-form textarea{resize:vertical;min-height:3rem}.auth-mode-toggle{display:flex;flex-direction:row;gap:10px;margin-bottom:20px;justify-content:center;width:100%}.auth-mode-button{flex:1;min-width:0;white-space:nowrap}label.text-button{display:inline-flex;align-items:center;background:transparent;border:none;color:var(--accent-primary);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:var(--typography-letterSpacing-wider);cursor:pointer;padding:.45rem .85rem}label.text-button:hover{color:var(--accent-secondary)}@media (max-width: 720px){.ramble-app{padding:1.5rem .5rem 3rem;gap:1.25rem}.ramble-header{flex-direction:column;gap:.75rem;padding:0 .25rem}.ramble-header h1{text-align:center}.header-controls-distributed{justify-content:space-between;gap:.5rem;font-size:.85rem}.header-controls-distributed .text-button svg{width:18px;height:18px}.header-controls{position:relative;display:flex;flex-direction:column;align-items:flex-end;width:100%;z-index:1}.theme-toggle{order:0;pointer-events:auto}.header-session{width:100%;justify-content:space-between;pointer-events:auto}.auth-card,.composer-card,.feed-card{padding:1rem;border-radius:18px}.ramble-item{padding:.875rem;border-radius:14px}.ramble-item.is-reply{margin-left:.75rem}.toast-stack{right:.75rem;left:.75rem;bottom:1.5rem}.ramble-actions-row,.ramble-actions{gap:.5rem}.ramble-interactions{gap:.35rem}.interaction-button{padding:.3rem .5rem;font-size:.8rem}.interaction-count{font-size:.75rem}.auth-mode-button{padding:.65rem .5rem .65rem .3rem;font-size:.8rem}.composer-channel-group{max-width:180px}.composer-channel-input{font-size:.8rem;padding:.6rem .7rem}}.feed-loading-container{display:flex;justify-content:center;padding:1.5rem 0}.feed-loading-text{margin:0;font-size:.9rem;color:var(--accent-link);font-style:italic}.feed-sentinel{height:1px;width:100%}.feed-end-text{margin:0;font-size:.85rem;color:var(--foreground-subtle);font-style:italic}.dm-list{display:flex;flex-direction:column;gap:1rem}.dm-list-header{display:flex;justify-content:space-between;align-items:center}.dm-new-conversation{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--surface-item);border-radius:var(--radius-md);border:1px solid var(--border-secondary)}.dm-conversations-list{display:flex;flex-direction:column}.dm-conversations-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.dm-conversation-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;background:var(--surface-item);border:1px solid var(--border-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transitions-fast)}.dm-conversation-item:hover{background:var(--interactive-hover);border-color:var(--border-hover);transform:translateY(-1px)}.dm-conversation-item.dm-conversation-unread{background:var(--interactive-hoverBright);border-color:var(--accent-primary)}.dm-conversation-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.dm-conversation-participant{font-weight:600;color:var(--foreground-primary);display:flex;align-items:center;gap:.5rem}.dm-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:var(--radius-full);background:var(--accent-primary);color:var(--foreground-onDark);font-size:.7rem;font-weight:700}.dm-conversation-preview{display:flex;gap:.35rem;font-size:.85rem;color:var(--foreground-muted);overflow:hidden}.dm-last-message-author{font-weight:600;flex-shrink:0}.dm-last-message-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-conversation-time{font-size:.75rem;color:var(--foreground-disabled);flex-shrink:0}.dm-conversation{display:flex;flex-direction:column;height:70vh;max-height:800px}.dm-conversation-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border-tertiary)}.dm-conversation-messages{flex:1;overflow-y:auto;padding:1rem 0;display:flex;flex-direction:column}.dm-messages-list{display:flex;flex-direction:column;gap:.75rem}.dm-typing-indicator{padding:.5rem 0;font-size:.85rem;color:var(--foreground-muted);font-style:italic}.dm-message{display:flex;flex-direction:column;gap:.35rem;max-width:75%;padding:.75rem 1rem;border-radius:var(--radius-lg);background:var(--surface-item);border:1px solid var(--border-tertiary)}.dm-message-own{align-self:flex-end;background:var(--interactive-active);border-color:var(--interactive-activeBorder)}.dm-message-other{align-self:flex-start;background:var(--surface-item)}.dm-message-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;font-size:.75rem}.dm-message-author{font-weight:600;color:var(--foreground-secondary)}.dm-message-time{color:var(--foreground-disabled)}.dm-message-content{display:flex;flex-direction:column;gap:.5rem}.dm-message-body{margin:0;font-size:.95rem;line-height:1.4;color:var(--foreground-primary);text-align:left;word-wrap:break-word}.dm-message-moderation{padding:.5rem;background:var(--semantic-error);border-radius:var(--radius-sm);font-size:.8rem}.dm-message-status{font-size:.75rem;color:var(--foreground-disabled);font-style:italic}.dm-composer{border-top:1px solid var(--border-tertiary);padding-top:1rem}.dm-composer form{display:flex;flex-direction:column;gap:.75rem}.dm-composer textarea{resize:vertical;min-height:4rem}.dm-composer-footer{display:flex;justify-content:space-between;align-items:center}@media (max-width: 720px){.dm-conversation{height:60vh}.dm-message{max-width:85%;padding:.65rem .85rem}.dm-conversation-item{padding:.85rem}.dm-composer textarea{min-height:3rem}}.channels-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.channels-section[hidden]{display:none}.channels-group{display:flex;flex-direction:column;gap:.5rem}.channels-subtitle{margin:0;font-size:.8rem;letter-spacing:var(--typography-letterSpacing-wider);text-transform:uppercase;color:var(--foreground-disabled)}.channels-list{display:flex;flex-wrap:wrap;gap:.5rem}.channel-pill{padding:.4rem .75rem;border-radius:var(--radius-full);background:var(--surface-pill);border:1px solid var(--border-muted);color:var(--foreground-primary);font-size:.9rem;cursor:pointer;transition:transform var(--transitions-fast),background-color var(--transitions-fast),border-color var(--transitions-fast)}.channel-pill:hover{transform:translateY(-1px);background:var(--interactive-hover);border-color:var(--border-hover)}.channel-pill--active{background:var(--gradients-primary);color:var(--foreground-onDark);border-color:transparent}.channels-empty{color:var(--foreground-tertiary);font-size:.9rem}.channels-controls{display:flex;flex-direction:column;gap:.5rem;width:100%}.channels-search-input,.channels-select-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-muted);border-radius:var(--radius-md);background:var(--surface-card);color:var(--foreground-primary);font-size:.95rem}.channels-search-input:focus,.channels-select-input:focus{outline:none;border-color:var(--border-hover)}.channels-select-row{display:flex;gap:.5rem;width:100%}.channels-select-row .channel-pill{padding:.5rem .9rem}.consent-gate-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;overflow-y:auto}.consent-gate-modal{background:linear-gradient(135deg,#0a0a0f,#4e1b1b);border:1px solid rgba(212,175,55,.3);border-radius:16px;padding:40px;max-width:600px;width:100%;max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 20px 60px #00000080,0 0 40px #d4af3726;animation:slideIn .3s ease-out;margin:auto}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.consent-gate-modal h1{margin:0 0 24px;font-size:28px;color:#fff;text-align:center;background:linear-gradient(135deg,#d4af37,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.consent-content{color:#e8e6e3;line-height:1.6}.consent-intro{margin-bottom:24px;font-size:16px;text-align:center;color:#b8b5b0}.consent-section{margin:20px 0;padding:16px;background:#ffffff08;border-radius:8px;border:1px solid rgba(212,175,55,.2)}.consent-checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:15px;line-height:1.5}.consent-checkbox input[type=checkbox]{margin-top:3px;width:18px;height:18px;cursor:pointer;accent-color:#d4af37;flex-shrink:0}.consent-checkbox span{flex:1}.consent-link{color:#d4af37;text-decoration:underline;cursor:pointer;transition:color .2s}.consent-link:hover{color:gold}.consent-notice{margin:24px 0;padding:16px;background:#d4af371a;border-left:3px solid #d4af37;border-radius:4px;font-size:14px;line-height:1.6}.consent-notice strong{color:#d4af37;font-weight:600}.consent-accept-button{width:100%;padding:16px;font-size:16px;font-weight:600;color:#0a0a0f;background:linear-gradient(135deg,#d4af37,#b8860b);border:none;border-radius:8px;cursor:pointer;transition:all .2s;margin-top:24px}.consent-accept-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 30px #d4af3766;background:linear-gradient(135deg,gold,#d4af37)}.consent-accept-button:disabled{opacity:.5;cursor:not-allowed;background:#555}.consent-footer{margin-top:16px;font-size:13px;color:#8a8780;text-align:center;line-height:1.5}@media (max-width: 640px){.consent-gate-overlay{padding:10px;align-items:flex-start}.consent-gate-modal{padding:20px;margin:10px auto;border-radius:12px}.consent-gate-modal h1{font-size:22px;margin-bottom:16px}.consent-intro{font-size:14px;margin-bottom:16px}.consent-section{margin:12px 0;padding:12px}.consent-checkbox{font-size:13px;gap:10px}.consent-checkbox input[type=checkbox]{width:16px;height:16px}.consent-notice{font-size:12px;margin:16px 0;padding:12px}.consent-accept-button{padding:14px;font-size:15px;margin-top:16px}.consent-footer{font-size:12px;margin-top:12px}}.legal-modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.legal-modal-content{background:#1a1a2e;border-radius:12px;max-width:800px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080}.legal-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.legal-modal-header h2{margin:0;font-size:1.5rem;color:#fff}.legal-modal-close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.legal-modal-close:hover{background-color:#ffffff1a}.legal-modal-body{padding:24px;overflow-y:auto;flex:1}.legal-document{color:#e0e0e0;line-height:1.7}.legal-effective-date{font-style:italic;color:#a0a0a0;margin-bottom:1.5rem;font-size:.9rem}.legal-document section{margin-bottom:2rem}.legal-document h3{color:#fff;font-size:1.25rem;margin-bottom:.75rem;margin-top:1.5rem}.legal-document h4{color:#fff;font-size:1.1rem;margin-bottom:.5rem;margin-top:1rem}.legal-document p{margin-bottom:1rem}.legal-document ul{margin:.75rem 0;padding-left:1.5rem}.legal-document li{margin-bottom:.5rem;width:fit-content}.legal-document strong{color:#fff;font-weight:600}.legal-document a{color:#6c5ce7;text-decoration:underline}.legal-document a:hover{color:#8b7ff5}@media (max-width: 768px){.legal-modal-overlay{padding:0}.legal-modal-content{max-height:100vh;border-radius:0}.legal-modal-header{padding:16px 20px}.legal-modal-body{padding:20px}}.notification-settings{border:1px solid var(--gray-6);border-radius:8px;background:var(--gray-1);overflow:hidden}.notification-settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--gray-6);background:var(--gray-2)}.notification-settings-header h3{margin:0;font-size:18px;font-weight:600}.notification-settings-status{display:inline-block;padding:4px 12px;background:var(--green-4);color:var(--green-11);border-radius:12px;font-size:12px;font-weight:500}.notification-settings-body{padding:20px}.notification-settings-error{padding:12px 16px;background:var(--red-3);color:var(--red-11);border-radius:6px;margin-bottom:16px;font-size:14px}.notification-settings-unsupported,.notification-settings-denied{color:var(--gray-11);line-height:1.5}.notification-settings-denied{color:var(--red-11)}.notification-settings-prompt{text-align:center}.notification-settings-prompt p{margin:0 0 20px;color:var(--gray-11);line-height:1.5}.notification-settings-button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.notification-settings-button:disabled{opacity:.5;cursor:not-allowed}.notification-settings-button.primary{background:var(--blue-9);color:#fff}.notification-settings-button.primary:hover:not(:disabled){background:var(--blue-10)}.notification-settings-button.secondary{background:var(--gray-4);color:var(--gray-11)}.notification-settings-button.secondary:hover:not(:disabled){background:var(--gray-5)}.notification-settings-preferences{display:flex;flex-direction:column;gap:20px}.notification-settings-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--gray-12)}.notification-settings-preference{margin-bottom:12px}.notification-settings-preference:last-child{margin-bottom:0}.notification-settings-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.notification-settings-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.notification-settings-checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.notification-settings-checkbox-label span{color:var(--gray-12);font-size:14px}.notification-settings-actions{padding-top:16px;border-top:1px solid var(--gray-6)}.notification-settings-info{padding-top:16px;border-top:1px solid var(--gray-6);color:var(--gray-10)}.notification-settings-info small{font-size:12px}
