.external-content-card{display:flex;flex-direction:column;gap:.75rem}.external-quote{position:relative;margin:0;padding:.75rem 1rem .75rem 2.5rem;background:var(--bg-secondary, #f9fafb);border-left:3px solid var(--accent-color, #6366f1);border-radius:0 8px 8px 0}.external-quote .quote-icon{position:absolute;left:.75rem;top:.75rem;color:var(--accent-color, #6366f1);opacity:.6}.external-quote p{margin:0;font-size:.9375rem;line-height:1.5;color:var(--text-primary, #1f2937);font-style:italic}.external-link-preview{display:flex;flex-direction:column;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.external-link-preview:hover{border-color:var(--accent-color, #6366f1);box-shadow:0 2px 8px #0000000d}.preview-image-container{width:100%;max-height:200px;overflow:hidden;background:var(--bg-secondary, #f3f4f6)}.preview-image{width:100%;height:auto;max-height:200px;object-fit:cover;display:block}.preview-content{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.375rem}.preview-site{display:flex;align-items:center;gap:.375rem}.site-favicon{width:14px;height:14px;border-radius:2px;flex-shrink:0}.site-name{font-size:.75rem;font-weight:500;color:var(--text-tertiary, #9ca3af);text-transform:uppercase;letter-spacing:.025em}.preview-title{margin:0;font-size:.9375rem;font-weight:600;line-height:1.3;color:var(--text-primary, #1f2937);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-description{margin:0;font-size:.8125rem;line-height:1.4;color:var(--text-secondary, #6b7280);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-meta{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-tertiary, #9ca3af);margin-top:.25rem}.meta-author{color:var(--text-secondary, #6b7280)}.meta-domain{color:var(--text-tertiary, #9ca3af)}.meta-icon{opacity:.5;margin-left:auto}.external-content-card.compact .external-link-preview{flex-direction:row}.external-content-card.compact .preview-image-container{display:none}.external-content-card.compact .preview-content{padding:.625rem .75rem}.external-content-card.compact .preview-title{font-size:.875rem}.external-content-card.compact .external-quote{padding:.5rem .75rem .5rem 2rem}.external-content-card.compact .external-quote .quote-icon{left:.5rem;top:.5rem}.external-content-card.compact .external-quote p{font-size:.875rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (prefers-color-scheme: dark){.external-quote{background:var(--bg-secondary, #1f2937)}.external-link-preview{background:var(--bg-primary, #111827);border-color:var(--border-color, #374151)}.preview-image-container{background:var(--bg-secondary, #1f2937)}.preview-title{color:var(--text-primary, #f9fafb)}.preview-description{color:var(--text-secondary, #9ca3af)}}@media (max-width: 480px){.preview-content{padding:.625rem .75rem}.preview-title{font-size:.875rem}.preview-description{font-size:.75rem}}.oembed-preview{display:flex;flex-direction:column;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s}.oembed-preview:hover{border-color:var(--accent-color, #6366f1);box-shadow:0 2px 8px #00000014}.oembed-thumbnail-container{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg-secondary, #f3f4f6);overflow:hidden}.oembed-thumbnail{width:100%;height:100%;object-fit:cover}.oembed-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;transition:background .2s}.oembed-preview:hover .oembed-play-overlay{background:#0006}.oembed-play-button{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--accent-color, #6366f1);border-radius:50%;box-shadow:0 4px 12px #0000004d;transition:transform .2s,background .2s}.oembed-preview:hover .oembed-play-button{transform:scale(1.1);background:var(--accent-hover, #5558e3)}.oembed-play-button svg{margin-left:4px}.oembed-preview-info{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem}.oembed-badge{display:inline-block;margin-left:8px;padding:2px 6px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:10px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.oembed-click-hint{margin:0;margin-top:.25rem;font-size:.75rem;color:var(--accent-color, #6366f1);font-weight:500}.oembed-container{display:flex;flex-direction:column;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;overflow:hidden}.oembed-content{width:100%}.oembed-content iframe{max-width:100%;border:none}.oembed-content .twitter-tweet{margin:0 auto!important}.oembed-content iframe[src*=youtube],.oembed-content iframe[src*=vimeo]{width:100%;aspect-ratio:16 / 9;height:auto}.oembed-content blockquote.tiktok-embed{margin:0!important;max-width:100%!important}.oembed-content iframe[src*=spotify]{width:100%;min-height:152px}.oembed-footer{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-secondary, #f9fafb);border-top:1px solid var(--border-color, #e5e7eb);font-size:.75rem}.oembed-provider{color:var(--text-secondary, #6b7280);font-weight:500}.oembed-source-link{display:flex;align-items:center;gap:4px;color:var(--accent-color, #6366f1);text-decoration:none;font-weight:500}.oembed-source-link:hover{text-decoration:underline}@media (prefers-color-scheme: dark){.oembed-preview{background:var(--bg-primary, #111827);border-color:var(--border-color, #374151)}.oembed-thumbnail-container{background:var(--bg-secondary, #1f2937)}.oembed-container{background:var(--bg-primary, #111827);border-color:var(--border-color, #374151)}.oembed-footer{background:var(--bg-secondary, #1f2937);border-top-color:var(--border-color, #374151)}}.bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;animation:fadeIn .2s ease-out}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-radius:16px 16px 0 0;display:flex;flex-direction:column;z-index:101;animation:slideUp .3s ease-out;transition:transform .1s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:8px auto;flex-shrink:0}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.bottom-sheet-header h3{margin:0;font-size:1.1rem;font-weight:600}.bottom-sheet-close{width:32px;height:32px;border:none;background:var(--bg-elevated);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-secondary)}.bottom-sheet-content{flex:1;overflow-y:auto;padding:16px;padding-bottom:calc(16px + var(--safe-bottom, 0px));-webkit-overflow-scrolling:touch}.bottom-sheet-menu{display:flex;flex-direction:column;gap:4px}.bottom-sheet-menu-item{display:flex;align-items:center;gap:12px;padding:14px 12px;border:none;background:none;width:100%;text-align:left;font-size:1rem;color:var(--text-primary);border-radius:8px;cursor:pointer;transition:background .15s}.bottom-sheet-menu-item:hover,.bottom-sheet-menu-item:active{background:var(--bg-elevated)}.bottom-sheet-menu-item svg{width:20px;height:20px;color:var(--text-secondary)}.bottom-sheet-menu-item.destructive{color:var(--error)}.bottom-sheet-menu-item.destructive svg{color:var(--error)}.bottom-sheet-divider{height:1px;background:var(--border);margin:8px 0}.post-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.post-settings-modal{background:var(--bg-card);border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:400px;width:90%;max-height:80vh;overflow:hidden;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.post-settings-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color)}.post-settings-modal__header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.post-settings-modal__close{width:32px;height:32px;border:none;background:var(--bg-secondary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-secondary);transition:background .15s}.post-settings-modal__close:hover{background:var(--border-color)}.post-settings-modal__content{overflow-y:auto;max-height:calc(80vh - 60px)}.post-settings{padding:var(--card-padding, 16px)}.post-settings__section{margin-bottom:var(--section-gap, 24px)}.post-settings__section:last-child{margin-bottom:0}.post-settings__section-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.post-settings__row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:8px 0}.post-settings__row-content{flex:1}.post-settings__label{display:block;font-size:1rem;color:var(--text-primary);line-height:1.4}.post-settings__helper{display:block;font-size:.813rem;color:var(--text-muted);margin-top:2px;line-height:1.4}.post-settings__note{font-size:.875rem;color:var(--text-muted);font-style:italic;margin-top:12px;padding:10px 12px;background:var(--bg-secondary);border-radius:6px;line-height:1.4}.post-settings__info{display:flex;gap:8px;padding:12px;margin-top:12px;background:rgba(var(--primary-rgb, 74, 125, 189),.1);border-radius:8px;font-size:.875rem;color:var(--text-secondary)}.post-settings__info svg{flex-shrink:0;margin-top:2px;color:var(--primary)}.post-settings__info p{margin:0;line-height:1.5}.post-settings__toggle{position:relative;min-width:44px;min-height:24px;width:44px;height:24px;background:var(--border-color);border:none;border-radius:12px;cursor:pointer;transition:background-color .2s ease;padding:0;flex-shrink:0}.post-settings__toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.post-settings__toggle--on{background:var(--primary)}.post-settings__toggle:disabled{opacity:.6;cursor:not-allowed}.post-settings__toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.post-settings__toggle--on .post-settings__toggle-thumb{transform:translate(20px)}@media (max-width: 639px){.post-settings__toggle{min-width:52px;min-height:44px;width:52px;height:28px}.post-settings__toggle-thumb{width:24px;height:24px}.post-settings__toggle--on .post-settings__toggle-thumb{transform:translate(24px)}.post-settings__row{padding:12px 0}}.original-post-card{padding:12px;background:var(--bg-secondary);border-radius:8px}.original-post-card__header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.original-post-card__avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.original-post-card__avatar--placeholder{display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:.625rem;font-weight:600}.original-post-card__author{font-size:.875rem;font-weight:500;color:var(--text-primary)}.original-post-card__separator{color:var(--text-muted)}.original-post-card__time{font-size:.813rem;color:var(--text-muted)}.original-post-card__content{font-size:.875rem;color:var(--text-secondary);margin:0 0 8px;line-height:1.4}.original-post-card__link{background:none;border:none;padding:0;font-size:.875rem;color:var(--primary);cursor:pointer;min-height:44px;display:flex;align-items:center}.original-post-card__link:hover{text-decoration:underline}@media (max-width: 639px){.original-post-card{padding:var(--card-padding, 12px)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border-radius:12px;box-shadow:0 4px 24px #0003;max-height:calc(100vh - 32px);overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal--small{width:100%;max-width:400px}.modal--medium{width:100%;max-width:560px}.modal--large{width:100%;max-width:720px}.modal--fullscreen{width:100%;height:100%;max-width:none;max-height:none;border-radius:0}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:background .15s}.modal__close:hover{background:var(--bg-secondary)}.modal__content{flex:1;overflow-y:auto;overscroll-behavior:contain}.modal--fullscreen .modal__header{padding:12px 16px;padding-top:calc(12px + var(--safe-top, 0px))}.modal--fullscreen .modal__content{padding-bottom:var(--safe-bottom, 0px)}@media (min-width: 640px){.modal-overlay{padding:40px}.modal{max-height:calc(100vh - 80px)}}.build-on-composer{display:flex;flex-direction:column;gap:var(--section-gap, 16px);padding:var(--card-padding, 16px)}.build-on-composer__original{padding:12px;background:var(--bg-secondary);border-radius:8px;border-left:3px solid var(--primary)}.build-on-composer__original-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.build-on-composer__avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.build-on-composer__avatar--placeholder{display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:.75rem;font-weight:600}.build-on-composer__original-author{font-weight:500;font-size:.875rem;color:var(--text-primary)}.build-on-composer__original-time{font-size:.813rem;color:var(--text-muted)}.build-on-composer__original-content{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.4}.build-on-composer__quote{padding:12px;background:var(--bg-secondary);border-radius:8px;position:relative}.build-on-composer__quote-icon{position:absolute;top:12px;left:12px;color:var(--primary);opacity:.5}.build-on-composer__quote-text{margin:0 0 8px;padding-left:28px;font-style:italic;color:var(--text-secondary);line-height:1.5}.build-on-composer__remove-quote{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-muted);font-size:.813rem;cursor:pointer;padding:4px 0;min-height:44px}.build-on-composer__remove-quote:hover{color:var(--text-secondary)}.build-on-composer__label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.build-on-composer__textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;min-height:120px;background:var(--bg-card);color:var(--text-primary)}.build-on-composer__textarea:focus{outline:none;border-color:var(--primary)}.build-on-composer__textarea::placeholder{color:var(--text-muted)}.build-on-composer__options{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.build-on-composer__intent{position:relative}.build-on-composer__intent-trigger{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;min-height:44px}.build-on-composer__intent-trigger:hover{border-color:var(--primary)}.build-on-composer__intent-emoji{font-size:1rem}.build-on-composer__intent-label{font-size:.875rem;color:var(--text-primary)}.build-on-composer__intent-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10;min-width:220px;overflow:hidden}.build-on-composer__intent-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:none;border:none;cursor:pointer;text-align:left;min-height:44px}.build-on-composer__intent-option:hover,.build-on-composer__intent-option.active{background:var(--bg-secondary)}.build-on-composer__error{padding:12px;background:#ef44441a;color:var(--error, #ef4444);border-radius:8px;font-size:.875rem}.build-on-composer__actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px;border-top:1px solid var(--border-color)}@media (max-width: 639px){.build-on-composer__options{flex-direction:column}.build-on-composer__intent-trigger,.build-on-composer__intent-dropdown{width:100%}.build-on-composer__actions{position:sticky;bottom:0;background:var(--bg-card);padding:16px;padding-bottom:calc(16px + var(--safe-bottom, 0px));margin:0 calc(-1 * var(--card-padding, 16px));margin-bottom:calc(-1 * var(--card-padding, 16px))}.build-on-composer__actions .btn{flex:1;min-height:44px}}.error-message{display:flex;gap:12px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px}.error-message__icon{flex-shrink:0;color:var(--error, #ef4444)}.error-message__content{flex:1}.error-message__text{font-size:.875rem;color:var(--error, #ef4444);margin:0 0 8px;line-height:1.4}.error-message__actions{display:flex;gap:12px}.error-message__retry,.error-message__dismiss{background:none;border:none;padding:4px 0;font-size:.875rem;font-weight:500;cursor:pointer;min-height:44px;display:flex;align-items:center}.error-message__retry{color:var(--error, #ef4444)}.error-message__retry:hover{text-decoration:underline}.error-message__dismiss{color:var(--text-muted)}.error-message__dismiss:hover{color:var(--text-secondary)}:root.dark .error-message{background:#ef444426;border-color:#ef44444d}.toast{position:fixed;bottom:calc(24px + var(--safe-bottom, 0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 20px #00000026;font-size:.875rem;color:var(--text-primary);z-index:1000;animation:toastSlideUp .2s ease-out}.toast__icon{color:var(--success, #22c55e);flex-shrink:0}.toast__message{line-height:1.4}@keyframes toastSlideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.toast{animation:none}}:root.dark .toast{box-shadow:0 4px 20px #0006}@media (max-width: 639px){.toast{left:16px;right:16px;transform:none;max-width:none}@keyframes toastSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}}.notification-skeleton{display:flex;gap:12px;padding:12px 16px 12px 24px}.notification-skeleton__avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-skeleton, var(--bg-secondary));animation:skeletonPulse 1.5s ease-in-out infinite}.notification-skeleton__content{flex:1}.notification-skeleton__title{height:16px;width:60%;background:var(--bg-skeleton, var(--bg-secondary));border-radius:4px;margin-bottom:8px;animation:skeletonPulse 1.5s ease-in-out infinite}.notification-skeleton__body{height:14px;width:80%;background:var(--bg-skeleton, var(--bg-secondary));border-radius:4px;animation:skeletonPulse 1.5s ease-in-out infinite;animation-delay:.1s}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion: reduce){.notification-skeleton__avatar,.notification-skeleton__title,.notification-skeleton__body{animation:none}}@media (max-width: 639px){.notification-skeleton{padding:14px 16px 14px 28px}.notification-skeleton__avatar{width:44px;height:44px}}.message-button{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border:none;background:none;cursor:pointer;color:var(--text-muted, #94a3b8);border-radius:50%;transition:all .15s}.message-button:hover:not(:disabled){color:var(--color-primary, #6366f1);background:var(--color-primary-light, #e0e7ff)}.message-button:disabled{cursor:not-allowed;opacity:.6}.message-btn-spinner{animation:spin 1s linear infinite}.message-button.message-btn-sm{width:24px;height:24px}.message-button.message-btn-md{width:32px;height:32px}.message-button.message-btn-lg{width:40px;height:40px;border-radius:.5rem;padding:0 .75rem}.message-button:has(span){border-radius:.5rem;padding:.5rem .75rem;width:auto;background:var(--bg-elevated, #f1f5f9)}.message-button:has(span):hover:not(:disabled){background:var(--color-primary-light, #e0e7ff)}.message-button span{font-size:.875rem;font-weight:500}:root[data-theme=dark] .message-button{color:var(--text-muted, #64748b)}:root[data-theme=dark] .message-button:hover:not(:disabled){color:var(--color-primary, #818cf8);background:#6366f126}:root[data-theme=dark] .message-button:has(span){background:var(--bg-elevated, #1e293b)}:root[data-theme=dark] .message-button:has(span):hover:not(:disabled){background:#6366f133}.user-name-with-message{display:inline-flex;align-items:center;gap:.5rem}.user-name-with-message .user-link,.user-name-with-message .user-info{display:inline-flex;align-items:center;gap:.375rem;text-decoration:none;color:inherit}.user-name-with-message .user-link:hover .user-display-name{text-decoration:underline}.user-name-with-message .user-display-name{font-weight:500}.ambient-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.ambient-background__video,.ambient-background__image{width:100%;height:100%;object-fit:cover;opacity:.5;filter:saturate(.3) brightness(.8);will-change:opacity}:root.dark .ambient-background__video,:root.dark .ambient-background__image{opacity:.52;filter:saturate(.25) brightness(.6)}@media (prefers-reduced-motion: reduce){.ambient-background__video{display:none}}.ambient-background__video,.ambient-background__image{animation:ambientFadeIn 3s ease-out forwards}@keyframes ambientFadeIn{0%{opacity:0}to{opacity:.5}}:root.dark .ambient-background__video,:root.dark .ambient-background__image{animation:ambientFadeInDark 3s ease-out forwards}@keyframes ambientFadeInDark{0%{opacity:0}to{opacity:.52}}@media (prefers-reduced-motion: reduce){.ambient-background__image{animation:none;opacity:.5}:root.dark .ambient-background__image{animation:none;opacity:.52}}.ambient-background__video--fading-out{animation:ambientFadeOut 4s ease-in-out forwards}.ambient-background__video--fading-in{position:absolute;top:0;left:0;animation:ambientCrossfadeIn 4s ease-in-out forwards}@keyframes ambientFadeOut{0%{opacity:.5}to{opacity:0}}@keyframes ambientCrossfadeIn{0%{opacity:0}to{opacity:.5}}:root.dark .ambient-background__video--fading-out{animation:ambientFadeOutDark 4s ease-in-out forwards}:root.dark .ambient-background__video--fading-in{animation:ambientCrossfadeInDark 4s ease-in-out forwards}@keyframes ambientFadeOutDark{0%{opacity:.52}to{opacity:0}}@keyframes ambientCrossfadeInDark{0%{opacity:0}to{opacity:.52}}@media (prefers-reduced-motion: reduce){.ambient-background__video--fading-out,.ambient-background__video--fading-in{animation:none}}.notifications-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-width:calc(100vw - 32px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:100;overflow:hidden;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notifications-panel{display:flex;flex-direction:column;max-height:480px}.notifications-panel__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.notifications-panel__title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.notifications-panel__actions{display:flex;align-items:center;gap:8px}.notifications-panel__mark-all{display:flex;align-items:center;gap:4px;padding:6px 10px;background:none;border:none;border-radius:6px;font-size:.813rem;color:var(--primary);cursor:pointer;transition:background .15s}.notifications-panel__mark-all:hover{background:var(--bg-secondary)}.notifications-panel__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:background .15s}.notifications-panel__close:hover{background:var(--bg-secondary)}.notifications-panel__mobile-actions{display:flex;justify-content:flex-end;padding:8px 16px;border-bottom:1px solid var(--border-color)}.notifications-panel__list{flex:1;overflow-y:auto;overscroll-behavior:contain}.notifications-panel__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--text-secondary)}.notifications-panel__spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.notifications-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;text-align:center}.notifications-panel__empty-icon{color:var(--text-muted);opacity:.5;margin-bottom:8px}.notifications-panel__empty p{font-size:1rem;color:var(--text-primary);margin:0}.notifications-panel__empty span{font-size:.875rem;color:var(--text-muted)}.notification-item{position:relative;border-bottom:1px solid var(--border-light)}.notification-item:last-child{border-bottom:none}.notification-item--unread{background:var(--bg-unread, rgba(var(--primary-rgb, 74, 125, 189), .08))}.notification-item--unread:before{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--primary)}.share-notification{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 16px 12px 24px;background:none;border:none;text-align:left;cursor:pointer;min-height:44px;transition:background .15s}.share-notification:hover{background:var(--bg-hover, var(--bg-secondary))}.share-notification__icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--bg-accent-subtle, rgba(var(--primary-rgb, 74, 125, 189), .12));display:flex;align-items:center;justify-content:center;color:var(--primary)}.share-notification__content{flex:1;min-width:0}.share-notification__title{font-size:1rem;font-weight:500;color:var(--text-primary);margin:0;line-height:1.4}.share-notification__body{font-size:.875rem;color:var(--text-secondary);margin:2px 0 0;line-height:1.4}.share-notification__time{font-size:.813rem;color:var(--text-muted);margin-top:4px;display:block}.build-on-notification{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 16px 12px 24px;background:none;border:none;text-align:left;cursor:pointer;min-height:44px;transition:background .15s}.build-on-notification:hover{background:var(--bg-hover, var(--bg-secondary))}.build-on-notification__icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--bg-success-subtle, rgba(34, 197, 94, .12));display:flex;align-items:center;justify-content:center;color:var(--success, #22c55e)}.build-on-notification__content{flex:1;min-width:0}.build-on-notification__title{font-size:1rem;font-weight:500;color:var(--text-primary);margin:0;line-height:1.4}.build-on-notification__body{font-size:.875rem;color:var(--text-secondary);margin:2px 0 0;line-height:1.4}.build-on-notification__time{font-size:.813rem;color:var(--text-muted);margin-top:4px;display:block}.generic-notification{padding:12px 16px 12px 24px;min-height:44px}.generic-notification__title{font-size:1rem;font-weight:500;color:var(--text-primary);margin:0}.generic-notification__body{font-size:.875rem;color:var(--text-secondary);margin:4px 0 0}.notifications-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.notifications-trigger:hover{background:var(--bg-secondary);color:var(--text-primary)}.notifications-trigger--active{background:var(--bg-secondary);color:var(--primary)}.notifications-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;background:var(--text-secondary, #6b7280);border-radius:9px;font-size:.688rem;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;line-height:1}.notifications-container{position:relative}@media (max-width: 639px){.share-notification,.build-on-notification{padding:14px 16px 14px 28px;min-height:56px}.notification-item--unread:before{left:8px;width:10px;height:10px}.share-notification__icon,.build-on-notification__icon{width:44px;height:44px}.share-notification__title,.build-on-notification__title{font-size:1rem}.share-notification__body,.build-on-notification__body{font-size:.875rem}.share-notification__time,.build-on-notification__time{font-size:.813rem}.notifications-panel__mark-all{padding:10px 14px;font-size:.875rem}.notifications-panel__empty{padding:60px 20px}.generic-notification{padding:14px 16px 14px 28px}}:root.dark .notifications-dropdown{box-shadow:0 4px 20px #0006}:root.dark .notification-item--unread{background:#6a9fd41a}:root.dark .share-notification__icon{background:#6a9fd426}:root.dark .build-on-notification__icon{background:#22c55e26}.ambient-mixer{max-width:500px}.ambient-mixer__description{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--space-lg, 24px)}.ambient-mixer__master,.ambient-mixer__channel{display:grid;grid-template-columns:140px 1fr 40px;align-items:center;gap:var(--space-sm, 8px);margin-bottom:var(--space-sm, 8px)}.ambient-mixer__master{padding-bottom:var(--space-md, 16px);border-bottom:1px solid var(--border-color, #e0e0e0);margin-bottom:var(--space-md, 16px)}.ambient-mixer__category{margin-bottom:var(--space-lg, 24px)}.ambient-mixer__category-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm, 8px)}.ambient-mixer__volume-label{font-size:.8rem;color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums}.ambient-mixer__presets{margin-top:var(--space-md, 16px)}.ambient-mixer__preset-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm, 8px);margin-top:var(--space-sm, 8px)}.ambient-mixer__preset-btn{padding:8px 16px;border:1px solid var(--border-color, #e0e0e0);border-radius:var(--radius-md, 8px);background:var(--bg-card, white);color:var(--text-primary);cursor:pointer;font-size:.85rem;transition:border-color .15s,background-color .15s}.ambient-mixer__preset-btn:hover{border-color:var(--primary);background:var(--bg-secondary, rgba(0,0,0,.02))}.ambient-mixer input[type=range]{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-elevated, #e0e0e0);border-radius:3px;outline:none}.ambient-mixer input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer}.ambient-mixer input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;border:none}@media (max-width: 768px){.ambient-mixer__master,.ambient-mixer__channel{grid-template-columns:110px 1fr 36px}.ambient-mixer input[type=range]::-webkit-slider-thumb{width:24px;height:24px}.ambient-mixer input[type=range]::-moz-range-thumb{width:24px;height:24px}}.ambient-settings__description{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--space-lg, 24px)}.ambient-settings__toggle-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-md, 16px) 0;border-bottom:1px solid var(--border-color, #e0e0e0)}.ambient-settings__hint{font-size:.85rem;color:var(--text-muted);margin-top:4px}.ambient-settings__mode-buttons{display:flex;gap:var(--space-xs, 4px)}.ambient-settings__mode-btn{padding:6px 12px;border:1px solid var(--border-color, #e0e0e0);border-radius:var(--radius-sm, 6px);background:var(--bg-card, white);color:var(--text-secondary);cursor:pointer;font-size:.8rem;transition:border-color .15s,background-color .15s,color .15s;white-space:nowrap}.ambient-settings__mode-btn:hover{border-color:var(--primary)}.ambient-settings__mode-btn.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.ambient-settings__audio,.ambient-settings__sanctuary-link{padding:var(--space-md, 16px) 0}.ambient-settings__sanctuary-link a{color:var(--primary);text-decoration:none;font-weight:500}.ambient-settings__sanctuary-link a:hover{text-decoration:underline}._chapterNav_1wlio_1{padding:16px 20px;background:#1a2a1a;border-bottom:1px solid #2d4a2d}._chapters_1wlio_7{display:flex;align-items:center;justify-content:center;gap:0}._connector_1wlio_14{width:24px;height:2px;background:#3a4a3a;transition:background .3s ease}._connector_1wlio_14._filled_1wlio_21{background:#5a7a6a}._chapterDot_1wlio_25{position:relative;width:32px;height:32px;border-radius:50%;border:2px solid #3a5a4a;background:#1a1f1a;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}._chapterDot_1wlio_25:hover{border-color:var(--chapter-color, #68d391);transform:scale(1.1)}._chapterDot_1wlio_25._current_1wlio_44{border-color:var(--chapter-color, #68d391);background:var(--chapter-color, #68d391);box-shadow:0 0 12px #68d39166}._chapterDot_1wlio_25._completed_1wlio_50{border-color:#5a7a6a;background:#2d4a2d}._number_1wlio_55{font-size:.75rem;font-weight:600;color:#6a8a7a;transition:color .3s ease}._chapterDot_1wlio_25._current_1wlio_44 ._number_1wlio_55{color:#1a1f1a}._chapterDot_1wlio_25._completed_1wlio_50 ._number_1wlio_55{color:#8ac09a}._tooltip_1wlio_70{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#2d4a2d;color:#8ac09a;font-size:.7rem;padding:6px 10px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}._tooltip_1wlio_70:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#2d4a2d}._chapterDot_1wlio_25:hover ._tooltip_1wlio_70{opacity:1}@media (max-width: 600px){._chapterNav_1wlio_1{padding:12px 16px}._chapterDot_1wlio_25{width:28px;height:28px}._connector_1wlio_14{width:16px}._number_1wlio_55{font-size:.65rem}._tooltip_1wlio_70{font-size:.6rem;padding:4px 8px}}@media (max-width: 400px){._chapterDot_1wlio_25{width:24px;height:24px}._connector_1wlio_14{width:10px}._number_1wlio_55{font-size:.6rem}}._slide_1d1fm_1{display:flex;flex-direction:column;align-items:center;padding:20px;opacity:0;transition:opacity .4s ease}._slide_1d1fm_1._active_1d1fm_10{opacity:1}._visualizationContainer_1d1fm_14{position:relative;width:100%;max-width:700px;background:#151a15;border-radius:12px;padding:20px;margin-bottom:24px;display:flex;justify-content:center;align-items:center;min-height:350px;border:1px solid #2d4a2d}._visualization_1d1fm_14{max-width:100%;max-height:400px;width:auto;height:auto}._loadingPlaceholder_1d1fm_36{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;color:#5a7a6a}._errorPlaceholder_1d1fm_45{width:100%;height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;color:#5a7a6a}._errorIcon_1d1fm_56{width:40px;height:40px;opacity:.5}._hidden_1d1fm_62{opacity:0}._visualization_1d1fm_14{transition:opacity .3s ease}._loadingPulse_1d1fm_70{width:60px;height:60px;border-radius:50%;background:#2d4a2d;animation:_pulse_1d1fm_1 2s ease-in-out infinite}@keyframes _pulse_1d1fm_1{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}._content_1d1fm_83{text-align:center;max-width:600px}._title_1d1fm_88{color:#8ac09a;font-size:1.5rem;font-weight:500;margin-bottom:12px;letter-spacing:.02em}._description_1d1fm_96{color:#6a8a7a;font-size:1rem;line-height:1.6;margin-bottom:20px}._insight_1d1fm_103{color:#7aa07a;font-size:.95rem;font-style:italic;padding:16px 24px;background:#2a3a2a;border-left:3px solid #68d391;border-radius:0 8px 8px 0;margin:0}@media (max-width: 768px){._slide_1d1fm_1{padding:16px}._visualizationContainer_1d1fm_14{padding:12px;min-height:250px;border-radius:8px}._visualization_1d1fm_14{max-height:300px}._content_1d1fm_83{max-width:100%}._title_1d1fm_88{font-size:1.25rem}._description_1d1fm_96{font-size:.9rem;line-height:1.5}._insight_1d1fm_103{font-size:.85rem;padding:12px 16px}}@media (max-width: 480px){._slide_1d1fm_1{padding:12px}._visualizationContainer_1d1fm_14{padding:8px;min-height:200px;margin-bottom:16px}._visualization_1d1fm_14{max-height:250px}._title_1d1fm_88{font-size:1.1rem;margin-bottom:8px}._description_1d1fm_96{font-size:.85rem;margin-bottom:16px}._insight_1d1fm_103{font-size:.8rem;padding:10px 14px}}._backdrop_9nkyw_1{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f0ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}._modal_9nkyw_13{background:#1a1f1a;border-radius:16px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;border:1px solid #2d4a2d;box-shadow:0 25px 50px -12px #00000080;overflow:hidden}._header_9nkyw_30{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid #2d4a2d;background:#151a15}._headerContent_9nkyw_39{flex:1}._modalTitle_9nkyw_43{color:#8ac09a;font-size:.85rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;margin:0 0 4px}._chapterTitle_9nkyw_52{color:#5a7a6a;font-size:.9rem;margin:0;transition:color .3s ease}._closeButton_9nkyw_59{background:none;border:none;color:#5a7a6a;cursor:pointer;padding:8px;margin:-8px -8px 0 0;border-radius:8px;transition:all .2s ease}._closeButton_9nkyw_59:hover{color:#8ac09a;background:#2d4a2d}._closeButton_9nkyw_59 svg{width:24px;height:24px}._slideContainer_9nkyw_84{flex:1;overflow-y:auto;padding:24px}._slideContainer_9nkyw_84::-webkit-scrollbar{width:8px}._slideContainer_9nkyw_84::-webkit-scrollbar-track{background:#1a1f1a}._slideContainer_9nkyw_84::-webkit-scrollbar-thumb{background:#3a4a3a;border-radius:4px}._slideContainer_9nkyw_84::-webkit-scrollbar-thumb:hover{background:#4a5a4a}._footer_9nkyw_112{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #2d4a2d;background:#151a15;gap:16px}._navButton_9nkyw_122{display:flex;align-items:center;gap:8px;background:#2d4a2d;border:1px solid #3a5a4a;color:#8ac09a;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s ease;min-width:110px;justify-content:center}._navButton_9nkyw_122:hover:not(._disabled_9nkyw_138){background:#3a5a4a;border-color:#68d391}._navButton_9nkyw_122._disabled_9nkyw_138{opacity:.4;cursor:not-allowed}._navButton_9nkyw_122 svg{width:18px;height:18px}._nextButton_9nkyw_153{background:#3a5a4a}._nextButton_9nkyw_153:hover:not(._disabled_9nkyw_138){background:#4a6a5a}._finishButton_9nkyw_161{background:#2d5a3d;border-color:#68d391}._finishButton_9nkyw_161:hover{background:#3d6a4d}._progress_9nkyw_174{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}._slideCounter_9nkyw_182{color:#5a7a6a;font-size:.8rem;font-variant-numeric:tabular-nums}._progressBar_9nkyw_188{width:100%;max-width:200px;height:3px;background:#2d4a2d;border-radius:2px;overflow:hidden}._progressFill_9nkyw_197{height:100%;background:linear-gradient(90deg,#48b070,#68d391);transition:width .3s ease}@media (max-width: 768px){._backdrop_9nkyw_1{padding:0}._modal_9nkyw_13{max-height:100vh;max-height:100dvh;border-radius:0;height:100%}._header_9nkyw_30{padding:16px}._modalTitle_9nkyw_43{font-size:.75rem}._chapterTitle_9nkyw_52{font-size:.85rem}._slideContainer_9nkyw_84{padding:16px}._footer_9nkyw_112{padding:12px 16px}._navButton_9nkyw_122{padding:10px 12px;min-width:auto}._navButton_9nkyw_122 span{display:none}._navButton_9nkyw_122 svg{width:24px;height:24px}._progressBar_9nkyw_188{max-width:120px}}@media (max-width: 480px){._header_9nkyw_30,._slideContainer_9nkyw_84{padding:12px}._footer_9nkyw_112{padding:10px 12px;gap:12px}._navButton_9nkyw_122{padding:8px 10px}._slideCounter_9nkyw_182{font-size:.7rem}._progressBar_9nkyw_188{max-width:80px}}.draft-panel{border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);margin-bottom:16px;overflow:hidden}.draft-panel-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:none;cursor:pointer;font-size:.95rem;color:var(--text-primary);transition:background .15s}.draft-panel-toggle:hover{background:var(--bg-elevated)}.toggle-icon{font-size:1.1rem}.toggle-label{flex:1;text-align:left;font-weight:500}.toggle-arrow{font-size:.7rem;transition:transform .2s;color:var(--text-muted)}.draft-panel-content{border-top:1px solid var(--border);max-height:400px;overflow-y:auto}.new-draft-btn{width:calc(100% - 24px);margin:12px;padding:10px;background:var(--bg-primary);border:1px dashed var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .15s}.new-draft-btn:hover{border-color:var(--primary);color:var(--primary)}.draft-loading,.draft-empty{padding:24px 16px;text-align:center;color:var(--text-muted)}.draft-empty-hint{font-size:.85rem;margin-top:8px}.draft-section{padding:8px 0}.draft-section-header{padding:8px 16px 4px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.draft-item{border-bottom:1px solid var(--border-light, rgba(0,0,0,.05))}.draft-item:last-child{border-bottom:none}.draft-item.current{background:var(--primary-light, rgba(var(--primary-rgb), .08))}.draft-header{padding:12px 16px;cursor:pointer;transition:background .15s}.draft-header:hover{background:var(--bg-elevated)}.draft-title-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.pin-icon{font-size:.8rem}.draft-title{flex:1;font-weight:500;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-title-input{flex:1;padding:4px 8px;border:1px solid var(--primary);border-radius:4px;font-size:.95rem;background:var(--bg-primary)}.expand-icon{color:var(--text-muted);transition:transform .2s}.expand-icon.expanded{transform:rotate(90deg)}.draft-preview{font-size:.85rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.draft-meta{display:flex;align-items:center;gap:12px;font-size:.8rem;color:var(--text-muted)}.draft-intent{display:flex;align-items:center;gap:4px}.draft-actions{padding:12px 16px;background:var(--bg-elevated);border-top:1px solid var(--border-light, rgba(0,0,0,.05))}.draft-action-row{display:flex;gap:8px;margin-bottom:8px}.draft-action-row.secondary{margin-bottom:0}.draft-action{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .15s}.draft-action:hover{border-color:var(--primary)}.draft-action.primary{background:var(--primary);border-color:var(--primary);color:#fff}.draft-action.primary:hover{opacity:.9}.draft-action-small{flex:1;padding:6px 8px;border:none;background:transparent;color:var(--text-muted);font-size:.8rem;cursor:pointer;border-radius:4px;transition:all .15s}.draft-action-small:hover{background:var(--bg-primary);color:var(--text-primary)}.draft-action-small.danger:hover{color:#e74c3c}.draft-panel-content::-webkit-scrollbar{width:6px}.draft-panel-content::-webkit-scrollbar-track{background:transparent}.draft-panel-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.draft-panel-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.post-gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:gateOverlayFadeIn .15s ease-out}@keyframes gateOverlayFadeIn{0%{opacity:0}to{opacity:1}}.post-gate-modal{background:var(--bg-primary);border-radius:16px;padding:24px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;animation:gateModalSlideUp .2s ease-out;box-shadow:0 20px 40px #0003}@keyframes gateModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gate-title{font-size:1.25rem;font-weight:600;margin:0 0 20px;text-align:center;color:var(--text-primary)}.gate-preview-container{border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:16px}.gate-preview-content{padding:16px;min-height:80px;max-height:200px;overflow-y:auto}.preview-text{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.5}.preview-images{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.preview-image-thumb{width:60px;height:60px;border-radius:6px;overflow:hidden;flex-shrink:0}.preview-image-thumb img{width:100%;height:100%;object-fit:cover}.preview-more-images{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--bg-secondary);border-radius:6px;font-size:.85rem;color:var(--text-muted)}.gate-intent-check{display:flex;justify-content:center;margin-bottom:12px}.intent-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-secondary);border-radius:20px;font-size:.9rem;color:var(--text-secondary)}.gate-audience-note{text-align:center;font-size:.9rem;color:var(--text-muted);margin:0 0 24px}.gate-actions{display:flex;gap:12px}.gate-btn{flex:1;padding:14px 20px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .15s}.gate-btn:disabled{opacity:.6;cursor:not-allowed}.gate-btn.keep-editing{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.gate-btn.keep-editing:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-muted)}.gate-btn.share-now{background:var(--primary);border:1px solid var(--primary);color:#fff}.gate-btn.share-now:hover:not(:disabled){opacity:.9}.gate-keyboard-hint{text-align:center;font-size:.75rem;color:var(--text-muted);margin:16px 0 0}@media (max-width: 500px){.post-gate-overlay{padding:10px}.post-gate-modal{padding:20px;border-radius:12px}.gate-title{font-size:1.1rem}.gate-actions{flex-direction:column-reverse}.gate-btn{padding:12px 16px}}.gate-preview-content::-webkit-scrollbar{width:6px}.gate-preview-content::-webkit-scrollbar-track{background:transparent}.gate-preview-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.extension-settings{max-width:700px}.extension-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.extension-header h2{margin:0 0 8px;font-size:1.5rem}.extension-description{margin:0;color:var(--text-muted)}.install-extension-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--accent-color);color:#fff;border-radius:8px;text-decoration:none;font-weight:500;white-space:nowrap;transition:opacity .2s}.install-extension-btn:hover{opacity:.9}.extension-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--error-bg, #fee);color:var(--error-color, #c00);border-radius:8px;margin-bottom:20px}.extension-error button{margin-left:auto;background:none;border:none;font-size:1.2rem;cursor:pointer;color:inherit}.new-token-card{background:var(--success-bg, #e6ffe6);border:2px solid var(--success-color, #0a0);border-radius:12px;padding:20px;margin-bottom:24px}.new-token-header h3{margin:0 0 8px}.new-token-header p{margin:0 0 16px;color:var(--text-muted)}.token-display{display:flex;align-items:center;gap:12px;background:var(--bg-primary);border-radius:8px;padding:12px 16px;margin-bottom:16px}.token-display code{flex:1;font-family:monospace;font-size:.85rem;word-break:break-all;-webkit-user-select:all;user-select:all}.copy-btn{padding:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s}.copy-btn:hover{background:var(--bg-hover)}.copy-btn.copied{background:var(--success-color, #0a0);color:#fff;border-color:var(--success-color, #0a0)}.dismiss-token-btn{width:100%;padding:12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-weight:500}.dismiss-token-btn:hover{background:var(--bg-hover)}.generate-token-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;margin-bottom:24px;transition:opacity .2s}.generate-token-btn:hover:not(:disabled){opacity:.9}.generate-token-btn:disabled{opacity:.5;cursor:not-allowed}.generate-form{background:var(--bg-secondary);border-radius:12px;padding:20px;margin-bottom:24px}.generate-form h3{margin:0 0 8px}.generate-form>p{margin:0 0 16px;color:var(--text-muted);font-size:.9rem}.generate-form-row{display:flex;gap:10px}.generate-form-row input{flex:1;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:1rem}.confirm-generate-btn{padding:10px 20px;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer}.confirm-generate-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{padding:10px 16px;background:none;border:1px solid var(--border-color);border-radius:8px;cursor:pointer}.tokens-section{margin-bottom:24px}.tokens-section h3{font-size:1rem;margin:0 0 12px;color:var(--text-muted)}.tokens-loading,.no-tokens{padding:24px;text-align:center;color:var(--text-muted);background:var(--bg-secondary);border-radius:8px}.tokens-list{display:flex;flex-direction:column;gap:10px}.token-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-color)}.token-card.revoked{opacity:.6}.token-info{flex:1}.token-name{display:flex;align-items:center;gap:8px;font-weight:500;margin-bottom:4px}.token-meta{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted);margin-bottom:4px}.token-prefix{font-family:monospace;background:var(--bg-primary);padding:2px 6px;border-radius:4px}.revoked-badge{background:var(--error-bg, #fee);color:var(--error-color, #c00);padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.token-dates{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted)}.token-dates span{display:flex;align-items:center;gap:4px}.revoke-btn{padding:8px;background:none;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;color:var(--text-muted);transition:all .2s}.revoke-btn:hover{background:var(--error-bg, #fee);border-color:var(--error-color, #c00);color:var(--error-color, #c00)}.revoked-tokens-section{margin-bottom:24px}.revoked-tokens-section summary{cursor:pointer;color:var(--text-muted);font-size:.9rem;padding:8px 0}.revoked-tokens-section .tokens-list{margin-top:12px}.extension-help{background:var(--bg-secondary);border-radius:12px;padding:20px}.extension-help h3{margin:0 0 12px}.extension-help ol{margin:0 0 16px;padding-left:20px}.extension-help li{margin-bottom:8px}.help-note{margin:0;font-size:.85rem;color:var(--text-muted);font-style:italic}@media (max-width: 600px){.extension-header,.generate-form-row{flex-direction:column}.token-card{flex-direction:column;align-items:flex-start;gap:12px}.revoke-btn{align-self:flex-end}}.clips-queue-page{max-width:800px;margin:0 auto;padding:1.5rem}.clips-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.clips-title-row h1{margin:0;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.pending-badge{background:var(--accent-color, #6366f1);color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:999px;min-width:1.25rem;text-align:center}.clips-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-dropdown{display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary, #f3f4f6);padding:.5rem .75rem;border-radius:8px;color:var(--text-secondary, #6b7280)}.filter-dropdown select{border:none;background:transparent;font-size:.875rem;font-weight:500;color:var(--text-primary, #1f2937);cursor:pointer;padding-right:.5rem}.filter-dropdown select:focus{outline:none}.select-multiple-btn,.refresh-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-primary, #ffffff);color:var(--text-secondary, #6b7280);font-size:.875rem;cursor:pointer;transition:all .15s}.select-multiple-btn:hover,.refresh-btn:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #1f2937)}.bulk-actions{display:flex;align-items:center;gap:.5rem}.bulk-select-all-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);font-size:.875rem;cursor:pointer}.bulk-discard-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:none;border-radius:8px;background:#ef4444;color:#fff;font-size:.875rem;cursor:pointer;transition:background .15s}.bulk-discard-btn:hover:not(:disabled){background:#dc2626}.bulk-discard-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-cancel-btn{padding:.5rem .75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:transparent;color:var(--text-secondary, #6b7280);font-size:.875rem;cursor:pointer}.clips-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:var(--text-secondary, #6b7280)}.clips-loading .spinner{width:24px;height:24px;border:2px solid var(--border-color, #e5e7eb);border-top-color:var(--accent-color, #6366f1);border-radius:50%;animation:spin .6s linear infinite}.clips-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-secondary, #6b7280)}.clips-empty svg{opacity:.3;margin-bottom:1rem}.clips-empty h2{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary, #1f2937)}.clips-empty p{margin:0 0 1rem;max-width:300px}.view-pending-btn{padding:.5rem 1rem;background:var(--accent-color, #6366f1);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.view-pending-btn:hover{background:var(--accent-hover, #4f46e5)}.clips-list{display:flex;flex-direction:column;gap:1rem}.clip-card{display:flex;gap:.75rem;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:1rem;transition:all .15s}.clip-card.bulk-mode{cursor:pointer}.clip-card.bulk-mode:hover{border-color:var(--accent-color, #6366f1)}.clip-card.selected{border-color:var(--accent-color, #6366f1);background:var(--accent-light, #eef2ff)}.clip-checkbox{flex-shrink:0;color:var(--accent-color, #6366f1)}.clip-content{flex:1;min-width:0}.clip-type-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--bg-secondary, #f3f4f6);border-radius:4px;font-size:.75rem;font-weight:500;color:var(--text-secondary, #6b7280);margin-bottom:.75rem}.clip-note{margin-top:.75rem;padding:.75rem;background:var(--bg-secondary, #f9fafb);border-radius:8px;font-size:.875rem;color:var(--text-secondary, #6b7280)}.note-label{font-weight:500;color:var(--text-primary, #1f2937);margin-right:.5rem}.clip-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color, #e5e7eb)}.clip-meta{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-tertiary, #9ca3af)}.meta-sep{opacity:.5}.clip-actions{display:flex;align-items:center;gap:.5rem}.create-post-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--accent-color, #6366f1);color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .15s}.create-post-btn:hover{background:var(--accent-hover, #4f46e5)}.discard-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;color:var(--text-tertiary, #9ca3af);cursor:pointer;transition:all .15s}.discard-btn:hover{border-color:#ef4444;color:#ef4444}.status-badge{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px}.status-badge.posted{background:#d1fae5;color:#059669}.status-badge.discarded{background:#fef3c7;color:#d97706}.status-badge.draft{background:#dbeafe;color:#2563eb}@media (max-width: 640px){.clips-queue-page{padding:1rem}.clips-header{flex-direction:column;align-items:stretch}.clips-actions{justify-content:flex-start}.bulk-actions{flex-wrap:wrap}.clip-card{padding:.75rem}.clip-footer{flex-direction:column;align-items:flex-start;gap:.75rem}.clip-actions{width:100%}.create-post-btn{flex:1;justify-content:center}}.ambient-color-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;transition:background-color 50s ease-in-out}.ambient-color-layer--static{transition:none}.sanctuary{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center}body.sanctuary-mode .ambient-background__video,body.sanctuary-mode .ambient-background__image{opacity:.12;transition:opacity 3s ease-in-out}.dark body.sanctuary-mode .ambient-background__video,.dark body.sanctuary-mode .ambient-background__image{opacity:.15}body.sanctuary-mode .header{transition:opacity 2s ease-in-out}body.sanctuary-nav-hidden .header{opacity:.15}body.sanctuary-nav-hidden .header:hover,body.sanctuary-nav-hidden .header:focus-within{opacity:1;transition:opacity .3s ease-in-out}body.sanctuary-mode .ambient-color-layer{opacity:1}body.sanctuary-mode .main-content{padding:0}.stream-view{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:var(--space-md, 16px)}.stream-view__header{width:100%;max-width:640px;display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm, 8px) 0;opacity:.6;transition:opacity .3s}.stream-view__header:hover{opacity:1}.stream-view__back{font-size:.85rem;color:var(--text-secondary);text-decoration:none}.stream-view__controls{display:flex;gap:var(--space-sm, 8px)}.stream-view__nav-btn{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;border-radius:var(--radius-sm, 6px);transition:color .15s}.stream-view__nav-btn:hover:not(:disabled){color:var(--text-primary)}.stream-view__nav-btn:disabled{opacity:.3;cursor:default}.stream-view__stage{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:640px;padding:var(--space-xl, 32px) 0}.stream-view__post{width:100%;transition:opacity .8s ease-in-out,transform .8s ease-in-out}.stream-view__post--visible{opacity:1;transform:translateY(0)}.stream-view__post--exiting{opacity:0;transform:translateY(-10px)}.stream-view .post{font-size:1.1rem;line-height:1.6;max-width:none}.stream-view__end{text-align:center;color:var(--text-secondary)}.stream-view__end p{margin-bottom:var(--space-sm, 8px)}.stream-view__end-sub{font-size:.9rem;color:var(--text-muted)}.stream-view__end-link{display:inline-block;margin-top:var(--space-md, 16px);color:var(--primary);text-decoration:none}.stream-view__progress{width:100%;max-width:640px;height:2px;background:var(--border-color, #e0e0e0);border-radius:1px;overflow:hidden;margin-top:var(--space-sm, 8px)}.stream-view__progress-fill{height:100%;background:var(--text-muted);opacity:.4;transition:width .1s linear}.stream-view__dots{display:flex;gap:6px;margin-top:var(--space-md, 16px)}.stream-view__dot{width:6px;height:6px;border-radius:50%;background:var(--border-color, #e0e0e0);transition:background-color .3s}.stream-view__dot--active{background:var(--text-secondary)}@media (max-width: 768px){.stream-view{padding:var(--space-sm, 8px)}.stream-view__stage{padding:var(--space-md, 16px) 0}.stream-view__dots{display:none}}.stream-view__loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.feedback-footer{position:fixed;bottom:0;left:0;right:0;z-index:9999;font-family:var(--font-family, system-ui, -apple-system, sans-serif)}.feedback-footer--minimized{bottom:16px;left:auto;right:80px;width:auto;padding-bottom:env(safe-area-inset-bottom,0)}.feedback-toggle-btn{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--bg-primary, #1a1a2e);color:var(--text-primary, #fff);border:1px solid var(--border-color, #333);border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;box-shadow:0 2px 12px #0000004d;transition:all .2s ease}.feedback-toggle-btn:hover{background:var(--bg-hover, #252542);transform:translateY(-2px);box-shadow:0 4px 16px #0006}.feedback-toggle-btn:active{transform:translateY(0)}.feedback-footer--expanded{background:var(--bg-primary, #1a1a2e);border-top:1px solid var(--border-color, #333);padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));box-shadow:0 -4px 20px #0000004d}.feedback-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.feedback-title{font-size:13px;font-weight:600;color:var(--text-secondary, #aaa);text-transform:uppercase;letter-spacing:.5px}.feedback-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;color:var(--text-muted, #666);cursor:pointer;border-radius:6px;transition:all .15s ease}.feedback-close-btn:hover{background:var(--bg-hover, #333);color:var(--text-primary, #fff)}.feedback-form{display:flex;gap:10px}.feedback-input{flex:1;padding:12px 14px;background:var(--bg-input, #111);border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-primary, #fff);font-size:15px;font-family:inherit;outline:none;transition:border-color .2s ease}.feedback-input::placeholder{color:var(--text-muted, #666)}.feedback-input:focus{border-color:var(--accent-color, #6366f1)}.feedback-input:disabled{opacity:.6}.feedback-submit-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;background:var(--accent-color, #6366f1);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease;min-width:100px}.feedback-submit-btn:hover:not(:disabled){background:var(--accent-hover, #5558e3)}.feedback-submit-btn:active:not(:disabled){transform:scale(.98)}.feedback-submit-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:feedback-spin .7s linear infinite}@keyframes feedback-spin{to{transform:rotate(360deg)}}.feedback-context-hint{margin-top:8px;font-size:11px;color:var(--text-muted, #555);text-align:center}@media (max-width: 640px){.feedback-footer--minimized{bottom:12px;right:72px}.feedback-footer--expanded{padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0))}.feedback-form{flex-direction:column;gap:8px}.feedback-submit-btn{width:100%}.feedback-input{font-size:16px}}.privacy-curtain{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .5s ease-in-out;cursor:pointer}.privacy-curtain--visible{opacity:1;pointer-events:auto}.privacy-curtain--fade{background:linear-gradient(135deg,#1e1e28f2,#14141efa)}.privacy-curtain--blur{background:#14141ed9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.privacy-curtain--black{background:#000}.privacy-curtain__content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:2rem;opacity:0;transform:translateY(10px);transition:opacity .5s ease-out .2s,transform .5s ease-out .2s}.privacy-curtain--visible .privacy-curtain__content{opacity:1;transform:translateY(0)}.privacy-curtain__icon{color:#fff6;margin-bottom:.5rem}.privacy-curtain__svg{width:64px;height:64px}.privacy-curtain__message{color:#ffffffb3;font-size:1.25rem;font-weight:500;margin:0;letter-spacing:.02em}.privacy-curtain__hint{color:#fff6;font-size:.875rem;margin:0}@keyframes curtain-breathe{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.05);opacity:.5}}.privacy-curtain--visible .privacy-curtain__icon{animation:curtain-breathe 4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.privacy-curtain{transition:opacity .1s}.privacy-curtain__content{transition:opacity .1s;transform:none}.privacy-curtain--visible .privacy-curtain__icon{animation:none}}[data-theme=dark] .privacy-curtain--fade{background:linear-gradient(135deg,#0a0a0ff7,#05050afc)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}#root{position:relative;z-index:0}input,textarea,select{font-size:16px!important}.touch-target{min-height:44px;min-width:44px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 639px){:root{--page-padding: 16px;--card-padding: 12px;--section-gap: 16px;--grid-gap: 8px}}@media (min-width: 640px){:root{--page-padding: 24px;--card-padding: 16px;--section-gap: 24px;--grid-gap: 12px}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.visually-hidden,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--primary, #5AACA8)!important;outline-offset:2px!important;border-radius:4px}:focus:not(:focus-visible){outline:none}[data-reduce-motion=true] *,[data-reduce-motion=true] *:before,[data-reduce-motion=true] *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.skip-link{position:absolute;top:-100px;left:16px;background:var(--primary, #5AACA8);color:#fffbf4;padding:12px 24px;z-index:9999;text-decoration:none;font-weight:600;font-size:.875rem;border:2px solid var(--primary, #5AACA8);border-radius:8px;transition:top .2s ease}.skip-link:focus{top:16px}input,textarea,select{font-size:1rem}.icon-btn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px}:root.light{--bg-primary: #FDF6E9;--bg-card: #FFFBF4;--bg-secondary: #F8EED8;--bg-tertiary: #F2E6CC;--bg-elevated: #FFFDF8;--text-primary: #3D352C;--text-secondary: #6B5D4D;--text-muted: #9A8A78;--border-color: #E8D8C0;--border-light: #F0E4D0;--input-bg: #FFFBF4;--input-border: #DCC8A8;--shadow: rgba(120, 90, 50, .12);--shadow-light: rgba(120, 90, 50, .06);--primary: #5AACA8;--primary-hover: #4A9C98;--primary-disabled: #A8D4D2;--success: #7CB87C;--success-bg: #F0F8EE;--warning: #E8B050;--warning-bg: #FDF8EC;--error: #D88070;--error-bg: #FDF4F2;--info: #70A8C0;--info-bg: #F2F8FA}:root.dark{--bg-primary: #1E1A16;--bg-card: #2A2520;--bg-secondary: #36302A;--bg-tertiary: #423A32;--bg-elevated: #4A423A;--text-primary: #F4EDE4;--text-secondary: #C8BCB0;--text-muted: #988C80;--border-color: #4A423A;--border-light: #3A342E;--input-bg: #36302A;--input-border: #5A504A;--shadow: rgba(0, 0, 0, .4);--shadow-light: rgba(0, 0, 0, .25);--primary: #6ABCB8;--primary-hover: #5AACA8;--primary-disabled: #3A6A68;--success: #8CC88C;--success-bg: #1E2A1E;--warning: #E8C070;--warning-bg: #2A2418;--error: #E89888;--error-bg: #2A1E1C;--info: #80B8D0;--info-bg: #1A2428}:root.light{--surface-light-bg: #FFFBF4;--surface-light-text: #3D352C;--surface-light-text-secondary: #6B5D4D;--surface-light-border: #E8D8C0;--surface-dark-bg: #3D352C;--surface-dark-text: #FDF6E9;--surface-dark-text-secondary: #D8CABC;--surface-dark-border: #4D453C;--surface-warm-bg: #FFF2E0;--surface-warm-text: #4A3D30;--surface-warm-text-secondary: #7A6850;--surface-warm-border: #E8D0B0;--surface-cool-bg: #F0F4EC;--surface-cool-text: #3A4038;--surface-cool-text-secondary: #5A6858;--surface-cool-border: #D0DCC8}:root.dark{--surface-light-bg: #36302A;--surface-light-text: #F4EDE4;--surface-light-text-secondary: #C8BCB0;--surface-light-border: #4A423A;--surface-dark-bg: #141210;--surface-dark-text: #F4EDE4;--surface-dark-text-secondary: #D0C4B8;--surface-dark-border: #2A2620;--surface-warm-bg: #2E2820;--surface-warm-text: #F4E8DC;--surface-warm-text-secondary: #C8B8A8;--surface-warm-border: #463C30;--surface-cool-bg: #242828;--surface-cool-text: #E8F0EC;--surface-cool-text-secondary: #A8B8B0;--surface-cool-border: #3A4240}:root.light{--intent-thinking-bg-tint: #E8EEF4;--intent-thinking-accent: #6890A8;--intent-thinking-border: #6890A8;--intent-thinking-avatar-bg: #C8D8E4;--intent-thinking-content: #2A3840;--intent-thinking-author: #4A6070;--intent-thinking-muted: #688090;--intent-discussion-bg-tint: #F2EEF6;--intent-discussion-accent: #9080A8;--intent-discussion-border: #9080A8;--intent-discussion-avatar-bg: #DCD4E8;--intent-discussion-content: #382C48;--intent-discussion-author: #5A4870;--intent-discussion-muted: #786890;--intent-personal-bg-tint: #F8EDE8;--intent-personal-accent: #C08878;--intent-personal-border: #C08878;--intent-personal-avatar-bg: #E8D0C8;--intent-personal-content: #483028;--intent-personal-author: #704840;--intent-personal-muted: #987060;--intent-help-bg-tint: #EEF4EC;--intent-help-accent: #78A078;--intent-help-border: #78A078;--intent-help-avatar-bg: #C8DCC8;--intent-help-content: #283828;--intent-help-author: #405840;--intent-help-muted: #607860;--intent-fun-bg-tint: #F8F2E0;--intent-fun-accent: #C8A040;--intent-fun-border: #C8A040;--intent-fun-avatar-bg: #E8D8A8;--intent-fun-content: #403810;--intent-fun-author: #685820;--intent-fun-muted: #908040;--intent-info-bg-tint: #E8F2F0;--intent-info-accent: #609890;--intent-info-border: #609890;--intent-info-avatar-bg: #C0DCD8;--intent-info-content: #203430;--intent-info-author: #385450;--intent-info-muted: #587870}:root.dark{--intent-thinking-bg-tint: #1E2830;--intent-thinking-accent: #78A0B8;--intent-thinking-border: #78A0B8;--intent-thinking-avatar-bg: #2A3840;--intent-thinking-content: #E8F0F4;--intent-thinking-author: #A8C0D0;--intent-thinking-muted: #6890A0;--intent-discussion-bg-tint: #282430;--intent-discussion-accent: #A090B8;--intent-discussion-border: #A090B8;--intent-discussion-avatar-bg: #383040;--intent-discussion-content: #F2EEF6;--intent-discussion-author: #C0B0D0;--intent-discussion-muted: #8878A0;--intent-personal-bg-tint: #2A2220;--intent-personal-accent: #D09888;--intent-personal-border: #D09888;--intent-personal-avatar-bg: #403030;--intent-personal-content: #F8F0EC;--intent-personal-author: #E0C0B8;--intent-personal-muted: #B08878;--intent-help-bg-tint: #1E2820;--intent-help-accent: #88B088;--intent-help-border: #88B088;--intent-help-avatar-bg: #2A3828;--intent-help-content: #F0F8F0;--intent-help-author: #A8D0A8;--intent-help-muted: #68986A;--intent-fun-bg-tint: #2A2618;--intent-fun-accent: #D8B050;--intent-fun-border: #D8B050;--intent-fun-avatar-bg: #403820;--intent-fun-content: #F8F4E8;--intent-fun-author: #E0D090;--intent-fun-muted: #A89048;--intent-info-bg-tint: #1C2828;--intent-info-accent: #70A8A0;--intent-info-border: #70A8A0;--intent-info-avatar-bg: #283838;--intent-info-content: #E8F4F2;--intent-info-author: #98D0C8;--intent-info-muted: #588880}:root.light,:root.dark{--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-humanist: "Nunito", "Segoe UI", sans-serif;--font-literary: "Lora", "Georgia", serif;--font-technical: "IBM Plex Sans", "Roboto Mono", monospace;--font-friendly: "Quicksand", "Comic Neue", sans-serif}.surface-light{--post-surface-bg: var(--surface-light-bg);--post-surface-text: var(--surface-light-text);--post-surface-text-secondary: var(--surface-light-text-secondary);--post-surface-border: var(--surface-light-border)}.surface-dark{--post-surface-bg: var(--surface-dark-bg);--post-surface-text: var(--surface-dark-text);--post-surface-text-secondary: var(--surface-dark-text-secondary);--post-surface-border: var(--surface-dark-border)}.surface-warm{--post-surface-bg: var(--surface-warm-bg);--post-surface-text: var(--surface-warm-text);--post-surface-text-secondary: var(--surface-warm-text-secondary);--post-surface-border: var(--surface-warm-border)}.surface-cool{--post-surface-bg: var(--surface-cool-bg);--post-surface-text: var(--surface-cool-text);--post-surface-text-secondary: var(--surface-cool-text-secondary);--post-surface-border: var(--surface-cool-border)}.texture-flat{background:var(--post-surface-bg);border-radius:8px}.texture-paper{background:var(--post-surface-bg);border-radius:6px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-blend-mode:soft-light;background-size:150px;box-shadow:inset 0 1px 2px #00000008,inset 0 -1px 1px #ffffff80}:root.dark .texture-paper{background-blend-mode:overlay;box-shadow:inset 0 1px 2px #0000001a,inset 0 -1px 1px #ffffff08}.texture-soft-card{background:var(--post-surface-bg);border-radius:12px;border:1px solid var(--post-surface-border);box-shadow:0 1px 2px #0000000a,0 2px 4px #00000005,0 4px 8px #00000005,0 8px 16px #00000003;transition:box-shadow .2s ease,transform .2s ease}.texture-soft-card:hover{box-shadow:0 2px 4px #0000000d,0 4px 8px #00000008,0 8px 16px #00000005,0 12px 24px #00000003;transform:translateY(-1px)}:root.dark .texture-soft-card{border-color:#ffffff0f;box-shadow:0 1px 2px #0003,0 4px 8px #00000026,0 8px 16px #0000001a}.texture-ghost{background:color-mix(in srgb,var(--post-surface-bg) 70%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:8px;border:1px solid rgba(128,128,128,.08);box-shadow:inset 0 0 0 1px #ffffff0d,0 1px 3px #0000000d}:root.dark .texture-ghost{background:color-mix(in srgb,var(--post-surface-bg) 60%,transparent);border-color:#ffffff0f}@supports not (backdrop-filter: blur(12px)){.texture-ghost{background:var(--post-surface-bg);opacity:.95}}[data-viewer-no-textures=true] .texture-paper,[data-viewer-no-textures=true] .texture-soft-card,[data-viewer-no-textures=true] .texture-ghost{background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border:1px solid var(--post-surface-border)!important}.font-system{font-family:var(--font-system);letter-spacing:0}.font-humanist{font-family:"Nunito",var(--font-system);letter-spacing:.01em}.font-literary{font-family:Lora,Georgia,serif;letter-spacing:.02em;font-feature-settings:"liga" 1,"kern" 1;font-size:.98em}.font-technical{font-family:"IBM Plex Sans",var(--font-system);letter-spacing:0;font-feature-settings:"tnum" 1}.font-friendly{font-family:"Quicksand",var(--font-system);letter-spacing:.02em;font-weight:500;font-size:1.02em}[data-viewer-font=system] .post-card{font-family:var(--font-system)!important;letter-spacing:0!important}[data-viewer-font=dyslexic] .post-card{font-family:OpenDyslexic,Comic Sans MS,sans-serif!important;letter-spacing:.05em!important;word-spacing:.1em!important}.emphasis-subtle{--post-text-weight: 400;--post-heading-weight: 500;--post-contrast: .85}.emphasis-normal{--post-text-weight: 400;--post-heading-weight: 600;--post-contrast: 1}.emphasis-strong{--post-text-weight: 500;--post-heading-weight: 700;--post-contrast: 1.1}.post-card{position:relative;border-radius:12px;padding:20px 14px 14px;color:var(--intent-content, var(--text-primary));font-weight:var(--post-text-weight, 400);background:var(--intent-tint, var(--bg-card));overflow:hidden}.post-token-wrapper{margin-bottom:0}.post-card.post-has-tokens{overflow:visible;border-radius:unset;background:unset;color:unset;font-weight:unset;padding:unset;padding-top:unset}.post-card.post-has-tokens .post-content,.post-card.post-has-tokens .post-author{color:inherit}.post-card.post-has-tokens .post-meta,.post-card.post-has-tokens .post-time,.post-card.post-has-tokens .post-edited,.post-card.post-has-tokens .post-action-btn{color:inherit;opacity:.65}.post-card.post-has-tokens .post-action-btn:hover{opacity:1}.post-card.post-has-tokens a:not(.post-corner-avatar):not(.post-action-btn){color:inherit;text-decoration:underline}.post-card.post-has-tokens .post-divider{border-color:currentColor;opacity:.2}.post-card.has-background-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--background-image, none);background-size:cover;background-position:center;opacity:.12;pointer-events:none;z-index:-1}.post-card .post-content{color:var(--intent-content, var(--text-primary))}.post-card .post-author{color:var(--intent-author, var(--text-primary))}.post-card .post-meta,.post-card .post-time,.post-card .post-edited,.post-card .post-action-btn{color:var(--intent-muted, var(--text-muted))}.post-card .post-action-btn:hover,.post-card .post-action-btn.saved{color:var(--intent-accent, var(--primary))}.post-card>*{position:relative;z-index:1}.post-card a:not(.post-corner-avatar):not(.post-action-btn){color:var(--intent-accent, var(--primary))}.post-card .post-divider{border-color:var(--intent-accent, var(--border-light));opacity:.5}.post-card .icon-accent{color:var(--intent-accent)}.post-card.has-intent{border-left:4px solid var(--intent-accent)}.post-card .post-intent-indicator{background:var(--intent-accent);border-color:var(--intent-accent)}.post-card .post-corner-avatar{border-color:var(--intent-accent, var(--primary))}.post-surface-light{background:var(--intent-tint, var(--surface-light-bg))}.post-surface-warm{background:var(--intent-tint, var(--surface-warm-bg))}.post-surface-cool{background:var(--intent-tint, var(--surface-cool-bg))}.post-surface-dark{background:var(--intent-tint, var(--surface-dark-bg))}.post-frame-flat{box-shadow:none}.post-frame-soft-card{box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a,0 8px 16px #00000008,0 12px 24px #00000005;border:1px solid rgba(0,0,0,.04)}.post-frame-paper{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-blend-mode:multiply;background-size:200px;box-shadow:inset 0 0 60px #0000000a}.post-frame-outlined{border:2px solid var(--intent-accent, var(--border-color));border-left-width:5px;box-shadow:none}.post-frame-floating{box-shadow:0 6px 16px #0000001a,0 12px 32px #00000014,0 20px 48px #0000000d;transform:translateY(-2px)}.post-effects-paper-texture{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-blend-mode:multiply;background-size:180px}.post-effects-soft-vignette{box-shadow:inset 0 0 80px #0000000f,inset 0 0 30px #00000008}.post-effects-subtle-noise{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-blend-mode:overlay}.post-emphasis-subtle{font-weight:400;opacity:.85;font-size:.95em}.post-emphasis-normal{font-weight:400}.post-emphasis-strong{font-weight:600;letter-spacing:-.01em;font-size:1.02em}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:1.05rem;line-height:1.6;transition:background-color .3s ease,color .3s ease}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.1rem;color:var(--text-secondary)}.loading-inline{display:flex;justify-content:center;align-items:center;padding:40px;color:var(--text-secondary)}.skeleton-feed{display:flex;flex-direction:column;gap:24px}.skeleton-post{background:var(--bg-card);border-radius:16px;padding:28px;box-shadow:0 1px 4px var(--shadow-light)}.skeleton-header{display:flex;align-items:center;margin-bottom:16px}.skeleton-avatar{width:44px;height:44px;border-radius:50%;background:var(--bg-secondary);margin-right:14px}.skeleton-meta{flex:1}.skeleton-name{height:16px;width:120px;background:var(--bg-secondary);border-radius:4px;margin-bottom:8px}.skeleton-time{height:12px;width:80px;background:var(--bg-secondary);border-radius:4px}.skeleton-content{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.skeleton-line{height:14px;background:var(--bg-secondary);border-radius:4px}.skeleton-line:nth-child(1){width:100%}.skeleton-line:nth-child(2){width:90%}.skeleton-line:nth-child(3){width:75%}.skeleton-actions{display:flex;gap:20px;padding-top:16px;border-top:1px solid var(--border-light)}.skeleton-btn{height:20px;width:80px;background:var(--bg-secondary);border-radius:4px}.skeleton-avatar,.skeleton-name,.skeleton-time,.skeleton-line,.skeleton-btn{position:relative;overflow:hidden}.skeleton-avatar:after,.skeleton-name:after,.skeleton-time:after,.skeleton-line:after,.skeleton-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 1.5s infinite}:root.dark .skeleton-avatar:after,:root.dark .skeleton-name:after,:root.dark .skeleton-time:after,:root.dark .skeleton-line:after,:root.dark .skeleton-btn:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .4s ease-out forwards}@keyframes highlightFade{0%{box-shadow:0 0 0 3px var(--primary)}to{box-shadow:0 1px 4px var(--shadow-light)}}.post-new-highlight{animation:highlightFade 2s ease-out forwards}.spinner{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:14px;height:14px;border-width:2px}.btn-loading{display:inline-flex;align-items:center;justify-content:center;gap:8px}.progress-bar-container{width:100%;height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden;margin-bottom:12px}.progress-bar{height:100%;background:var(--primary);border-radius:2px;transition:width .3s ease}.image-upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fffbf4;gap:8px}.image-upload-overlay .spinner{width:24px;height:24px;border-width:3px}.auth-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px}.auth-box{background:var(--bg-card);padding:48px;border-radius:16px;box-shadow:0 2px 16px var(--shadow);width:100%;max-width:420px}.auth-box h1{font-size:1.5rem;margin-bottom:10px;font-weight:600}.auth-box p{color:var(--text-secondary);margin-bottom:28px;font-size:.95rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:.9rem;color:var(--text-secondary)}.form-group input{width:100%;padding:14px 16px;border:1px solid var(--input-border);border-radius:10px;font-size:1rem;transition:border-color .2s,background-color .2s;background:var(--input-bg);color:var(--text-primary)}.form-group input:focus{outline:none;border-color:var(--primary)}.btn{width:100%;padding:14px 16px;border:none;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow)}.btn:active{transform:scale(.98) translateY(0);box-shadow:0 2px 4px var(--shadow)}.btn-primary{background:var(--primary);color:#fffbf4}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{background:var(--primary-disabled);cursor:not-allowed;transform:none}.auth-toggle{margin-top:24px;text-align:center;font-size:.9rem;color:var(--text-secondary)}.auth-toggle button{background:none;border:none;color:var(--primary);cursor:pointer;font-weight:500}.error-message{background:#fdf4f2;color:#b86050;padding:14px 16px;border-radius:10px;margin-bottom:20px;font-size:.9rem}:root.dark .error-message{background:#3a2525;color:#f0b0a0}.header{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:20px 24px;position:sticky;top:0;z-index:100;transition:background-color .3s ease,border-color .3s ease}.header-content{max-width:640px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header h1{font-size:1.2rem;font-weight:600;letter-spacing:-.01em;display:flex;align-items:baseline;gap:4px}.header h1 a{color:inherit;text-decoration:none}.title-common{color:#32cd32}.title-place{color:#87ceeb}.header-brand{display:flex;align-items:center;gap:10px}.header-logo-icon{font-size:1.4rem;line-height:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(180deg,#87ceeb,#32cd32);text-decoration:none;transition:transform .15s,box-shadow .15s}.header-logo-icon:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.header-title-group{display:flex;flex-direction:column;gap:0}.header-help-link{font-size:.6rem;font-weight:700;color:var(--text-muted);text-decoration:none;position:relative;top:-8px;margin-left:3px;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--text-muted);border-radius:50%;transition:color .15s,border-color .15s,background-color .15s}.header-help-link:hover{color:var(--primary);border-color:var(--primary);background:var(--bg-secondary)}.header-tagline{font-size:.65rem;color:var(--text-muted);font-style:italic;font-weight:400;white-space:nowrap;margin-top:-2px}@media (max-width: 600px){.header-tagline{display:none}.header-logo-icon{font-size:1.2rem;width:34px;height:34px}.header-help-link{top:-6px;width:12px;height:12px;font-size:.5rem}}.header-mobile{padding:8px 12px;padding-top:calc(8px + var(--safe-top, 0px))}.header-mobile .header-content{justify-content:space-between;overflow:hidden}.header-mobile-left,.header-mobile-right{display:flex;align-items:center;gap:4px}.header-logo-icon-mobile{width:36px;height:36px;font-size:1.1rem;margin-right:4px}.header-mobile-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:8px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s;position:relative;text-decoration:none}.header-mobile-btn:hover,.header-mobile-btn:focus-visible{background:var(--bg-hover);color:var(--text-primary)}.header-mobile-btn.active{color:var(--primary);background:var(--primary-light)}.header-mobile-btn-primary{background:var(--primary);color:#fffbf4;flex-shrink:0}.header-mobile-btn-primary:hover,.header-mobile-btn-primary.active{background:var(--primary-dark);color:#fffbf4}.header-mobile-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;background:var(--danger);color:#fffbf4;font-size:.65rem;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}@media (max-width: 359px){.header-mobile{padding:8px;padding-top:calc(8px + var(--safe-top, 0px))}.header-mobile-left,.header-mobile-right{gap:2px}.header-logo-icon-mobile{margin-right:2px}}.header-overflow-menu{display:flex;flex-direction:column;padding:8px}.header-overflow-item{display:flex;align-items:center;gap:12px;padding:14px 16px;min-height:52px;border:none;background:transparent;border-radius:8px;font-size:1rem;color:var(--text-primary);cursor:pointer;text-align:left;width:100%;text-decoration:none}.header-overflow-item:hover,.header-overflow-item:focus-visible{background:var(--bg-hover)}.header-overflow-item:active{background:var(--bg-active)}.header-overflow-item.active{background:var(--primary-light);color:var(--primary)}.header-overflow-item-danger{color:var(--danger)}.header-overflow-item-danger:hover{background:var(--danger-light, #FDF4F2)}.header-overflow-emoji{font-size:1.25rem;width:20px;text-align:center}.header-overflow-badge{margin-left:auto;background:var(--danger);color:#fffbf4;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:10px}.header-overflow-divider{height:1px;background:var(--border-color);margin:8px 16px}.header-overflow-item-content{display:flex;flex-direction:column;gap:2px;flex:1}.header-overflow-item-label{font-weight:500}.header-overflow-default{color:var(--text-muted);font-weight:400}.header-overflow-item-desc{font-size:.8rem;color:var(--text-muted)}.header-overflow-check{color:var(--primary);font-weight:600}.header-actions{display:flex;gap:14px;align-items:center}.header-actions a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.header-actions a:hover{color:var(--text-primary)}.btn-theme{background:none;border:1px solid var(--input-border);padding:8px 12px;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s,border-color .2s}.btn-theme:hover{background:var(--bg-secondary);border-color:var(--border-color)}.ambient-audio-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:color .15s,background-color .15s}.ambient-audio-toggle:hover{background:var(--bg-secondary)}.ambient-audio-toggle[aria-pressed=true]{color:var(--primary)}.nav-icon-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border-radius:6px;color:var(--text-secondary);text-decoration:none;transition:color .15s,background-color .15s}.nav-icon-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-logout{background:none;border:1px solid var(--input-border);padding:10px 18px;border-radius:8px;font-size:.9rem;cursor:pointer;color:var(--text-secondary);transition:background-color .2s,border-color .2s,color .2s}.btn-logout:hover{background:var(--bg-secondary);color:var(--text-primary)}.user-menu-container{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--input-border);padding:6px 12px 6px 6px;border-radius:20px;cursor:pointer;transition:background-color .2s,border-color .2s}.user-menu-trigger:hover{background:var(--bg-secondary);border-color:var(--border-color)}.user-menu-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fffbf4;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;overflow:hidden}.user-menu-avatar-img{width:100%;height:100%;object-fit:cover}.user-menu-name{font-size:.9rem;color:var(--text-primary);font-weight:400;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-chevron{font-size:.6rem;color:var(--text-muted)}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px var(--shadow);min-width:200px;z-index:100;overflow:hidden}.user-menu-header{display:flex;align-items:center;gap:12px;padding:16px}.user-menu-header-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fffbf4;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;overflow:hidden}.user-menu-header-avatar .user-menu-avatar-img{width:100%;height:100%;object-fit:cover}.user-menu-header-name{font-size:1rem;font-weight:500;color:var(--text-primary)}.user-menu-divider{height:1px;background:var(--border-light);margin:0}.user-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:.9rem;color:var(--text-primary);cursor:pointer;text-decoration:none;transition:background-color .15s}.user-menu-item:hover{background:var(--bg-secondary)}.user-menu-item-icon{font-size:1rem;width:20px;text-align:center}.user-menu-item-danger{color:#c87060}.user-menu-item-danger:hover{background:#c45c5c1a}.user-menu-item-subtle{font-size:.85rem;color:var(--text-muted)}.user-menu-item-subtle .user-menu-item-icon{font-size:.8rem}.user-menu-badge{margin-left:auto;padding:2px 8px;background:var(--primary);color:#fffbf4;font-size:.75rem;font-weight:600;border-radius:10px}@media (max-width: 640px){.user-menu-name{display:none}.user-menu-trigger{padding:6px;border-radius:50%}.user-menu-chevron{display:none}}.friend-requests-container{position:relative}.btn-friend-requests{background:none;border:1px solid var(--input-border);padding:8px 12px;border-radius:8px;font-size:1rem;cursor:pointer;position:relative;transition:background-color .2s,border-color .2s}.btn-friend-requests:hover{background:var(--bg-secondary);border-color:var(--border-color)}.request-badge{position:absolute;top:-6px;right:-6px;background:#c87060;color:#fffbf4;font-size:.7rem;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px}.friend-requests-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 8px 32px var(--shadow);width:340px;max-height:420px;overflow-y:auto;z-index:200}.dropdown-header{padding:18px 20px;font-weight:600;border-bottom:1px solid var(--border-light);font-size:.95rem}.dropdown-empty{padding:32px 20px;text-align:center;color:var(--text-secondary)}.dropdown-list{padding:10px 0}.request-item{display:flex;align-items:center;padding:14px 20px;gap:14px}.request-item:hover{background:var(--bg-secondary)}.request-avatar{width:44px;height:44px;border-radius:50%;background:var(--primary);color:#fffbf4;display:flex;align-items:center;justify-content:center;font-weight:600;text-decoration:none;flex-shrink:0;overflow:hidden}.request-avatar-img{width:100%;height:100%;object-fit:cover}.request-info{flex:1;min-width:0}.request-name{font-weight:500;color:var(--text-primary);text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-name:hover{text-decoration:underline}.request-actions{display:flex;gap:10px;flex-shrink:0}.btn-accept{background:var(--primary);color:#fffbf4;border:none;padding:8px 14px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-accept:hover{background:var(--primary-hover)}.btn-accept:disabled{background:var(--primary-disabled);cursor:not-allowed}.btn-decline{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 14px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-decline:hover{background:var(--border-color)}.btn-decline:disabled{opacity:.5;cursor:not-allowed}.success-message{background:#e8f5e9;color:#2e7d32;padding:14px 20px;font-size:.9rem;border-bottom:1px solid var(--border-light)}:root.dark .success-message{background:#1b3d1f;color:#81c784}.settings-container{position:relative}.btn-feed-mode{background:var(--bg-secondary);border:1px solid var(--border-color);padding:8px 14px;border-radius:20px;font-size:1.1rem;cursor:pointer;transition:background-color .2s,border-color .2s,transform .1s;display:flex;align-items:center;justify-content:center}.btn-feed-mode:hover{background:var(--border-color);border-color:var(--text-muted)}.btn-feed-mode:active{transform:scale(.95)}.feed-mode-icon{line-height:1}.btn-settings{background:none;border:1px solid var(--input-border);padding:8px 12px;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s,border-color .2s}.btn-settings:hover{background:var(--bg-secondary);border-color:var(--border-color)}.settings-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 8px 32px var(--shadow);width:320px;z-index:200;overflow:hidden}.settings-header{padding:18px 20px 10px;font-weight:600;font-size:.95rem}.settings-current{padding:0 20px 14px;font-size:.85rem;color:var(--text-secondary);border-bottom:1px solid var(--border-light)}.settings-options{padding:10px}.settings-option{display:flex;align-items:flex-start;gap:14px;padding:14px;width:100%;background:none;border:none;border-radius:10px;cursor:pointer;text-align:left;transition:background-color .2s;color:var(--text-primary)}.settings-option:hover,.settings-option.active{background:var(--bg-secondary)}.settings-option-emoji{font-size:1.3rem;width:28px;text-align:center;flex-shrink:0;margin-top:2px}.settings-option-text{flex:1;min-width:0}.settings-option-label{display:block;font-weight:500;font-size:.95rem;margin-bottom:4px}.settings-default{font-weight:400;color:var(--text-muted);font-size:.85rem;margin-left:6px}.settings-option-desc{display:block;font-size:.8rem;color:var(--text-secondary);line-height:1.4}.settings-check{color:#4caf50;font-weight:600;font-size:1rem;flex-shrink:0;margin-top:4px}.mode-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--bg-card);color:var(--text-primary);padding:12px 24px;border-radius:10px;box-shadow:0 4px 20px var(--shadow);font-size:.9rem;font-weight:500;z-index:1000;animation:toastSlideUp .3s ease}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.btn-cooldown{opacity:.7;cursor:not-allowed}.main-content{max-width:1400px;margin:0 auto;padding:28px 24px}@media (max-width: 1200px){.main-content{max-width:900px}}@media (max-width: 768px){.main-content{max-width:100%;padding:20px 16px}}.create-post-wrapper{display:flex;justify-content:center;margin-bottom:24px;width:100%}.create-post{max-width:600px;width:100%;overflow:visible;padding-top:12px;padding-left:12px;padding-right:12px}.compose-area{position:relative;min-height:180px}.compose-mockup{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-card);border-radius:16px;padding:28px 20px 20px 28px;opacity:.35;pointer-events:none;box-shadow:0 1px 4px var(--shadow-light)}.mockup-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.mockup-avatar{width:36px;height:36px;border-radius:50%;background:#bbb;flex-shrink:0}.mockup-meta{display:flex;flex-direction:column;gap:6px}.mockup-name{width:100px;height:12px;background:#ccc;border-radius:4px}.mockup-time{width:60px;height:10px;background:#ddd;border-radius:4px}.mockup-content{display:flex;flex-direction:column;gap:10px;padding-left:46px}.mockup-line{height:12px;background:#d5d5d5;border-radius:4px;width:100%}.mockup-line.short{width:55%}.mockup-line.medium{width:80%}.intent-selector-overlay{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;min-height:180px;padding:24px}.intent-selection-phase{background:var(--bg-card);border-radius:16px;padding:24px;box-shadow:0 1px 4px var(--shadow-light);text-align:center}.intent-selection-prompt{font-size:1.1rem;font-weight:500;color:var(--text-primary);margin-bottom:20px}.intent-pills-row{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:nowrap}.intent-pill{display:flex;align-items:center;justify-content:flex-start;gap:0;min-width:40px;height:40px;padding:0 11px;background:var(--bg-secondary);border:2px solid transparent;border-radius:20px;cursor:pointer;transition:padding-right .35s ease-out,gap .35s ease-out,background .15s ease,border-color .15s ease,box-shadow .15s ease;overflow:hidden;white-space:nowrap}.intent-pill-emoji{font-size:1.15rem;flex-shrink:0;transition:transform .35s ease-out}.intent-pill-label{font-size:.8rem;font-weight:500;color:var(--text-primary);opacity:0;max-width:0;overflow:hidden;transition:opacity .25s ease,max-width .35s ease-out}.intent-pill:hover{padding-right:14px;gap:6px;background:var(--pill-tint);border-color:var(--pill-accent)}.intent-pill:hover .intent-pill-label{opacity:1;max-width:200px}.intent-pill:hover .intent-pill-emoji{transform:scale(1.08)}.intent-pill:focus-visible{outline:2px solid var(--pill-accent);outline-offset:2px}.intent-pill:active{transform:scale(.96)}.compose-frame{position:relative;background:var(--intent-tint, var(--bg-card));border-radius:12px;padding:20px 16px 16px;box-shadow:0 1px 4px var(--shadow-light);border-left:4px solid var(--intent-accent, var(--border-color));overflow:visible;color:var(--intent-content, var(--text-primary))}.compose-frame>*{position:relative;z-index:1}.compose-surface-light{background:var(--surface-light-bg);color:var(--surface-light-text)}.compose-surface-warm{background:var(--surface-warm-bg);color:var(--surface-warm-text)}.compose-surface-cool{background:var(--surface-cool-bg);color:var(--surface-cool-text)}.compose-surface-dark{background:var(--surface-dark-bg);color:var(--surface-dark-text)}.compose-frame-flat{box-shadow:none}.compose-frame-soft-card{box-shadow:0 2px 4px #0000000f,0 4px 8px #0000000a,0 8px 16px #00000008;border:1px solid rgba(0,0,0,.04)}.compose-frame-paper{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-blend-mode:multiply;background-size:200px;box-shadow:inset 0 0 60px #0000000a}.compose-frame-outlined{border:2px solid var(--intent-accent, var(--border-color));border-left-width:5px}.compose-frame-floating{box-shadow:0 6px 16px #0000001a,0 12px 32px #00000014;transform:translateY(-2px)}.compose-effects-paper-texture{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-blend-mode:multiply;background-size:180px}.compose-effects-soft-vignette{box-shadow:inset 0 0 80px #0000000f,inset 0 0 30px #00000008}.compose-effects-subtle-noise{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-blend-mode:overlay}.compose-emphasis-subtle{font-weight:400;opacity:.85;font-size:.95em}.compose-emphasis-normal{font-weight:400}.compose-emphasis-strong{font-weight:600;letter-spacing:-.01em;font-size:1.02em}.compose-corner-avatar-container{position:absolute;top:-12px;left:-12px;z-index:10}.compose-corner-avatar{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:50%;background:var(--avatar-bg, var(--primary));color:var(--avatar-text, white);font-weight:600;font-size:1.4rem;border:3px solid var(--intent-accent, var(--primary));box-shadow:0 2px 8px #00000026;overflow:hidden}.compose-corner-avatar-img{width:100%;height:100%;object-fit:cover}.compose-intent-indicator{position:absolute;top:-3px;right:-3px;width:22px;height:22px;border-radius:50%;background:var(--intent-accent, var(--primary));border:2px solid var(--intent-accent, var(--primary));display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;z-index:11}.compose-intent-emoji{font-size:.65rem;line-height:1}.compose-intent-badge{display:none}.compose-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;margin-left:56px;margin-top:-10px}.compose-avatar{display:none}.compose-avatar-img{width:100%;height:100%;object-fit:cover}.compose-meta{display:flex;flex-direction:column}.compose-author{font-weight:700;font-size:1.15rem;color:var(--intent-author, var(--text-primary));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.compose-change-intent{background:none;border:none;padding:0;font-size:.8rem;color:var(--intent-muted, var(--text-secondary));cursor:pointer;text-align:left}.compose-change-intent:hover{text-decoration:underline;color:var(--intent-accent, var(--primary))}.compose-textarea{width:100%;border:none;resize:none;font-size:1.05rem;font-family:inherit;min-height:100px;margin-bottom:12px;background:transparent;color:var(--intent-content, var(--text-primary));line-height:1.6}.compose-textarea:focus{outline:none}.compose-textarea::placeholder{color:var(--intent-muted, var(--text-muted))}.compose-actions{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-light)}.compose-add-image-btn{background:none;border:1px solid var(--border-color);padding:8px 14px;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .15s ease;color:var(--text-secondary)}.compose-add-image-btn:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.compose-add-image-btn:disabled{opacity:.5;cursor:not-allowed}.compose-post-btn{padding:10px 24px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;background:var(--primary);color:#fffbf4;transition:all .15s ease}.compose-post-btn:hover:not(:disabled){opacity:.9}.compose-post-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.intent-pills-row{gap:5px}.intent-pill{min-width:36px;height:36px;padding:0 9px;border-radius:18px}.intent-pill-emoji{font-size:1.05rem}.intent-pill:hover{padding-right:9px;gap:0}.intent-pill:hover .intent-pill-label{opacity:0;max-width:0}.intent-pill:hover{background:var(--pill-tint);border-color:var(--pill-accent)}}@media (max-width: 380px){.intent-pills-row{gap:4px}.intent-pill{min-width:34px;height:34px;padding:0 8px;border-radius:17px}.intent-pill-emoji{font-size:1rem}}@media (prefers-reduced-motion: reduce){.intent-pill{transition:padding-right .01ms,gap .01ms,background .01ms,border-color .01ms}.intent-pill-label{transition:opacity .01ms,max-width .01ms}.intent-pill-emoji{transition:none}}@media (max-width: 479px){.compose-header{margin-left:46px}.compose-corner-avatar{width:54px;height:54px;font-size:1.2rem;border-width:2px}.compose-corner-avatar-container{top:-10px;left:-10px}.compose-intent-indicator{width:18px;height:18px;top:-2px;right:-2px}.compose-intent-emoji{font-size:.55rem}}.image-preview-container{position:relative;margin-bottom:16px;display:inline-block}.image-preview{max-width:100%;max-height:320px;border-radius:12px;display:block}.image-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.image-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--bg-secondary)}.image-preview-item img{width:100%;height:100%;object-fit:cover}.image-preview-item .remove-image-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;font-size:1rem}.image-position{position:absolute;bottom:4px;left:4px;background:#0009;color:#fffbf4;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:4px}.add-more-images-btn{aspect-ratio:1;border:2px dashed var(--border-color);border-radius:8px;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);transition:border-color .2s,color .2s}.add-more-images-btn:hover{border-color:var(--primary);color:var(--primary)}.add-more-icon{font-size:1.5rem;line-height:1}.add-more-text{font-size:.75rem;font-weight:500}.image-count{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--text-muted);margin-bottom:12px}.clear-all-btn{background:none;border:none;color:var(--text-secondary);font-size:.8rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s,color .2s}.clear-all-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}@media (max-width: 480px){.image-preview-grid{grid-template-columns:repeat(2,1fr)}}.remove-image-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:#00000080;color:#fffbf4;border:none;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background-color .2s}.remove-image-btn:hover{background:#000000b3}.image-error{background:#fdf4f2;color:#b86050;padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:.9rem}:root.dark .image-error{background:#3a2525;color:#f0b0a0}.upload-progress{color:var(--text-secondary);font-size:.9rem;margin-bottom:16px}.image-upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.upload-overlay-content{display:flex;align-items:center;gap:10px;color:#fffbf4;font-weight:500}.upload-overlay-content .spinner{width:20px;height:20px;border-width:2px}.upload-percent{font-size:1.1rem}.upload-progress-bar{width:80%;height:4px;background:#ffffff4d;border-radius:4px;overflow:hidden}.upload-progress-fill{height:100%;background:#fffbf4;border-radius:4px;transition:width .15s ease-out}.btn-primary .spinner{margin-right:8px}.intent-picker-section{margin-bottom:16px}.intent-picker-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:10px;display:flex;align-items:center;gap:12px}.intent-error{color:#d88070;font-size:.8rem;font-weight:500}.intent-pills{display:flex;flex-wrap:wrap;gap:8px}.intent-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-secondary);border:2px solid transparent;border-radius:20px;cursor:pointer;font-size:.8rem;color:var(--text-secondary);transition:all .2s}.intent-pill:hover{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}.intent-pill.selected{background:var(--primary);border-color:var(--primary);color:#fffbf4}.intent-pill-emoji{font-size:.95rem}.intent-pill-label{font-weight:500;white-space:nowrap}@media (max-width: 640px){.intent-pills{gap:6px}.intent-pill{padding:6px 10px;font-size:.75rem}.intent-pill-emoji{font-size:.85rem}}.create-post .btn{width:auto;padding:12px 28px}.feed-filter-dropdown{position:relative;margin-bottom:28px;max-width:300px}.filter-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;font-size:.95rem;font-weight:500;cursor:pointer;color:var(--text-primary);transition:border-color .2s,background-color .2s}.filter-dropdown-trigger:hover{border-color:var(--primary)}.filter-current{flex:1;text-align:left}.filter-chevron{font-size:.7rem;color:var(--text-secondary);margin-left:10px}.filter-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px var(--shadow);z-index:50;overflow:hidden}.filter-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;background:none;border:none;font-size:.95rem;cursor:pointer;color:var(--text-primary);text-align:left;transition:background-color .2s}.filter-dropdown-item:hover,.filter-dropdown-item.active{background:var(--bg-secondary)}.filter-item-label{flex:1}.filter-item-check{color:var(--primary);font-weight:600}.feed-divider{background:var(--bg-secondary);border-radius:12px;padding:20px 24px;margin:8px 0 24px;text-align:center}.divider-line{display:flex;align-items:center;gap:16px;margin-bottom:16px}.divider-line:before,.divider-line:after{content:"";flex:1;height:1px;background:var(--border-color)}.divider-text{font-size:.9rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.divider-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn-sm{padding:10px 20px!important;font-size:.85rem!important}.previous-posts-section{margin-top:8px}.previous-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;padding:8px 12px;margin:0 auto 16px;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-radius:6px;transition:background .15s ease,color .15s ease}.previous-toggle:hover{background:var(--bg-secondary);color:var(--text-secondary)}.toggle-icon{font-size:.7rem;transition:transform .2s ease}.previous-toggle .toggle-label{position:static;display:inline;width:auto;height:auto;white-space:nowrap}.previous-count{font-weight:400;color:var(--text-muted);opacity:.8}.load-more-btn{width:100%;margin-top:24px}.feed-end{background:var(--bg-card);border-radius:16px;padding:40px 28px;text-align:center;box-shadow:0 1px 4px var(--shadow-light);margin-top:12px}.caught-up-message{font-size:1.1rem;font-weight:500;color:var(--text-primary);margin-bottom:24px}.done-message{font-size:1.1rem;font-weight:500;color:#4caf50}.feed-end-actions{display:flex;flex-direction:column;gap:14px;max-width:300px;margin:0 auto}.feed-end-actions .btn{width:100%}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color);color:var(--text-primary)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.feed-masonry{column-count:3;column-gap:12px}.masonry-item{break-inside:avoid;display:inline-block;width:100%;margin-bottom:12px}@media (max-width: 479px){.feed-masonry{column-count:1}}@media (min-width: 480px) and (max-width: 639px){.feed-masonry{column-count:2}}@media (min-width: 640px) and (max-width: 1024px){.feed-masonry{column-count:2}}.post{background:var(--intent-tint, var(--bg-card));border-radius:12px;padding:20px 14px 14px;margin-bottom:0;box-shadow:0 1px 3px var(--shadow-light);transition:background-color .3s ease,transform .15s ease,box-shadow .15s ease;border-left:3px solid transparent;break-inside:avoid}.post:hover{transform:translateY(-1px);box-shadow:0 3px 10px var(--shadow)}.post-header{display:flex;align-items:center;margin-bottom:10px}.post .post-header{margin-left:56px;margin-top:-10px}@media (max-width: 640px){.post .post-header{margin-left:46px}}.post-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fffbf4;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:8px;text-decoration:none;font-size:.7rem;flex-shrink:0;overflow:hidden}.post-avatar-img{width:100%;height:100%;object-fit:cover}.post-meta{flex:1;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.post-author{font-weight:700;font-size:1.15rem;color:var(--text-primary);text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.post-author:hover{text-decoration:underline}.post-meta-separator{color:var(--text-muted);font-size:.75rem}.post-time{font-size:.65rem;color:var(--text-muted);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-style:italic;opacity:.7}.post-content{margin-bottom:12px;white-space:pre-wrap;word-break:break-word;line-height:1.55;font-size:.95rem;font-family:var(--author-font, inherit);padding-top:8px}.post-read-more{color:var(--primary);font-weight:500;margin-left:4px;white-space:nowrap;font-size:.85rem}.post-truncated-indicator{color:var(--text-muted);font-weight:400;white-space:nowrap}.truncated-arrow{display:inline-block;color:var(--intent-accent, var(--primary));font-weight:500;margin-left:2px;transition:transform .2s ease}.post-clickable:hover .truncated-arrow{transform:translate(3px)}.selection-popup{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;padding:4px;z-index:100;animation:selectionPopupFadeIn .15s ease-out}@keyframes selectionPopupFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.selection-popup__btn{display:flex;align-items:center;gap:6px;background:none;border:none;padding:8px 12px;font-size:.875rem;font-weight:500;color:var(--primary);cursor:pointer;white-space:nowrap;border-radius:4px;transition:background .15s}.selection-popup__btn:hover{background:var(--bg-secondary)}.post-action-btn--build-on{color:var(--text-secondary)}.post-action-btn--build-on:hover{color:var(--primary);background:var(--bg-secondary)}.post__quoted-excerpt{margin:8px 0 12px;padding:12px 16px;background:var(--bg-secondary);border-left:3px solid var(--primary);border-radius:0 8px 8px 0;font-style:italic;color:var(--text-secondary);font-size:.9375rem;line-height:1.5}.post__lineage{margin-top:16px;padding-top:12px;border-top:1px solid var(--border-color)}.post__lineage-label{display:block;font-size:.813rem;color:var(--text-muted);margin-bottom:8px}.post__lineage--deleted .post__lineage-label{font-style:italic}@media (max-width: 639px){.post__quoted-excerpt{padding:var(--card-padding, 12px)}}.post-longform{margin-bottom:12px;padding-top:8px}.post-longform .post-title{font-size:1.4rem;font-weight:600;margin:0 0 12px;line-height:1.3;color:var(--text-primary)}.post-longform .post-html-content{font-size:.95rem;line-height:1.6;color:var(--text-primary)}.post-longform .post-html-content h1{font-size:1.5rem;margin:20px 0 10px}.post-longform .post-html-content h2{font-size:1.25rem;margin:16px 0 8px}.post-longform .post-html-content h3{font-size:1.1rem;margin:14px 0 6px}.post-longform .post-html-content p{margin:0 0 12px}.post-longform .post-html-content ul,.post-longform .post-html-content ol{margin:12px 0;padding-left:24px}.post-longform .post-html-content blockquote{border-left:3px solid var(--primary);padding-left:16px;margin:16px 0;color:var(--text-secondary);font-style:italic}.post-longform .post-html-content a{color:var(--primary);text-decoration:underline}.post-longform .post-html-content img{max-width:100%;height:auto;border-radius:8px;margin:12px 0}.post-drawing{margin-bottom:12px;padding-top:8px}.post-drawing .drawing-image{max-width:100%;height:auto;border-radius:8px;background:#f8f8f8;border:1px solid var(--border-color)}.user-storage-page{max-width:1000px;margin:0 auto;padding:24px}.storage-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.storage-header h1{font-size:1.5rem;margin:0}.storage-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all .15s}.storage-back-btn:hover{border-color:var(--primary);color:var(--primary)}.storage-tabs{display:flex;gap:4px;border-bottom:2px solid var(--border-color);margin-bottom:24px}.storage-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;color:var(--text-secondary);cursor:pointer;position:relative;transition:color .15s;font-size:.9rem}.storage-tab:hover{color:var(--text-primary)}.storage-tab.active{color:var(--primary);font-weight:500}.storage-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--primary)}.tab-icon{font-size:1.1rem}.storage-loading,.storage-empty{text-align:center;padding:48px;color:var(--text-muted)}.storage-empty p{margin:0 0 16px}.storage-empty-btn{padding:10px 20px;background:var(--primary);color:#fffbf4;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:opacity .15s}.storage-empty-btn:hover{opacity:.9}.storage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.storage-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:border-color .15s}.storage-item:hover{border-color:var(--primary)}.item-preview{height:120px;padding:12px;background:var(--bg-elevated, var(--bg-secondary));display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;transition:background .15s}.item-preview:hover{background:var(--bg-primary, var(--bg-card))}.drawing-thumb{max-width:100%;max-height:100%;object-fit:contain}.drawing-placeholder{font-size:3rem;opacity:.5}.preset-preview{display:flex;flex-direction:column;gap:4px;text-align:center}.preset-surface{font-weight:500;text-transform:capitalize}.preset-detail{font-size:.8rem;color:var(--text-muted);text-transform:capitalize}.item-info{padding:12px}.item-title{font-size:.95rem;font-weight:500;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.item-subtitle{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:4px;text-transform:capitalize}.item-date{font-size:.75rem;color:var(--text-muted)}.item-actions{display:flex;border-top:1px solid var(--border-color)}.item-action{flex:1;padding:10px;background:none;border:none;cursor:pointer;font-size:.85rem;transition:background .15s}.item-action:hover{background:var(--bg-elevated, var(--bg-secondary))}.item-action.open{color:var(--primary);font-weight:500}.item-action.delete{color:var(--text-muted);border-left:1px solid var(--border-color);flex:0 0 50px}.item-action.delete:hover{color:#d88070;background:#e74c3c1a}@media (max-width: 600px){.user-storage-page{padding:16px}.storage-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.storage-tab{padding:10px 16px;white-space:nowrap}.tab-label{display:none}.storage-grid{grid-template-columns:1fr}.item-preview{height:100px}}.post-image-link{display:block;margin-bottom:10px}.post-image{width:100%;border-radius:8px;display:block;object-fit:cover}.post-image:hover{opacity:.95}.post-images{margin-bottom:10px;border-radius:8px;overflow:hidden}.post-images .post-image-link{margin-bottom:0;display:block;background:none;border:none;padding:0;cursor:pointer;width:100%;text-align:left}.post-images .post-image{width:100%;height:100%;object-fit:cover}.post-images-1 .post-image-link{display:block}.post-images-1 .post-image{width:100%;height:auto;max-height:500px;object-fit:contain;object-position:center}.post-images-2{display:grid;grid-template-columns:1fr 1fr;gap:3px}.post-images-2 .post-image-link{aspect-ratio:1 / 1}.post-images-2 .post-image{aspect-ratio:1 / 1;object-fit:cover}.post-images-3{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px}.post-images-3 .post-image-main{grid-column:1;grid-row:1 / 3}.post-images-3 .post-image-main .post-image{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover}.post-images-3 .post-images-side{grid-column:2;grid-row:1 / 3;display:grid;grid-template-rows:1fr 1fr;gap:3px}.post-images-3 .post-images-side .post-image-link{display:block;overflow:hidden}.post-images-3 .post-images-side .post-image{width:100%;height:100%;object-fit:cover}.post-images-4{display:grid;grid-template-columns:1fr 1fr;gap:3px}.post-images-4 .post-image-link{position:relative;aspect-ratio:1 / 1}.post-images-4 .post-image{aspect-ratio:1 / 1}.post-image-more{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;color:#fffbf4;font-size:1.5rem;font-weight:600}.post-corner-avatar-container{position:absolute;top:-12px;left:-12px;z-index:10}.post-corner-avatar{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:50%;background:var(--avatar-bg, var(--primary));color:var(--avatar-text, white);font-weight:600;font-size:1.4rem;text-decoration:none;border:3px solid var(--intent-accent, var(--primary));box-shadow:0 2px 8px #00000026;overflow:hidden;transition:transform .15s ease}.post-corner-avatar:hover{transform:scale(1.05)}.post-corner-avatar-img{width:100%;height:100%;object-fit:cover}.post-intent-indicator{position:absolute;top:-3px;right:-3px;width:22px;height:22px;border-radius:50%;background:var(--intent-accent, var(--primary));border:2px solid var(--intent-accent, var(--primary));display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;cursor:default;z-index:11}.intent-indicator-emoji{font-size:.65rem;line-height:1}.post-intent-indicator:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);padding:4px 8px;background:var(--text-primary);color:var(--bg-card);font-size:.7rem;font-weight:500;white-space:nowrap;border-radius:4px;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none;z-index:20}.post-intent-indicator:hover:after{opacity:1;visibility:visible}.post-intent-badge{display:none}.post{position:relative;overflow:visible}.masonry-item{padding-top:12px;padding-left:12px}@media (max-width: 640px){.post-corner-avatar{width:54px;height:54px;font-size:1.2rem;border-width:2px}.post-corner-avatar-container{top:-10px;left:-10px}.post-intent-indicator{width:18px;height:18px;top:-2px;right:-2px}.intent-indicator-emoji{font-size:.55rem}.intent-indicator-emoji{font-size:.7rem}.masonry-item{padding-top:10px;padding-left:10px}}.post-intent-thinking_out_loud{border-left-color:#9080a8}.post-intent-open_to_discussion{border-left-color:#80b8d0}.post-intent-sharing_personal{border-left-color:#c08878}.post-intent-asking_for_help{border-left-color:#e8b050}.post-intent-just_for_fun{border-left-color:#8cc88c}.post-intent-sharing_information{border-left-color:#9a8a78}.post-actions{display:flex;gap:4px;padding-top:10px;flex-wrap:wrap}.post-saved-note-section{margin-top:12px}.post-saved-note-divider{border:none;height:1px;margin:0 0 12px;background:repeating-linear-gradient(to right,var(--intent-border, var(--border-color)) 0,var(--intent-border, var(--border-color)) 6px,transparent 6px,transparent 10px);opacity:.5}.post-saved-note-content{display:inline-flex;align-items:baseline;gap:6px;background:var(--bg-primary);padding:6px 10px;border-radius:6px}.post-saved-note-label{font-size:.7rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.post-saved-note-text{font-size:.75rem;color:var(--text-secondary);line-height:1.4;font-style:italic}.post-saved-note-edit{display:flex;align-items:center;gap:8px;background:var(--bg-primary);padding:6px 10px;border-radius:6px}.post-saved-note-input-wrapper{flex:1;display:flex;align-items:center;gap:8px}.post-saved-note-input{flex:1;background:transparent;border:none;outline:none;font-size:.75rem;color:var(--text-primary);font-style:italic;padding:0;min-width:0}.post-saved-note-input::placeholder{color:var(--text-muted);opacity:.6}.post-saved-note-accept{display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fffbf4;border:none;border-radius:4px;padding:4px;cursor:pointer;transition:background-color .15s,opacity .15s;flex-shrink:0}.post-saved-note-accept:hover{background:var(--primary-hover, var(--primary));opacity:.9}.post-saved-note-accept:disabled{opacity:.5;cursor:not-allowed}.add-note-btn{margin-left:auto;border:1px solid var(--border-color)!important;border-radius:4px!important;padding:3px 6px!important}.add-note-btn:hover{border-color:var(--intent-accent, var(--primary))!important}.unsave-btn{color:var(--text-muted)}.unsave-btn:hover{color:#d88070}.post-saved-note-display{position:relative}.post-saved-note-delete{position:absolute;top:-8px;left:-8px;width:20px;height:20px;border-radius:50%;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s,color .15s,border-color .15s,background-color .15s;z-index:2}.post-saved-note-display:hover .post-saved-note-delete{opacity:1}.post-saved-note-delete:hover{color:#d88070;border-color:#d88070;background:#fdf4f2}.post-saved-note-confirm{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;box-shadow:0 4px 12px #00000026;z-index:10;display:flex;flex-direction:column;align-items:center;gap:10px;white-space:nowrap}.post-saved-note-confirm .confirm-text{font-size:.8rem;color:var(--text-primary);font-weight:500}.post-saved-note-confirm .confirm-buttons{display:flex;gap:8px}.post-saved-note-confirm .confirm-btn{padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;border:none;transition:background-color .15s,opacity .15s}.post-saved-note-confirm .confirm-yes{background:#d88070;color:#fffbf4}.post-saved-note-confirm .confirm-yes:hover{background:#c87060}.post-saved-note-confirm .confirm-yes:disabled{opacity:.5;cursor:not-allowed}.post-saved-note-confirm .confirm-cancel{background:var(--bg-secondary);color:var(--text-secondary)}.post-saved-note-confirm .confirm-cancel:hover{background:var(--bg-tertiary, var(--bg-secondary));color:var(--text-primary)}.post-action-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:4px;transition:color .2s,background-color .2s,transform .15s;padding:4px 8px;border-radius:6px;position:relative}.post-action-btn:hover{color:var(--intent-accent, var(--primary));background:color-mix(in srgb,var(--intent-accent, var(--primary)) 15%,transparent)}.post-action-btn.saved{color:var(--intent-accent, var(--primary))}.post-action-btn:disabled{opacity:.5;cursor:not-allowed}.post-action-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:3px 8px;background:var(--text-primary);color:var(--bg-primary);font-size:.65rem;font-weight:500;white-space:nowrap;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:10}.post-action-btn[data-tooltip]:hover:after{opacity:.85}.action-icon{font-size:1rem;line-height:1}.post-action-btn svg{flex-shrink:0}.post-action-btn.post-report-btn{color:var(--text-muted);opacity:.7}.post-action-btn.post-report-btn:hover{color:var(--warning, #E8B050);opacity:1}.back-btn svg,.back-link svg{flex-shrink:0;margin-right:4px}.action-count{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.comments-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-light)}.comment{display:flex;margin-bottom:16px}.comment-avatar{width:36px;height:36px;border-radius:50%;background:#78909c;color:#fffbf4;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;margin-right:12px;flex-shrink:0}.comment-body{background:var(--bg-secondary);padding:12px 16px;border-radius:14px;flex:1;transition:background-color .2s}.comment-author{font-weight:500;font-size:.9rem;margin-bottom:4px}.comment-text{font-size:.95rem;line-height:1.5}.comment-time{font-size:.8rem;color:var(--text-muted);margin-top:6px}.comment-form{display:flex;gap:12px;margin-top:16px}.comment-form input{flex:1;padding:12px 18px;border:1px solid var(--border-color);border-radius:24px;font-size:.95rem;background:var(--input-bg);color:var(--text-primary);transition:border-color .2s,background-color .2s}.comment-form input:focus{outline:none;border-color:var(--primary)}.comment-form button{padding:10px 20px;background:var(--primary);color:#fffbf4;border:none;border-radius:24px;font-weight:500;cursor:pointer;transition:background-color .2s;min-width:80px;max-width:120px}.comment-form button:hover{background:var(--primary-hover)}.comment-form button:disabled{background:var(--primary-disabled);cursor:not-allowed}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.avatar.avatar-img{object-fit:cover}.avatar.avatar-fallback{color:#fffbf4;font-weight:600}.profile-header{background:var(--bg-card);border-radius:16px;padding:36px;margin-bottom:28px;text-align:center;box-shadow:0 1px 4px var(--shadow-light);transition:background-color .3s ease}.profile-avatar{width:88px;height:88px;border-radius:50%;background:var(--primary);color:#fffbf4;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:600;margin:0 auto 20px;position:relative;overflow:hidden}.profile-avatar-editable{cursor:pointer}.profile-avatar .avatar-image{width:100%;height:100%;object-fit:cover}.avatar-edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.profile-avatar-editable:hover .avatar-edit-overlay{opacity:1}.avatar-edit-icon{font-size:1.5rem}.avatar-uploading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--bg-secondary)}.avatar-spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.avatar-error{color:#c87060;font-size:.85rem;margin-bottom:12px}.profile-name{font-size:1.5rem;font-weight:600;margin-bottom:6px}.profile-username{color:var(--text-secondary);margin-bottom:16px}.profile-bio{color:var(--text-secondary);max-width:420px;margin:0 auto;line-height:1.6}.profile-edit-form{max-width:420px;margin:24px auto 0;text-align:left}.profile-edit-form .btn{margin-top:10px}.friendship-badge{display:inline-block;background:#4caf50;color:#fffbf4;padding:12px 24px;border-radius:10px;font-weight:500;font-size:.95rem}.friends-section{background:var(--bg-card);border-radius:16px;padding:24px;margin-bottom:28px;box-shadow:0 1px 4px var(--shadow-light)}.friends-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.friends-header h2{font-size:1.1rem;font-weight:600;margin:0}.pending-requests-link{font-size:.85rem;color:var(--primary);cursor:default}.friends-empty{text-align:center;padding:40px 28px;color:var(--text-muted)}.friends-empty p{margin:0;font-size:.95rem}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:16px}.friend-card{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .15s;position:relative}.friend-card:hover{transform:translateY(-2px)}.friend-card:hover .friend-card-image{box-shadow:0 4px 12px var(--shadow)}.friend-card-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit}.friend-card-actions{position:absolute;top:4px;right:4px;opacity:0;transition:opacity .15s}.friend-card:hover .friend-card-actions{opacity:1}.friend-card-actions .message-button{background:#ffffffe6;box-shadow:0 1px 4px #0000001a}:root[data-theme=dark] .friend-card-actions .message-button{background:#1e293be6}.friend-card-image{width:90px;height:90px;border-radius:8px;overflow:hidden;margin-bottom:8px;transition:box-shadow .2s}.friend-card-image .avatar{width:100%!important;height:100%!important;border-radius:8px;font-size:2rem}.friend-card-img{width:100%;height:100%;object-fit:cover}.friend-card-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fffbf4;font-weight:600;font-size:2rem}.friend-card-name{font-size:.85rem;font-weight:500;color:var(--text-primary);text-align:center;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friends-view-all{display:block;text-align:center;margin-top:20px;padding:12px;color:var(--primary);font-size:.9rem;font-weight:500;text-decoration:none;border-radius:8px;transition:background-color .2s}.friends-view-all:hover{background:var(--bg-secondary)}@media (min-width: 1200px){.friend-card-image{width:100px;height:100px}.friend-card-name{max-width:100px}}@media (max-width: 768px){.friend-card-image{width:80px;height:80px}.friend-card-name{max-width:80px;font-size:.8rem}.friends-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media (max-width: 480px){.friend-card-image{width:70px;height:70px}.friend-card-name{max-width:70px}.friends-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:12px}}.friend-card-avatar{width:60px;height:60px;border-radius:50%;background:var(--primary);color:#fffbf4;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.3rem;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;max-width:100%}.profile-posts-section{margin-top:24px}.profile-posts-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.profile-posts-header h2{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.posts-count{font-weight:400;color:var(--text-muted);font-size:.95rem}.empty-feed{text-align:center;padding:72px 24px;color:var(--text-secondary)}.empty-feed h2{font-size:1.2rem;margin-bottom:10px;color:var(--text-secondary);font-weight:500}@media (max-width: 640px){.auth-box{padding:28px}.post{padding:16px;border-radius:12px}.create-post-wrapper{padding:0 16px}.create-post{padding:16px;max-width:100%}.profile-header,.feed-end,.friends-section{border-radius:12px}}.post-detail{max-width:680px;margin:0 auto;padding:24px 16px}.post-detail-loading{text-align:center;padding:60px 20px;color:var(--text-secondary)}.post-not-found{text-align:center;padding:60px 20px;background:var(--bg-card);border-radius:16px;margin-top:24px}.post-not-found h2{margin-bottom:8px;color:var(--text-primary)}.post-not-found p{color:var(--text-secondary)}.back-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-secondary);font-size:.95rem;cursor:pointer;padding:8px 0;margin-bottom:16px;transition:color .2s}.back-btn:hover{color:var(--primary)}.post-detail-card{margin-bottom:24px}.post-detail-gallery{display:grid;gap:8px;margin-bottom:12px;border-radius:8px;overflow:hidden}.gallery-1{grid-template-columns:1fr}.gallery-2{grid-template-columns:1fr 1fr}.gallery-3{grid-template-columns:repeat(3,1fr)}.gallery-4{grid-template-columns:repeat(2,1fr)}.post-detail-gallery .gallery-image-link{display:block;border-radius:4px;overflow:hidden;border:none;padding:0;background:none;cursor:pointer;width:100%}.post-detail-gallery .gallery-image{width:100%;height:200px;object-fit:cover;display:block;transition:opacity .2s}.gallery-1 .gallery-image{height:auto;max-height:500px}.post-detail-gallery .gallery-image-link:hover .gallery-image{opacity:.9}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;animation:lightbox-fade-in .15s ease-out}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-content{max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.lightbox-image{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:4px;animation:lightbox-image-in .15s ease-out}@keyframes lightbox-image-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border:none;background:#ffffff1a;color:#fffbf4;font-size:2rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10}.lightbox-close:hover{background:#fff3}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:80px;border:none;background:#ffffff1a;color:#fffbf4;font-size:2.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10}.lightbox-nav:hover{background:#ffffff40}.lightbox-prev{left:16px;border-radius:8px}.lightbox-next{right:16px;border-radius:8px}.lightbox-counter{position:absolute;bottom:24px;left:50%;transform:translate(-50%);color:#fffbf4;font-size:.9rem;padding:6px 14px;background:#00000080;border-radius:20px;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (max-width: 768px){.lightbox-nav{background:#ffffff26}.lightbox-close{top:12px;right:12px}.lightbox-prev{left:8px}.lightbox-next{right:8px}}.post-clickable{cursor:pointer;transition:box-shadow .2s,transform .15s}.post-clickable:hover{box-shadow:0 4px 16px var(--shadow)}.post-clickable:active{transform:scale(.995)}.post-comment-btn{color:var(--primary);font-weight:500}.post-edited{font-size:.75rem;color:var(--text-muted);font-style:italic;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.post-edit-mode{margin-top:8px}.post-edit-textarea{width:100%;min-height:100px;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;font-family:inherit;resize:vertical;background:var(--input-bg);color:var(--text-primary);margin-bottom:12px}.post-edit-textarea:focus{outline:none;border-color:var(--primary)}.post-edit-intent{margin-bottom:12px}.post-edit-intent-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.post-edit-image-note{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-secondary);border-radius:8px;margin-bottom:12px;font-size:.8rem;color:var(--text-muted)}.post-edit-image-thumb{width:40px;height:40px;object-fit:cover;border-radius:4px}.post-edit-actions{display:flex;justify-content:flex-end;gap:8px}.post-edit-actions .btn{padding:8px 16px;font-size:.85rem}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--bg-card);color:var(--text-primary);padding:12px 24px;border-radius:8px;box-shadow:0 4px 20px var(--shadow);border:1px solid var(--border-color);z-index:1000;animation:toastIn .3s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.wel-prompt{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-subtle, #f8f9fa);border-radius:8px;margin-top:12px;animation:welFadeIn .3s ease-out}.wel-prompt--fading{animation:welFadeOut .3s ease-out forwards}.wel-prompt__icon{font-size:1rem;color:var(--primary, #5AACA8);flex-shrink:0}.wel-prompt__text{flex:1;font-size:.875rem;font-style:italic;color:var(--text-secondary, #666);margin:0;line-height:1.5}.wel-prompt__dismiss{background:none;border:none;padding:8px;font-size:1.25rem;color:var(--text-muted, #999);cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .15s ease}.wel-prompt__dismiss:hover{background:var(--bg-hover, rgba(0, 0, 0, .05))}.wel-prompt__dismiss:focus-visible{outline:2px solid var(--primary, #5AACA8);outline-offset:2px}@keyframes welFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes welFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion: reduce){.wel-prompt,.wel-prompt--fading{animation:none}}.comments-detail-section{background:var(--bg-card);border-radius:16px;padding:24px;box-shadow:0 1px 4px var(--shadow-light)}.comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.comments-header h3{font-size:1.1rem;font-weight:600}.sort-select{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);padding:6px 12px;border-radius:8px;font-size:.85rem;cursor:pointer}.sort-select:focus{outline:none;border-color:var(--primary)}.add-comment-form{display:flex;gap:12px;margin-bottom:24px}.add-comment-form input{flex:1;padding:12px 16px;border:1px solid var(--input-border);border-radius:10px;background:var(--input-bg);color:var(--text-primary);font-size:.95rem}.add-comment-form input:focus{outline:none;border-color:var(--primary)}.add-comment-form .btn{white-space:nowrap;padding:10px 20px;min-width:80px;max-width:120px}.no-comments{text-align:center;padding:40px 20px;color:var(--text-secondary)}.no-comments p{font-size:.95rem}.comments-list{display:flex;flex-direction:column;gap:4px}.comment-thread{position:relative}.comment-thread.depth-1,.comment-thread.depth-2{margin-left:32px;padding-left:16px;border-left:2px solid var(--border-light)}.comment-thread .comment{display:flex;gap:12px;padding:12px 0}.comment-thread .comment-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#8070A0);display:flex;align-items:center;justify-content:center;color:#fffbf4;font-weight:600;font-size:.85rem;text-decoration:none;transition:transform .2s;overflow:hidden}.comment-thread .comment-avatar .avatar{width:100%;height:100%}.comment-thread .comment-avatar .avatar.avatar-img{object-fit:cover}.comment-thread .comment-avatar .avatar.avatar-fallback{background:none}.comment-thread .comment-avatar:hover{transform:scale(1.05)}.comment-thread .comment-body{flex:1;min-width:0}.comment-thread .comment-header{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.comment-thread .comment-author{font-weight:600;font-size:.9rem;color:var(--text-primary);text-decoration:none}.comment-thread .comment-author:hover{color:var(--primary)}.comment-thread .comment-time{font-size:.8rem;color:var(--text-muted)}.comment-thread .comment-text{font-size:.95rem;color:var(--text-primary);line-height:1.5;word-wrap:break-word}.comment-reply-btn{background:none;border:none;color:var(--text-secondary);font-size:.8rem;cursor:pointer;padding:4px 0;margin-top:4px;transition:color .2s}.comment-reply-btn:hover{color:var(--primary)}.reply-input-container{margin-top:12px;padding:12px;background:var(--bg-secondary);border-radius:10px}.reply-input-container input{width:100%;padding:10px 12px;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-size:.9rem;margin-bottom:8px}.reply-input-container input:focus{outline:none;border-color:var(--primary)}.reply-actions{display:flex;gap:8px;justify-content:flex-end}.comment-replies{margin-top:4px}.view-more-replies-btn{background:none;border:none;color:var(--primary);font-size:.85rem;cursor:pointer;padding:8px 0;margin-left:48px;font-weight:500;transition:opacity .2s}.view-more-replies-btn:hover{opacity:.8}.expanded-replies{animation:fadeIn .2s ease}@media (max-width: 600px){.post-detail{padding:16px}.comments-detail-section{padding:16px;border-radius:0;margin-left:-16px;margin-right:-16px}.add-comment-form{flex-direction:column}.add-comment-form .btn{align-self:flex-end}.comment-thread.depth-1,.comment-thread.depth-2{margin-left:20px;padding-left:12px}.comment-thread .comment-avatar{width:32px;height:32px;min-width:32px;font-size:.8rem}.view-more-replies-btn{margin-left:32px}}.shelf-tabs{display:flex;gap:8px;padding:16px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.shelf-tabs::-webkit-scrollbar{display:none}.shelf-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;white-space:nowrap;transition:all .2s}.shelf-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.shelf-tab.active{background:var(--primary);border-color:var(--primary);color:#fffbf4}.shelf-tab-emoji{font-size:1rem}.shelf-tab-label{font-weight:500}.saved-post-note{margin-top:8px;padding:0}.saved-post-note-text{font-size:.8rem;color:var(--text-muted);font-style:italic;line-height:1.4}.save-btn-group{display:inline-flex;align-items:center}.save-options-btn{display:flex;align-items:center;background:none;border:none;color:var(--text-muted);padding:4px;margin-left:-10px;cursor:pointer;opacity:.7;transition:opacity .15s}.save-options-btn:hover{opacity:1}.save-popover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0003;z-index:9999;animation:fadeIn .15s ease}.save-popover-portal{position:fixed;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 32px #0003;padding:12px;width:300px;z-index:10000;animation:popoverSlideIn .15s ease}.save-popover-portal.above{animation:popoverSlideInUp .15s ease}@keyframes popoverSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes popoverSlideInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.save-popover-section{margin-bottom:12px;overflow:visible}.save-popover-row{display:flex;align-items:center;margin-bottom:10px}.save-popover-row:last-of-type{margin-bottom:0}.save-popover-label{display:block;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.shelf-dropdown-container{position:relative;display:block;width:100%;overflow:visible}.shelf-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:border-color .15s}.shelf-dropdown-trigger:hover{border-color:var(--primary)}.shelf-dropdown-value{display:flex;align-items:center;gap:4px}.shelf-dropdown-arrow{font-size:.7rem;color:var(--text-muted)}.shelf-default-star{color:var(--primary);font-size:.9rem;margin-left:2px}.shelf-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 16px #00000026;z-index:10001;max-height:250px;overflow-y:auto;animation:fadeIn .1s ease}.shelf-dropdown-item{display:flex;align-items:center;width:100%;padding:8px 10px;background:none;border:none;color:var(--text-primary);font-size:.85rem;cursor:pointer;text-align:left;transition:background .1s}.shelf-dropdown-item:hover,.shelf-dropdown-item.selected{background:var(--bg-secondary)}.shelf-dropdown-name{flex:1}.shelf-dropdown-check{color:var(--primary);font-weight:600;font-size:.9rem}.shelf-create-btn{border-top:1px solid var(--border-light);color:var(--text-secondary)}.shelf-create-btn:hover{color:var(--primary)}.shelf-create-plus{font-weight:600;margin-right:6px}.shelf-create-inline{display:flex;align-items:center;padding:6px 8px;border-top:1px solid var(--border-light);gap:6px;overflow:hidden}.shelf-create-inline input{flex:1;min-width:0;padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-primary);font-size:.8rem}.shelf-create-inline-btn{flex-shrink:0}.shelf-create-inline input:focus{outline:none;border-color:var(--primary)}.shelf-create-inline-btn{padding:6px 10px;background:var(--primary);border:none;border-radius:4px;color:#fffbf4;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.shelf-create-inline-btn:hover:not(:disabled){background:var(--primary-hover)}.shelf-create-inline-btn:disabled{opacity:.5;cursor:not-allowed}.save-note-toggle{background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;padding:4px 0;transition:color .15s}.save-note-toggle:hover{color:var(--primary)}.save-note-input{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-primary);font-size:.8rem}.save-note-input:focus{outline:none;border-color:var(--primary)}.save-note-input::placeholder{color:var(--text-muted)}.save-popover-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.save-action-btn{padding:5px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .15s}.save-action-cancel{background:none;border:1px solid var(--border-color);color:var(--text-secondary)}.save-action-cancel:hover{background:var(--bg-secondary);color:var(--text-primary)}.save-action-confirm{background:var(--primary);border:none;color:#fffbf4;font-weight:500}.save-action-confirm:hover:not(:disabled){background:var(--primary-hover)}.save-action-confirm:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 600px){.shelf-tabs{margin-left:-16px;margin-right:-16px;padding:12px 16px}.shelf-tab{padding:6px 12px;font-size:.85rem}}.saved-page{max-width:1400px;margin:0 auto;padding:24px}@media (max-width: 1200px){.saved-page{max-width:900px}}@media (max-width: 768px){.saved-page{max-width:100%;padding:20px 16px}}.saved-page-header{margin-bottom:24px}.saved-page-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.saved-shelf-tabs{display:flex;flex-wrap:wrap;gap:8px;flex:1}.saved-shelf-tabs::-webkit-scrollbar{display:none}.saved-shelf-tab{padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;white-space:nowrap;transition:all .15s;font-size:.9rem;font-weight:500;color:var(--text-primary)}.saved-shelf-tab:hover{background:var(--bg-secondary)}.saved-shelf-tab.active{background:var(--primary);border-color:var(--primary);color:#fffbf4}.saved-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-secondary);gap:16px}.saved-loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.saved-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.saved-empty-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.saved-empty h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.saved-empty p{color:var(--text-secondary);font-size:.95rem}.saved-masonry{column-count:3;column-gap:20px}.saved-card{break-inside:avoid;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;margin-bottom:20px;cursor:pointer;transition:transform .15s,box-shadow .15s}.saved-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.saved-card-image{width:100%;max-height:300px;overflow:hidden}.saved-card-image img{width:100%;height:auto;display:block;object-fit:cover}.saved-card-content{padding:16px}.saved-card-text{font-size:.95rem;color:var(--text-primary);line-height:1.5;word-wrap:break-word}.saved-card-note{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:var(--bg-secondary);border-top:1px solid var(--border-light)}.saved-card-note-icon{font-size:.85rem;flex-shrink:0}.saved-card-note-text{font-size:.85rem;color:var(--text-secondary);font-style:italic;line-height:1.4}.saved-card-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--border-light);gap:12px}.saved-card-author{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.saved-card-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fffbf4;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0;overflow:hidden}.saved-card-avatar-img{width:100%;height:100%;object-fit:cover}.saved-card-meta{display:flex;flex-direction:column;min-width:0}.saved-card-name{font-size:.85rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-card-time{font-size:.75rem;color:var(--text-muted)}.saved-card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.saved-card-shelf-pill{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-secondary);border-radius:12px;font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.saved-card-unsave{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:4px;opacity:.7;transition:opacity .15s,transform .15s}.saved-card-unsave:hover{opacity:1;transform:scale(1.1)}.saved-post-wrapper{position:relative}.saved-load-more{display:flex;justify-content:center;padding:24px 0}.saved-shelf-tabs-container{display:flex;align-items:center;gap:8px;margin-bottom:20px}.shelf-manage-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:6px;opacity:.6;transition:opacity .15s;flex-shrink:0;color:var(--text-secondary)}.shelf-manage-btn:hover{opacity:1}.shelf-default-indicator{color:var(--primary);margin-left:2px;font-size:.8em}.shelf-manager-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease}.shelf-manager-modal{background:var(--bg-card);border-radius:12px;box-shadow:0 8px 32px #0000004d;width:100%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;animation:popoverSlideIn .15s ease}.shelf-manager-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.shelf-manager-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.shelf-manager-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-muted);padding:4px;transition:color .15s}.shelf-manager-close:hover{color:var(--text-primary)}.shelf-manager-list{flex:1;overflow-y:auto;padding:8px 0}.shelf-manager-item{padding:8px 20px}.shelf-manager-view-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-secondary);border-radius:8px}.shelf-manager-name{font-size:.95rem;color:var(--text-primary);display:flex;align-items:center;gap:4px}.shelf-default-star{color:var(--primary);font-size:1rem}.shelf-manager-actions{display:flex;gap:4px}.shelf-manager-action-btn{background:none;border:none;font-size:.9rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .15s}.shelf-manager-action-btn:hover{background:var(--bg-card)}.shelf-manager-delete-btn:hover{background:#d880701a}.shelf-manager-edit-row{display:flex;align-items:center;gap:8px}.shelf-manager-edit-row input{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-primary);font-size:.95rem}.shelf-manager-edit-row input:focus{outline:none;border-color:var(--primary)}.shelf-manager-save-btn,.shelf-manager-cancel-btn{padding:6px 10px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .15s}.shelf-manager-save-btn{background:var(--primary);color:#fffbf4}.shelf-manager-save-btn:hover:not(:disabled){background:var(--primary-hover)}.shelf-manager-cancel-btn{background:var(--bg-secondary);color:var(--text-muted)}.shelf-manager-cancel-btn:hover:not(:disabled){background:var(--border-color)}.shelf-manager-save-btn:disabled,.shelf-manager-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.shelf-manager-create{display:flex;gap:8px;padding:16px 20px;border-top:1px solid var(--border-color)}.shelf-manager-create input{flex:1;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-primary);font-size:.9rem}.shelf-manager-create input:focus{outline:none;border-color:var(--primary)}.shelf-manager-create-btn{padding:10px 16px;background:var(--primary);border:none;border-radius:6px;color:#fffbf4;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap}.shelf-manager-create-btn:hover:not(:disabled){background:var(--primary-hover)}.shelf-manager-create-btn:disabled{opacity:.5;cursor:not-allowed}.header-saved-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .15s}.header-saved-link:hover{color:var(--text-primary)}@media (max-width: 900px){.saved-masonry{column-count:2}}@media (max-width: 600px){.saved-page{padding:16px}.saved-masonry{column-count:1}.saved-shelf-tabs{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.saved-card-footer{flex-direction:column;align-items:flex-start;gap:10px}.saved-card-actions{width:100%;justify-content:space-between}}.intent-styles-settings{max-width:1000px;margin:0 auto;padding:24px}.settings-header{margin-bottom:24px}.settings-header .back-link{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);text-decoration:none;font-size:.9rem;margin-bottom:16px;transition:color .15s}.settings-header .back-link:hover{color:var(--text-primary)}.settings-header h1{margin:0 0 8px;font-size:1.75rem;font-weight:600}.settings-header p{color:var(--text-secondary);margin:0;line-height:1.5}.intent-tabs{display:flex;border-bottom:2px solid var(--border-color);margin-bottom:24px;overflow-x:auto;-webkit-overflow-scrolling:touch}.intent-tabs::-webkit-scrollbar{display:none}.intent-tab{display:flex;align-items:center;gap:6px;padding:12px 16px;border:none;background:none;cursor:pointer;white-space:nowrap;position:relative;font-size:.9rem;color:var(--text-secondary);transition:color .15s ease}.intent-tab:hover{color:var(--text-primary);background:var(--tab-intent-tint)}.intent-tab.active{color:var(--tab-intent-accent);font-weight:500}.intent-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--tab-intent-accent);border-radius:1px 1px 0 0}.tab-emoji{font-size:1.1rem}.tab-label{font-size:.85rem;font-weight:inherit}.active-intent-description{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;margin-bottom:24px}.description-emoji{font-size:1.2rem}.description-text{color:var(--text-secondary);font-size:.9rem}.style-editor{display:grid;grid-template-columns:1fr 1fr;gap:32px}.editor-left{position:sticky;top:24px;align-self:start;overflow:visible}.preview-section{overflow:visible;padding:12px 0}.preview-section h3{margin:0 0 16px;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.preview-container{max-width:400px;margin:0 auto;padding:16px 0}.preview-post{cursor:default;pointer-events:none}.preview-post .post-content{font-family:var(--author-font, inherit)}.option-group{margin-bottom:24px}.option-group label{display:block;margin-bottom:10px;font-weight:500;font-size:.9rem;color:var(--text-primary)}.option-grid{display:flex;flex-wrap:wrap;gap:8px}.font-categories{display:flex;flex-direction:column;gap:16px}.font-category{display:flex;flex-direction:column;gap:8px}.font-category-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.font-category-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.font-option{padding:8px 10px!important;font-size:.85rem}.font-option-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.option-btn{padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);cursor:pointer;font-size:.85rem;transition:all .15s ease;color:var(--text-primary)}.option-btn:hover{border-color:var(--primary);background:var(--bg-secondary)}.option-btn.selected{border-color:var(--primary);background:var(--primary);color:#fffbf4}.font-option{text-align:left}.font-option .option-label{display:block}.surface-btn{min-width:70px;text-align:center;background:var(--bg-card);color:var(--text-primary)}.surface-btn:hover{background:var(--bg-secondary);border-color:var(--primary)}.surface-btn.selected{background:var(--primary);color:#fffbf4;border-color:var(--primary)}.option-description{font-size:.8rem;color:var(--text-muted);margin-bottom:12px;margin-top:-6px}.avatar-upload-section{display:flex;align-items:center;gap:16px}.avatar-preview-container{position:relative;width:72px;height:72px;flex-shrink:0}.avatar-preview-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--bg-card);box-shadow:0 2px 8px #0000001f}.avatar-preview-img.avatar-fallback,.avatar-preview-img.avatar-inherited{opacity:.65;border-style:dashed;border-color:var(--border-color);filter:grayscale(30%)}.avatar-preview-placeholder{width:100%;height:100%;border-radius:50%;background:var(--primary);color:#fffbf4;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;border:3px dashed var(--border-color);opacity:.6}.avatar-custom-badge{position:absolute;bottom:-4px;right:-4px;padding:2px 6px;background:var(--primary);color:#fffbf4;font-size:.6rem;font-weight:600;text-transform:uppercase;border-radius:4px;box-shadow:0 1px 3px #0003}.avatar-inherited-badge{position:absolute;bottom:-4px;right:-8px;padding:2px 6px;background:var(--text-muted);color:#fffbf4;font-size:.55rem;font-weight:600;text-transform:uppercase;border-radius:4px;box-shadow:0 1px 3px #0003;white-space:nowrap}.avatar-upload-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.avatar-upload-btn,.avatar-remove-btn{padding:6px 12px;font-size:.85rem}@media (max-width: 640px){.avatar-upload-actions .btn{min-height:44px;min-width:44px}}.avatar-remove-btn{background:transparent;color:var(--text-muted);border-color:var(--border-color)}.avatar-remove-btn:hover{color:#d88070;border-color:#d88070;background:#d880700d}.avatar-camera-btn{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.avatar-camera-btn:hover{color:var(--primary);border-color:var(--primary);background:rgba(var(--primary-rgb, 99, 102, 241),.05)}.avatar-library-btn{background:transparent;color:var(--text-secondary);border-color:var(--border-color);display:flex;align-items:center;gap:6px}.avatar-library-btn:hover{color:var(--primary);border-color:var(--primary);background:rgba(var(--primary-rgb, 99, 102, 241),.05)}.background-upload-section{display:flex;align-items:flex-start;gap:16px}.background-preview-container{position:relative;width:120px;height:72px;flex-shrink:0;border-radius:8px;overflow:hidden;background:var(--bg-subtle);border:2px dashed var(--border-color)}.background-preview-img{width:100%;height:100%;object-fit:cover}.background-preview-container:has(.background-preview-img){border-style:solid;border-color:var(--primary)}.background-preview-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted)}.background-placeholder-icon{font-size:1.25rem;opacity:.6}.background-placeholder-text{font-size:.7rem;opacity:.6}.background-upload-actions{display:flex;flex-direction:column;gap:8px}.background-upload-btn,.background-remove-btn{padding:8px 16px;font-size:.85rem}.background-remove-btn{background:transparent;color:var(--text-muted);border-color:var(--border-color)}.background-remove-btn:hover{color:#d88070;border-color:#d88070;background:#d880700d}.camera-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.camera-modal{background:var(--bg-card);border-radius:16px;max-width:480px;width:100%;overflow:hidden;box-shadow:0 20px 40px #0000004d}.camera-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light)}.camera-modal-header h3{margin:0;font-size:1.1rem;font-weight:600}.camera-close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:0;line-height:1;transition:color .2s}.camera-close-btn:hover{color:var(--text-primary)}.camera-preview-container{position:relative;aspect-ratio:1;background:#3d352c;display:flex;align-items:center;justify-content:center}.camera-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-error{color:#d88070;text-align:center;padding:40px 20px;font-size:.9rem}.camera-modal-actions{display:flex;gap:12px;padding:16px 20px;justify-content:flex-end}.camera-modal-actions .option-btn,.camera-modal-actions .btn{min-width:100px}.save-indicator{position:fixed;bottom:24px;right:24px;padding:12px 20px;background:var(--text-muted);color:#fffbf4;border-radius:8px;font-size:.9rem;box-shadow:0 4px 12px #00000026;z-index:1000;display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.save-indicator.visible{opacity:1;transform:translateY(0);pointer-events:auto}.save-indicator.saving{background:var(--text-muted)}.save-indicator.saved{background:#7cb87c}.save-indicator.error{background:#d88070}.save-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fffbf4;border-radius:50%;animation:spin .8s linear infinite}.save-check,.save-error{font-weight:600}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.intent-styles-settings{padding:16px}.style-editor{grid-template-columns:1fr}.editor-left{position:static;order:-1}.font-options{grid-template-columns:1fr}.font-category-options{grid-template-columns:repeat(2,1fr)}.intent-tabs{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.intent-tab{padding:10px 12px}.tab-label{font-size:.8rem}.settings-header h1{font-size:1.5rem}}.account-page{max-width:900px;margin:0 auto;padding:24px 16px}.account-header{display:flex;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--border-color);margin-bottom:24px}.account-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-avatar .avatar-placeholder{width:100%;height:100%;background:var(--primary);color:#fffbf4;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600}.account-info h1{margin:0 0 4px;font-size:1.5rem;color:var(--text-primary)}.account-username{color:var(--text-secondary);margin:0 0 8px}.view-public-profile{font-size:.85rem;color:var(--primary);text-decoration:none}.view-public-profile:hover{text-decoration:underline}.account-nav-container{position:relative;margin-bottom:24px}.account-nav{display:flex;gap:4px;border-bottom:1px solid var(--border-color);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.account-nav::-webkit-scrollbar{display:none}.account-nav-container.mobile .account-nav{padding:0 var(--page-padding, 16px);margin:0 calc(var(--page-padding, 16px) * -1)}.account-nav a{padding:12px 16px;color:var(--text-secondary);text-decoration:none;font-weight:500;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;min-height:48px;flex-shrink:0;transition:color .15s,border-color .15s}.account-nav-fade{position:absolute;top:0;bottom:1px;width:32px;pointer-events:none;z-index:1}.account-nav-fade-left{left:0;background:linear-gradient(to right,var(--bg-page),transparent)}.account-nav-fade-right{right:0;background:linear-gradient(to left,var(--bg-page),transparent)}.account-nav a:hover{color:var(--text-primary)}.account-nav a.active{color:var(--primary);border-bottom-color:var(--primary)}.account-content{min-height:400px}.account-section-loading,.account-empty{padding:40px;text-align:center;color:var(--text-secondary)}.account-empty .btn{margin-top:16px}.account-overview{display:flex;flex-direction:column;gap:32px}.overview-section h2{font-size:1.1rem;margin:0 0 16px;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px;text-align:center;text-decoration:none;transition:border-color .15s,transform .15s}.stat-card:hover{border-color:var(--primary);transform:translateY(-2px)}.stat-number{display:block;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.stat-label{display:block;font-size:.85rem;color:var(--text-secondary);margin-top:4px}.quick-links{display:flex;gap:12px;flex-wrap:wrap}.quick-link{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;text-decoration:none;color:var(--text-primary);transition:border-color .15s}.quick-link:hover{border-color:var(--primary)}.quick-link-icon{font-size:1.2rem}.quick-link-text{font-weight:500}.account-posts h2{margin:0 0 20px;font-size:1.1rem;color:var(--text-primary)}.invite-links-manager{max-width:600px}.invite-links-header{margin-bottom:24px}.invite-links-title{display:flex;align-items:center;gap:8px;margin-bottom:8px}.invite-links-title h2{margin:0;font-size:1.25rem}.invite-links-description{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.invite-stats{display:flex;gap:12px;margin-bottom:20px}.invite-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;background:var(--bg-secondary);border-radius:12px}.invite-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.invite-stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.invite-create-btn{display:flex;align-items:center;gap:8px;margin-bottom:16px}.invite-create-form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:16px}.invite-create-form .form-group{margin-bottom:16px}.invite-create-form .form-group:last-of-type{margin-bottom:12px}.invite-create-form label{display:block;margin-bottom:6px;font-size:.9rem;font-weight:500;color:var(--text-primary)}.invite-create-form input,.invite-create-form textarea{width:100%;padding:10px 12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;font-size:.95rem;color:var(--text-primary);resize:vertical}.invite-create-form input:focus,.invite-create-form textarea:focus{outline:none;border-color:var(--primary)}.invite-form-actions{display:flex;gap:8px;justify-content:flex-end}.invite-usage-info{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:.85rem}.invite-count{color:var(--text-secondary)}.invite-limit-warning{padding:12px 16px;margin-bottom:16px;background:var(--warning-bg, rgba(245, 158, 11, .1));border:1px solid var(--warning-border, rgba(245, 158, 11, .2));border-radius:8px;color:var(--warning, #E8B050);font-size:.9rem}.invite-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-color);margin-bottom:16px}.invite-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s}.invite-tab:hover{color:var(--text-primary)}.invite-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.invite-tab-count{background:var(--bg-secondary);padding:2px 8px;border-radius:10px;font-size:.8rem}.invite-list{display:flex;flex-direction:column;gap:12px}.invite-empty{padding:32px 20px;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);border-radius:8px}.invite-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px}.invite-card.used{opacity:.8}.invite-card-main{flex:1;min-width:0}.invite-card-info{display:flex;flex-direction:column;gap:4px}.invite-for{font-size:.8rem;color:var(--text-muted)}.invite-code{font-family:monospace;font-size:1rem;font-weight:600;color:var(--primary);background:var(--bg-secondary);padding:4px 8px;border-radius:4px;display:inline-block}.invite-note{margin:4px 0 0;font-size:.85rem;color:var(--text-secondary);font-style:italic}.invite-card-meta{margin-top:8px}.invite-expires{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-muted)}.invite-used-by{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-primary)}.invite-used-date{font-size:.8rem;color:var(--text-muted)}.invite-card-actions{display:flex;gap:8px;flex-shrink:0}.invite-copy-btn{display:flex;align-items:center;gap:4px}.invite-copy-btn.copied{background:var(--success-bg, rgba(124, 184, 124, .1));color:var(--success, #7CB87C);border-color:var(--success, #7CB87C)}.invite-revoke-btn{padding:6px 8px}.invite-error{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-top:12px;background:var(--error-bg, rgba(216, 128, 112, .1));border:1px solid var(--error-border, rgba(216, 128, 112, .2));border-radius:8px;color:var(--error, #D88070);font-size:.9rem}.invite-expired-section{margin-top:24px;border-top:1px solid var(--border-color);padding-top:16px}.invite-expired-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s}.invite-expired-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.invite-expired-toggle svg{transition:transform .2s}.invite-expired-toggle svg.rotated{transform:rotate(180deg)}.invite-expired-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.invite-card.expired{opacity:.6;background:var(--bg-secondary)}.invite-status-badge{font-size:.75rem;padding:2px 8px;border-radius:4px;background:var(--bg-tertiary);color:var(--text-muted)}.invite-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;color:var(--text-secondary)}.invite-empty-state svg{color:var(--text-muted);margin-bottom:16px;opacity:.5}.invite-empty-state h3{margin:0 0 8px;font-size:1.1rem;color:var(--text-primary)}.invite-empty-state p{margin:0;max-width:300px;font-size:.9rem;line-height:1.5}.invite-links-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:var(--text-secondary)}.join-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary)}.join-loading,.join-invalid,.join-success{text-align:center;max-width:400px}.join-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-secondary)}.join-invalid{color:var(--text-primary)}.join-invalid svg{color:var(--error, #D88070);margin-bottom:16px}.join-invalid h1{margin:0 0 8px;font-size:1.5rem}.join-invalid p{margin:0 0 24px;color:var(--text-secondary)}.join-invalid-actions{display:flex;justify-content:center}.join-success{color:var(--text-primary)}.join-success-icon{font-size:3rem;margin-bottom:16px}.join-success h1{margin:0 0 12px;font-size:1.5rem}.join-success p{margin:0 0 8px;color:var(--text-secondary)}.join-success-note{font-size:.85rem;color:var(--text-muted)}.join-card{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:32px}.join-invite-info{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.join-invited-by{display:flex;flex-direction:column;align-items:center;gap:12px}.join-inviter-text{display:flex;flex-direction:column;gap:2px}.join-inviter-label{font-size:.85rem;color:var(--text-muted)}.join-inviter-name{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.join-inviter-username{font-size:.9rem;color:var(--text-secondary)}.join-note{margin:20px 0 0;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;font-style:italic;color:var(--text-secondary);font-size:.9rem}.join-intended{margin:12px 0 0;font-size:.85rem;color:var(--text-muted)}.join-form h2{margin:0 0 20px;font-size:1.1rem;text-align:center}.join-form .form-group{margin-bottom:16px}.join-form label{display:block;margin-bottom:6px;font-size:.9rem;font-weight:500}.join-form input{width:100%;padding:12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;font-size:1rem;color:var(--text-primary)}.join-form input:focus{outline:none;border-color:var(--primary)}.join-form .form-hint{display:block;margin-top:4px;font-size:.8rem;color:var(--text-muted)}.join-error{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:16px;background:var(--error-bg, rgba(216, 128, 112, .1));border-radius:8px;color:var(--error, #D88070);font-size:.9rem}.join-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;font-size:1rem}.join-about{margin-top:24px;padding:20px;background:var(--bg-secondary);border-radius:12px;text-align:center}.join-about h3{margin:0 0 8px;font-size:.95rem;font-weight:600;color:var(--text-primary)}.join-about p{margin:0;font-size:.85rem;line-height:1.6;color:var(--text-secondary)}.join-footer{margin-top:24px;text-align:center;font-size:.9rem;color:var(--text-secondary)}.join-footer a{color:var(--primary);text-decoration:none}.join-footer a:hover{text-decoration:underline}@media (max-width: 480px){.join-card{padding:24px}.invite-card{flex-direction:column;align-items:stretch}.invite-card-actions{justify-content:stretch}.invite-card-actions .btn{flex:1}}.friend-search-input{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;transition:border-color .15s}.friend-search-input:focus-within{border-color:var(--primary)}.friend-search-input.disabled{opacity:.6;pointer-events:none}.friend-search-input .friend-search-icon{color:var(--text-muted);flex-shrink:0}.friend-search-input input{flex:1;border:none;background:transparent;font-size:.9rem;color:var(--text-primary);outline:none;min-width:0}.friend-search-input input::placeholder{color:var(--text-muted)}.friend-search-input .friend-search-clear{padding:4px;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.friend-search-input .friend-search-clear:hover{background:var(--border-color);color:var(--text-primary)}.friends-list-selectable{display:flex;flex-direction:column;gap:4px}.friends-list-selectable.compact{gap:2px}.friend-list-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:8px;text-decoration:none;color:inherit;cursor:pointer;transition:background-color .15s;width:100%;text-align:left}.friend-list-item:hover{background:var(--bg-secondary)}.friend-list-item.selected{background:var(--primary-light, rgba(90, 172, 168, .1))}.friend-list-item.selected:hover{background:var(--primary-light, rgba(90, 172, 168, .15))}.friend-list-item.disabled{opacity:.5;cursor:not-allowed}.friend-list-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.friend-list-name{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-list-item:hover .friend-list-name{color:var(--primary)}.friend-list-username{font-size:.8rem;color:var(--text-muted)}.friends-list-selectable.compact .friend-list-item{padding:8px 10px;gap:10px}.friends-list-selectable.compact .friend-list-info{flex-direction:row;align-items:center;gap:8px}.friends-list-selectable.compact .friend-list-username{font-size:.75rem}.friend-selection-indicator{width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;color:transparent}.friend-selection-indicator.selected{background:var(--primary);border-color:var(--primary);color:#fffbf4}.friends-list-loading{display:flex;flex-direction:column;gap:8px}.friends-list-skeleton{height:52px;background:var(--bg-secondary);border-radius:8px;animation:friendListPulse 1.5s infinite}@keyframes friendListPulse{0%,to{opacity:1}50%{opacity:.5}}.friends-list-empty{padding:32px 20px;text-align:center;color:var(--text-secondary);font-size:.9rem;background:var(--bg-secondary);border-radius:8px}.account-friends{display:flex;flex-direction:column;gap:20px}.friends-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-color);margin-bottom:4px}.friends-tab{display:flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .15s}.friends-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.friends-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.friends-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--bg-secondary);border-radius:10px;font-size:.8rem;font-weight:600}.friends-tab-count.highlight{background:var(--primary);color:#fffbf4}.friends-search{position:relative}.friends-search-input{width:100%;padding:10px 36px 10px 12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:.9rem}.friends-search-input:focus{outline:none;border-color:var(--primary)}.friends-search-input::placeholder{color:var(--text-muted)}.friends-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;padding:0;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.friends-search-clear:hover{background:var(--border-color);color:var(--text-primary)}.friends-list{display:flex;flex-direction:column;gap:8px}.friends-empty{padding:40px 20px;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);border-radius:8px}.friend-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;transition:border-color .15s}.friend-item:hover{border-color:var(--primary)}.friend-item-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fffbf4;font-weight:600;font-size:1.1rem;flex-shrink:0;text-decoration:none}.friend-item-avatar img,.friend-item-avatar .avatar{width:100%;height:100%;object-fit:cover}.friend-item-avatar .avatar.avatar-fallback{background:none}.friend-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.friend-item-name{font-weight:500;color:var(--text-primary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-item-name:hover{color:var(--primary)}.friend-item-username{font-size:.85rem;color:var(--text-secondary)}.friend-item-since{font-size:.8rem;color:var(--text-muted)}.friend-item-actions{display:flex;gap:8px;flex-shrink:0}.btn-sm{padding:6px 12px;font-size:.85rem}@media (max-width: 600px){.friends-tabs{overflow-x:auto}.friends-tab{padding:10px 12px;font-size:.9rem}.friend-item{flex-wrap:wrap}.friend-item-actions{width:100%;margin-top:8px;padding-top:12px;border-top:1px solid var(--border-light)}.friend-item-actions .btn{flex:1}}.username-lookup{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:20px}.lookup-header{margin-bottom:16px}.lookup-header h3{margin:0 0 4px;font-size:1rem;font-weight:600;color:var(--text-primary)}.lookup-description{margin:0;font-size:.85rem;color:var(--text-secondary)}.lookup-form{display:flex;gap:8px}.lookup-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.lookup-input-prefix{position:absolute;left:12px;color:var(--text-muted);font-size:.95rem;pointer-events:none}.lookup-input{width:100%;padding:10px 36px 10px 28px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:.95rem}.lookup-input:focus{outline:none;border-color:var(--primary)}.lookup-input::placeholder{color:var(--text-muted)}.lookup-clear-btn{position:absolute;right:8px;width:24px;height:24px;padding:0;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.lookup-clear-btn:hover{background:var(--border-color);color:var(--text-primary)}.lookup-search-btn{display:flex;align-items:center;gap:5px;padding:10px 12px;white-space:nowrap;flex-shrink:0}.lookup-error{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;background:var(--error-bg, rgba(216, 128, 112, .1));border:1px solid var(--error-border, rgba(216, 128, 112, .2));border-radius:8px;color:var(--error, #D88070);font-size:.9rem}.lookup-result{display:flex;align-items:center;gap:12px;margin-top:16px;padding:16px;background:var(--bg-secondary);border-radius:12px}.lookup-result-profile{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-decoration:none}.lookup-result-profile:hover .lookup-result-name{color:var(--primary)}.lookup-result-info{display:flex;flex-direction:column;gap:2px;min-width:0}.lookup-result-name{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s}.lookup-result-username{font-size:.85rem;color:var(--text-secondary)}.lookup-result-action{flex-shrink:0}.lookup-add-btn{display:flex;align-items:center;gap:6px}.lookup-status{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:.9rem;font-weight:500}.lookup-status.friends{background:var(--success-bg, rgba(124, 184, 124, .1));color:var(--success, #7CB87C)}.lookup-status.pending{background:var(--warning-bg, rgba(245, 158, 11, .1));color:var(--warning, #E8B050)}.lookup-status.incoming{background:var(--primary-light, rgba(90, 172, 168, .1));color:var(--primary);text-decoration:none;cursor:pointer}.lookup-status.incoming:hover{background:var(--primary-light, rgba(90, 172, 168, .15))}.lookup-rate-limit{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;background:var(--warning-bg, rgba(245, 158, 11, .1));border:1px solid var(--warning-border, rgba(245, 158, 11, .2));border-radius:8px;color:var(--warning, #E8B050);font-size:.9rem}.lookup-not-found{margin-top:16px;padding:24px 20px;background:var(--bg-secondary);border-radius:12px;text-align:center}.lookup-not-found p{margin:0}.lookup-not-found p:first-child{margin-bottom:8px;color:var(--text-primary)}.lookup-not-found .not-found-hint{font-size:.85rem;color:var(--text-secondary)}.lookup-result-bio{margin:4px 0 0;font-size:.8rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lookup-help{margin-top:24px;padding:16px 20px;background:var(--bg-secondary);border-radius:12px}.lookup-help h4{margin:0 0 12px;font-size:.9rem;font-weight:600;color:var(--text-secondary)}.lookup-help ul{list-style:none;padding:0;margin:0}.lookup-help li{padding:6px 0 6px 20px;position:relative;font-size:.875rem;color:var(--text-secondary)}.lookup-help li:before{content:"•";position:absolute;left:6px;color:var(--text-muted)}.username-lookup.compact{padding:16px;margin-bottom:16px}.username-lookup.compact .lookup-form{margin-bottom:0}.username-lookup.compact .lookup-search-btn{padding:10px 14px}.username-lookup.compact .lookup-search-btn span{display:none}.username-lookup.compact .lookup-result{padding:12px;margin-top:12px}.username-lookup.compact .lookup-not-found{padding:12px;margin-top:12px;font-size:.9rem}.username-lookup.compact .lookup-error,.username-lookup.compact .lookup-rate-limit{margin-top:8px;padding:8px 10px;font-size:.85rem}.find-page{max-width:540px;margin:0 auto;padding:2rem 1rem}.find-page .username-lookup{background:var(--bg-card);padding:24px}.find-page .lookup-header h3{font-size:1.25rem;margin-bottom:8px}.find-page .lookup-description{font-size:.9rem}@media (max-width: 480px){.lookup-form{flex-direction:column}.lookup-search-btn{width:100%;justify-content:center}.lookup-result,.lookup-result-profile{flex-direction:column;text-align:center}.lookup-result-action{width:100%}.lookup-add-btn,.lookup-status{width:100%;justify-content:center}}.account-settings{display:flex;flex-direction:column;gap:16px}.account-settings h2{margin:0 0 24px;font-size:1.1rem;color:var(--text-primary)}.settings-collapsible-section{border:1px solid var(--border);border-radius:12px;overflow:hidden}.settings-section-header{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:var(--bg-card);border:none;cursor:pointer;text-align:left;color:var(--text-primary)}.settings-section-header:hover{background:var(--bg-secondary)}.settings-section-header h3{flex:1;margin:0;font-size:.95rem;font-weight:600}.settings-chevron{transition:transform .2s ease;color:var(--text-muted)}.settings-chevron.open{transform:rotate(180deg)}.settings-section-body{padding:20px;display:flex;flex-direction:column;gap:16px}.settings-section-body .settings-section{margin-top:0;border-top:none;padding-top:0}.appearance-settings{display:flex;flex-direction:column;gap:20px}.appearance-group{display:flex;flex-direction:column;gap:8px}.appearance-label{font-size:.813rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.mode-toggle{display:flex;gap:0;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;width:fit-content}.mode-option{padding:8px 16px;background:transparent;border:none;border-right:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;cursor:pointer;min-height:44px;transition:background .15s,color .15s}.mode-option:last-child{border-right:none}.mode-option:hover{background:var(--bg-secondary)}.mode-option.active{background:var(--primary);color:#fffbf4}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.theme-card{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-card, var(--bg-secondary));border:2px solid var(--border-color);border-radius:10px;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s;min-height:44px}.theme-card:hover{border-color:var(--text-secondary)}.theme-card.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.theme-swatches{display:flex;gap:4px}.theme-swatch{width:24px;height:24px;border-radius:50%;border:1px solid rgba(128,128,128,.3)}.theme-card-info{display:flex;flex-direction:column;gap:2px}.theme-card-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.theme-card-desc{font-size:.75rem;color:var(--text-muted)}@media (max-width: 400px){.theme-grid{grid-template-columns:1fr}}.appearance-description{font-size:.85rem;color:var(--text-muted);margin:0 0 12px;line-height:1.4}.settings-message{padding:12px 16px;border-radius:8px;margin-bottom:20px}.settings-message.success{background:#7cb87c1a;color:#6ca86c;border:1px solid rgba(124,184,124,.2)}.settings-message.error{background:#d880701a;color:#c87060;border:1px solid rgba(216,128,112,.2)}.settings-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.settings-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fffbf4;font-size:2.5rem;font-weight:600;cursor:pointer;position:relative}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fffbf4;font-size:.9rem;font-weight:500;opacity:0;transition:opacity .15s}.settings-avatar:hover .settings-avatar-overlay{opacity:1}.settings-avatar-preview{margin-bottom:16px}.settings-avatar.uploading{cursor:default}.avatar-upload-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.avatar-upload-actions .btn{font-size:.85rem;padding:8px 16px}.avatar-upload-actions .btn-danger{background:transparent;color:#c87060;border:1px solid rgba(220,38,38,.3)}.avatar-upload-actions .btn-danger:hover{background:#dc26261a;border-color:#dc262680}.settings-avatar-hint{margin-top:8px;font-size:.85rem;color:var(--text-muted)}.settings-form{max-width:400px}.settings-form .form-group{margin-bottom:20px}.settings-form label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-primary)}.settings-form input,.settings-form textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-primary);font-size:.95rem}.settings-form input:focus,.settings-form textarea:focus{outline:none;border-color:var(--primary)}.input-with-prefix{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);overflow:hidden}.input-with-prefix:focus-within{border-color:var(--primary)}.input-prefix{padding:10px 0 10px 12px;color:var(--text-muted)}.input-with-prefix input{border:none;border-radius:0;padding-left:4px}.input-with-prefix input:focus{outline:none;border:none}.form-hint{margin-top:6px;font-size:.8rem;color:var(--text-muted)}.public-profile{max-width:900px;margin:0 auto;padding:24px 16px}.public-profile-not-found{max-width:400px;margin:80px auto;text-align:center;padding:24px}.public-profile-not-found h1{margin:0 0 12px;color:var(--text-primary)}.public-profile-not-found p{margin:0 0 24px;color:var(--text-secondary)}.profile-not-found-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.public-profile-header{display:flex;align-items:flex-start;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color);margin-bottom:32px}.public-profile-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;flex-shrink:0}.public-profile-avatar img{width:100%;height:100%;object-fit:cover}.public-profile-avatar .avatar-placeholder{width:100%;height:100%;background:var(--primary);color:#fffbf4;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:600}.public-profile-info{flex:1}.public-profile-info h1{margin:0 0 4px;font-size:1.75rem;color:var(--text-primary)}.public-profile-username{margin:0 0 12px;color:var(--text-secondary);font-size:1rem}.public-profile-bio{margin:0 0 16px;color:var(--text-primary);line-height:1.5}.public-profile-actions{margin-top:16px}.public-profile-actions .friendship-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#7cb87c1a;color:#6ca86c;border-radius:20px;font-weight:500}.public-profile-friends{margin-bottom:32px}.public-profile-friends h2{margin:0 0 16px;font-size:1.1rem;color:var(--text-primary)}.public-profile-friends .no-friends{color:var(--text-muted);font-style:italic}.public-profile-posts h2{margin:0 0 16px;font-size:1.1rem;color:var(--text-primary)}.public-profile-posts .no-posts{color:var(--text-muted);font-style:italic}@media (max-width: 640px){.account-header{flex-direction:column;text-align:center}.stats-grid{grid-template-columns:1fr}.account-nav{justify-content:flex-start}.public-profile-header{flex-direction:column;align-items:center;text-align:center}.public-profile-avatar{width:100px;height:100px}.public-profile-info h1{font-size:1.5rem}}.about-page{max-width:680px;margin:0 auto;padding:40px 20px 80px}.about-header{text-align:center;margin-bottom:48px}.about-header h1{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.about-subtitle{font-size:1.1rem;color:var(--text-secondary);font-style:italic}.about-section{margin-bottom:32px}.about-section h2{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.about-section p{color:var(--text-primary);line-height:1.7;margin-bottom:16px}.about-section p:last-child{margin-bottom:0}.about-section strong{color:var(--text-primary)}.about-section em{color:var(--text-secondary);display:block;margin-top:8px}.about-divider{border:none;border-top:1px solid var(--border-color);margin:40px 0}.about-divider-small{border:none;border-top:1px solid var(--border-light);margin:28px 0}.about-list{list-style:none;padding:0;margin:16px 0}.about-list li{position:relative;padding-left:20px;margin-bottom:10px;color:var(--text-primary);line-height:1.6}.about-list li:before{content:"•";position:absolute;left:0;color:var(--primary)}.about-list-refuses li:before{color:var(--text-muted)}.about-values h2{margin-bottom:32px}.about-value{margin-bottom:8px}.about-value h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.about-quote{margin:24px 0;padding:20px 24px;background:var(--bg-secondary);border-left:3px solid var(--primary);border-radius:0 8px 8px 0;font-style:italic;color:var(--text-primary);line-height:1.7}.about-highlight{font-weight:500;color:var(--text-primary)}.about-invitation{text-align:center;padding:32px 0}.about-invitation .about-list{display:inline-block;text-align:left;margin:20px 0 28px}.about-welcome{font-size:1.2rem;font-weight:500;color:var(--primary);margin-top:24px}.about-how-it-works{padding:60px 20px}.how-it-works-card{max-width:500px;margin:0 auto;text-align:center;padding:40px;background:#1a2a1a;border-radius:16px;border:1px dashed #3a5a4a}.how-it-works-card h3{color:#8ac09a;font-size:1.3rem;font-weight:500;margin-bottom:12px}.how-it-works-card p{color:#6a8a7a;font-size:.95rem;line-height:1.6;margin-bottom:24px}.how-it-works-button{display:inline-flex;align-items:center;gap:8px;background:#2d4a2d;border:1px solid #3a5a4a;color:#8ac09a;padding:14px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.how-it-works-button:hover{background:#3a5a4a;border-color:#68d391;transform:translateY(-2px)}.how-it-works-button svg{width:20px;height:20px}@media (max-width: 600px){.about-page{padding:24px 16px 60px}.about-header h1{font-size:1.6rem}.about-subtitle{font-size:1rem}.about-section h2{font-size:1.2rem}.about-value h3{font-size:1.05rem}.about-quote{padding:16px 20px}.about-how-it-works{padding:40px 16px}.how-it-works-card{padding:24px 20px}.how-it-works-card h3{font-size:1.1rem}.how-it-works-card p{font-size:.9rem}.how-it-works-button{padding:12px 20px;font-size:.9rem}}.advanced-composer-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.composer-header{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-card)}.composer-header h1{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.composer-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;font-size:.9rem;border-radius:6px;transition:all .15s}.composer-back-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.mobile-preview-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;background:var(--bg-elevated, var(--bg-secondary));border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer}.mobile-preview-btn:active{background:var(--bg-card)}.intent-hint{margin:8px 0 0;font-size:.813rem;color:var(--text-muted);font-style:italic;padding-left:4px}.composer-body{flex:1;max-width:640px;width:100%;margin:0 auto;padding:24px}.unsaved-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--warning-light, #fff8e6);border-radius:6px;font-size:.85rem;color:var(--warning-dark, #8a6d3b);margin-bottom:16px}.unsaved-dot{width:8px;height:8px;background:var(--warning, #E8B050);border-radius:50%;animation:unsavedPulse 2s infinite}@keyframes unsavedPulse{0%,to{opacity:1}50%{opacity:.5}}.save-now-btn{margin-left:auto;padding:4px 12px;background:var(--warning, #E8B050);border:none;border-radius:4px;color:#fffbf4;font-size:.8rem;cursor:pointer;transition:opacity .15s}.save-now-btn:hover{opacity:.9}:root.dark .unsaved-indicator{background:#f0ad4e26;color:#e8b050}:root.dark .save-now-btn{background:#e8b050;color:#1e1a16}.composer-section{margin-bottom:28px}.composer-section-label{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:12px}.composer-clip-section{background:var(--bg-secondary);padding:16px;border-radius:12px;margin-bottom:24px}.remove-clip-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-tertiary);cursor:pointer;transition:all .15s;margin-left:auto}.remove-clip-btn:hover{border-color:#d88070;color:#d88070;background:#d880701a}.intent-selector-wrapper{position:relative}.intent-selector-wrapper.mobile{margin:0 -16px}.intent-fade{position:absolute;top:0;bottom:4px;width:40px;pointer-events:none;z-index:1}.intent-fade-left{left:0;background:linear-gradient(to right,var(--bg-card),transparent)}.intent-fade-right{right:0;background:linear-gradient(to left,var(--bg-card),transparent)}.intent-pills-row{display:flex;flex-wrap:wrap;gap:8px}.intent-pills-row.mobile{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;padding-left:16px;padding-right:16px;scroll-snap-type:x mandatory;scrollbar-width:none}.intent-pills-row.mobile::-webkit-scrollbar{display:none}.intent-pill{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:24px;cursor:pointer;transition:all .35s ease-out;color:var(--text-primary);font-size:.9rem;overflow:hidden;white-space:nowrap;flex-shrink:0}.intent-pill-emoji{font-size:1.1rem;flex-shrink:0;transition:transform .2s ease}.intent-pill-label{font-weight:500;max-width:0;opacity:0;overflow:hidden;transition:max-width .35s ease-out,opacity .25s ease-out}.intent-pill:hover{background:var(--pill-tint, var(--bg-secondary));border-color:var(--pill-border, var(--border-color))}.intent-pill:hover .intent-pill-label{max-width:120px;opacity:1}.intent-pill:hover .intent-pill-emoji{transform:scale(1.1)}.intent-pill.selected{background:var(--pill-tint, var(--bg-secondary));border-color:var(--pill-accent, var(--primary));box-shadow:0 0 0 1px var(--pill-accent, var(--primary))}.intent-pill.selected .intent-pill-label{max-width:120px;opacity:1}.intent-pill.selected .intent-pill-emoji{transform:scale(1.1)}.intent-pill:focus{outline:2px solid var(--pill-accent, var(--primary));outline-offset:2px}.intent-pill:focus:not(:focus-visible){outline:none}.intent-pill.mobile{padding:10px 14px;gap:6px;scroll-snap-align:start;flex-shrink:0;min-height:44px}.intent-pill.mobile .intent-pill-label{opacity:1;max-width:100px;font-size:.813rem}.intent-pill.mobile .intent-pill-emoji{font-size:1.1rem}.intent-pill.mobile:hover{padding:10px 14px;gap:6px}.editor-type-selector{display:flex;gap:8px;flex-wrap:wrap}.editor-type-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;min-width:80px;background:var(--bg-elevated, var(--bg-card));border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s;position:relative;color:var(--text-primary)}.editor-type-btn:hover:not(:disabled){border-color:var(--primary);background:var(--bg-card)}.editor-type-btn.selected{border-color:var(--primary);background:var(--primary);color:#fffbf4}.editor-type-btn:disabled{opacity:.6;cursor:wait}.editor-type-icon{font-size:1.5rem}.editor-type-label{font-size:.75rem;font-weight:500}.draft-indicator{position:absolute;top:4px;right:4px;color:var(--primary);font-size:1.5rem;line-height:1}.editor-type-btn.selected .draft-indicator{color:#fffbf4}.switching-notice{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted);margin-top:8px;font-style:italic}.switching-spinner{animation:spin 1s linear infinite}.editor-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;background:var(--bg-card);border:2px dashed var(--border-color);border-radius:12px;text-align:center;color:var(--text-secondary);min-height:200px}.editor-placeholder-icon{font-size:3rem;opacity:.6}.editor-placeholder p{margin:0;font-size:1rem}.editor-placeholder-hint{font-size:.85rem!important;color:var(--text-muted)}@media (max-width: 500px){.editor-type-selector{display:grid;grid-template-columns:1fr 1fr}.editor-type-btn{min-width:unset}}.simple-editor{display:flex;flex-direction:column;gap:8px}.simple-editor-header{display:flex;justify-content:flex-end}.simple-editor .char-count{font-size:.75rem;color:var(--text-muted);transition:color .15s}.simple-editor .char-count.warning{color:#e8b050}.simple-editor .char-count.limit{color:#d88070;font-weight:500}.simple-editor-textarea{width:100%;min-height:200px;padding:16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);color:var(--text-primary);font-size:1rem;line-height:1.6;resize:vertical;transition:border-color .15s;box-sizing:border-box}.simple-editor-textarea:focus{outline:none;border-color:var(--primary)}.simple-editor-textarea::placeholder{color:var(--text-muted)}.simple-editor .editor-hint{font-size:.8rem;color:var(--text-muted);margin:0}.longform-editor{display:flex;flex-direction:column;gap:12px}.longform-title-section{margin-bottom:8px}.longform-title-input{width:100%;padding:12px 16px;font-size:1.5rem;font-weight:600;border:none;border-bottom:2px solid var(--border-color);background:transparent;color:var(--text-primary)}.longform-title-input:focus{outline:none;border-color:var(--primary)}.longform-title-input::placeholder{color:var(--text-muted);font-weight:400}.longform-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px;background:var(--bg-elevated, var(--bg-secondary));border:1px solid var(--border-color);border-radius:8px 8px 0 0}.toolbar-group{display:flex;gap:2px}.toolbar-divider{width:1px;background:var(--border-color);margin:0 8px}.longform-toolbar button{padding:6px 10px;background:none;border:1px solid transparent;border-radius:4px;cursor:pointer;color:var(--text-secondary);font-size:.9rem;transition:all .1s}.longform-toolbar button:hover{background:var(--bg-card);color:var(--text-primary)}.longform-toolbar button.active{background:var(--primary);color:#fffbf4}.toolbar-color{width:28px;height:28px;padding:2px;border:1px solid var(--border-color);border-radius:4px;cursor:pointer}.longform-content{min-height:400px;padding:16px;border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;background:var(--bg-card)}.longform-content .ProseMirror{outline:none;min-height:380px}.longform-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-muted);float:left;height:0;pointer-events:none}.longform-content .ProseMirror h1{font-size:2rem;margin:24px 0 12px}.longform-content .ProseMirror h2{font-size:1.5rem;margin:20px 0 10px}.longform-content .ProseMirror h3{font-size:1.25rem;margin:16px 0 8px}.longform-content .ProseMirror ul,.longform-content .ProseMirror ol{padding-left:24px;margin:12px 0}.longform-content .ProseMirror blockquote{border-left:3px solid var(--primary);padding-left:16px;margin:16px 0;color:var(--text-secondary);font-style:italic}.longform-content .ProseMirror img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}.longform-content .ProseMirror hr{border:none;border-top:2px solid var(--border-color);margin:24px 0}.longform-content .ProseMirror a{color:var(--primary);text-decoration:underline}.longform-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px}.longform-footer .char-count{font-size:.85rem}.longform-footer .char-count.met{color:var(--success, #27ae60)}.longform-footer .char-count.not-met{color:var(--text-muted)}.markdown-upload{font-size:.85rem;color:var(--text-muted);cursor:pointer;transition:color .15s}.markdown-upload:hover{color:var(--primary)}@media (max-width: 600px){.longform-toolbar{gap:2px;padding:6px 8px}.toolbar-divider{display:none}.longform-toolbar button{padding:6px 8px;font-size:.8rem}.longform-title-input{font-size:1.25rem}}.drawing-editor{display:flex;flex-direction:column;gap:12px}.drawing-toolbar{display:flex;flex-wrap:wrap;gap:16px;padding:12px;background:var(--bg-elevated, var(--bg-secondary));border:1px solid var(--border-color);border-radius:8px}.drawing-toolbar .tool-group{display:flex;flex-direction:column;gap:6px}.drawing-toolbar .tool-group.actions{flex-direction:row;align-items:flex-end;margin-left:auto}.drawing-toolbar .tool-label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);font-weight:500}.drawing-toolbar .tool-buttons{display:flex;gap:4px}.drawing-toolbar .tool-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:1.1rem;transition:all .1s}.drawing-toolbar .tool-btn:hover{border-color:var(--primary)}.drawing-toolbar .tool-btn.active{background:var(--primary);border-color:var(--primary)}.color-palette{display:flex;flex-wrap:wrap;gap:4px;max-width:200px}.color-btn{width:24px;height:24px;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;transition:transform .1s}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px var(--text-primary)}.color-picker{width:24px;height:24px;padding:0;border:none;cursor:pointer}.size-buttons{display:flex;gap:4px;align-items:center}.size-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;cursor:pointer}.size-btn:hover{border-color:var(--primary)}.size-btn.active{background:var(--primary);border-color:var(--primary)}.size-preview{background:currentColor;border-radius:50%}.size-btn.active .size-preview{background:#fffbf4}.canvas-container{background:#f0e4d0;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;display:flex;justify-content:center;align-items:center}.drawing-canvas{max-width:100%;height:auto;cursor:crosshair;touch-action:none}.drawing-toolbar .actions button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:1.1rem;transition:all .1s}.drawing-toolbar .actions button:hover:not(:disabled){border-color:var(--primary)}.drawing-toolbar .actions button:disabled{opacity:.4;cursor:not-allowed}.drawing-toolbar .save-btn{width:auto!important;padding:0 12px!important;background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;font-size:.85rem!important}.drawing-toolbar .save-btn:hover{opacity:.9}.color-input{width:44px;height:44px;padding:0;border:2px solid var(--border-color);border-radius:8px;cursor:pointer}.color-picker-group,.brush-size-group{display:flex;align-items:center;gap:8px}.brush-slider{width:80px;height:44px;cursor:pointer}.brush-size-label{font-size:.75rem;color:var(--text-muted);min-width:35px}.drawing-editor.mobile{padding:8px;gap:8px}.drawing-editor.mobile .drawing-toolbar{flex-wrap:wrap;gap:8px;padding:8px}.drawing-editor.mobile .brush-slider{width:60px}@media (max-width: 639px){.drawing-toolbar{gap:8px;padding:8px;flex-wrap:wrap}.drawing-toolbar .tool-btn,.drawing-toolbar .actions button{min-width:44px;min-height:44px;width:44px;height:44px;font-size:1.1rem}.color-btn{width:28px;height:28px}.color-palette{display:none}.size-btn{width:32px;height:32px}}.magnetic-poetry-editor{display:flex;flex-direction:column;gap:12px;-webkit-user-select:none;user-select:none}.poetry-instructions{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-muted)}.poetry-instructions p{margin:0}.poetry-actions{display:flex;gap:8px}.poetry-actions button{background:var(--bg-elevated, var(--bg-secondary));border:1px solid var(--border-color);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;color:var(--text-secondary);transition:all .15s}.poetry-actions button:hover{border-color:var(--primary);color:var(--text-primary)}.poetry-canvas{position:relative;min-height:300px;background:linear-gradient(to bottom,#f8f8f8,#e8d8c0);background-image:repeating-linear-gradient(0deg,transparent,transparent 20px,rgba(0,0,0,.03) 20px,rgba(0,0,0,.03) 21px),repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(0,0,0,.03) 20px,rgba(0,0,0,.03) 21px);border:2px solid var(--border-color);border-radius:8px;overflow:hidden}.canvas-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem;pointer-events:none}.word-pool{display:flex;flex-wrap:wrap;gap:6px;padding:16px;background:var(--bg-elevated, var(--bg-secondary));border:1px solid var(--border-color);border-radius:8px;max-height:200px;overflow-y:auto}.word-tile{display:inline-block;padding:4px 10px;font-size:.95rem;font-family:Georgia,serif;border:1px solid;border-radius:3px;cursor:grab;white-space:nowrap;box-shadow:0 2px #0000001a,0 3px 4px -1px #00000026,inset 0 1px #ffffff80,inset 0 -1px #0000001a;background-image:linear-gradient(to bottom,#fff3,#0000000d);transform:rotate(calc(var(--rotate, 0) * 1deg));transition:transform .1s,box-shadow .1s}.word-tile:hover{transform:rotate(0) scale(1.05);box-shadow:0 3px #0000001a,0 5px 8px -2px #0003,inset 0 1px #ffffff80,inset 0 -1px #0000001a}.word-tile:active,.word-tile.dragging{cursor:grabbing;transform:scale(1.1);box-shadow:0 4px #0000001a,0 8px 16px -4px #0000004d,inset 0 1px #ffffff80;z-index:100}.word-tile.placed{position:absolute;z-index:1}.word-pool .word-tile:nth-child(3n){--rotate: 1}.word-pool .word-tile:nth-child(3n+1){--rotate: -1}.word-pool .word-tile:nth-child(3n+2){--rotate: .5}.word-pool .word-tile:nth-child(5n){--rotate: -.5}.pos-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:.75rem;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:4px}.legend-dot{width:12px;height:12px;border:1px solid;border-radius:2px}.magnetic-poetry-display{position:relative;min-height:100px;background:linear-gradient(to bottom,#fdf6e9,#f0e4d0);border-radius:6px;margin:8px 0;overflow:hidden}.poetry-word-display{position:absolute;display:inline-block;padding:3px 8px;font-size:.9rem;font-family:Georgia,serif;border:1px solid;border-radius:3px;white-space:nowrap;box-shadow:0 2px #0000001a,0 3px 4px -1px #00000026,inset 0 1px #ffffff80,inset 0 -1px #0000001a;background-image:linear-gradient(to bottom,#fff3,#0000000d)}.poetry-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.poetry-control-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--bg-elevated, var(--bg-secondary));border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:.9rem;color:var(--text-secondary);transition:all .15s;min-height:44px}.poetry-control-btn:hover:not(:disabled){border-color:var(--primary);color:var(--text-primary)}.poetry-control-btn:disabled{opacity:.5;cursor:not-allowed}.poetry-controls .pos-legend{margin-left:auto}.pos-legend .legend-text{text-transform:uppercase;font-size:.65rem}.word-tile.resetting{animation:returnToPool .4s ease-out forwards}@keyframes returnToPool{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8) translateY(-20px)}to{opacity:0;transform:scale(.5) translateY(-40px)}}.poetry-hint{margin:0;font-size:.75rem;color:var(--text-muted);text-align:center}.magnetic-poetry-display-wrapper{display:flex;flex-direction:column;gap:8px}.show-text-toggle{align-self:flex-start;padding:4px 8px;background:none;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;text-decoration:underline;min-height:32px}.show-text-toggle:hover{color:var(--text-primary)}.poetry-text-version{margin:0;padding:8px 12px;background:var(--bg-elevated, var(--bg-secondary));border-radius:6px;font-size:.85rem;color:var(--text-secondary);line-height:1.5}@media (max-width: 639px){.poetry-canvas{min-height:250px}.word-pool{max-height:120px}.word-tile{font-size:.85rem;padding:6px 10px;min-height:36px}.magnetic-poetry-editor.mobile .poetry-controls{gap:8px}.magnetic-poetry-editor.mobile .control-label{display:none}.magnetic-poetry-editor.mobile .poetry-control-btn{padding:10px 12px}.poetry-word-display{padding:3px 6px;font-size:.75rem}}.composer-textarea{width:100%;padding:16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);color:var(--text-primary);font-size:1rem;line-height:1.6;resize:vertical;min-height:200px;font-family:inherit;box-sizing:border-box}.composer-textarea:focus{outline:none;border-color:var(--primary)}.composer-textarea::placeholder{color:var(--text-muted)}.composer-image-uploader{display:flex;flex-direction:column;gap:12px}.composer-image-previews{display:flex;flex-wrap:wrap;gap:8px}.composer-image-preview{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden}.composer-image-preview img{width:100%;height:100%;object-fit:cover}.composer-remove-image{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#0009;color:#fffbf4;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.composer-remove-image:hover{background:#000c}.composer-image-position{position:absolute;bottom:4px;left:4px;background:#0009;color:#fffbf4;font-size:.7rem;padding:2px 6px;border-radius:4px}.composer-add-more-btn{width:80px;height:80px;border-radius:8px;border:2px dashed var(--border-color);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.composer-add-more-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-secondary)}.composer-add-images-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .15s}.composer-add-images-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-secondary)}.composer-add-images-btn:disabled{opacity:.5;cursor:not-allowed}.composer-image-count{font-size:.85rem;color:var(--text-muted)}.composer-error{color:var(--danger);font-size:.85rem;margin-top:8px}.composer-progress{color:var(--primary);font-size:.85rem;margin-top:8px}.composer-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-card)}.footer-left{display:flex;align-items:center;gap:12px}.footer-right{display:flex;gap:12px}.save-draft-btn{background:var(--bg-elevated, var(--bg-secondary));border:1px solid var(--border-color);padding:10px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;color:var(--text-secondary);transition:all .15s}.save-draft-btn:hover:not(:disabled){border-color:var(--primary);background:var(--bg-card);color:var(--text-primary)}.save-draft-btn:disabled{opacity:.6;cursor:not-allowed}.last-saved{font-size:.8rem;color:var(--text-muted)}.composer-cancel-btn{padding:10px 24px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .15s}.composer-cancel-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.composer-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.composer-submit-btn{padding:10px 24px;background:var(--primary);color:#fffbf4;border:none;border-radius:6px;font-weight:500;font-size:.9rem;cursor:pointer;transition:background .15s}.composer-submit-btn:hover:not(:disabled){background:var(--primary-hover)}.composer-submit-btn:disabled{opacity:.5;cursor:not-allowed}.composer-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-top:1px solid var(--border-color);background:var(--bg-secondary);margin-top:auto}.ready-to-share-btn{padding:12px 24px;background:var(--bg-elevated, var(--bg-card));border:1px solid var(--primary);border-radius:8px;color:var(--primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .15s}.ready-to-share-btn:hover:not(:disabled){background:var(--primary);color:#fffbf4}.ready-to-share-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--border-color);color:var(--text-muted)}.composer-layout{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start}.composer-main{display:flex;flex-direction:column;gap:16px}.composer-editor-area{border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;background:var(--bg-card);min-height:300px}.composer-preview{position:sticky;top:24px}@media (max-width: 900px){.composer-layout{grid-template-columns:1fr}.composer-preview{order:-1;position:static}}.composer-draft-prompt{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.draft-prompt-content{background:var(--bg-card);border-radius:12px;padding:24px;max-width:400px;width:100%;text-align:center;box-shadow:0 8px 32px #0003}.draft-prompt-message{color:var(--text-primary);font-size:1rem;margin:0 0 20px;line-height:1.5}.draft-prompt-actions{display:flex;gap:12px;justify-content:center}.draft-prompt-btn{padding:10px 20px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s}.draft-prompt-restore{background:var(--primary);color:#fffbf4;border:none}.draft-prompt-restore:hover{background:var(--primary-hover)}.draft-prompt-dismiss{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.draft-prompt-dismiss:hover{background:var(--bg-secondary);color:var(--text-primary)}.composer-draft-saved{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.8rem;margin-left:auto;opacity:.8}.composer-draft-saved svg{opacity:.7}.advanced-composer-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 10px;background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;border-radius:4px;transition:all .15s}.advanced-composer-link:hover{color:var(--primary);background:var(--bg-secondary)}.compose-expand-btn{display:flex;align-items:center;justify-content:center;padding:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.compose-expand-btn:hover:not(:disabled){color:var(--primary);border-color:var(--primary)}.compose-expand-btn:disabled{opacity:.5;cursor:not-allowed}.style-header-row{display:flex;align-items:center;gap:12px}.style-remembered{font-size:.8rem;color:var(--success, #7CB87C);display:flex;align-items:center;gap:4px;white-space:nowrap}.style-section{border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.style-toggle-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-elevated, var(--bg-secondary));border:none;cursor:pointer;transition:background-color .15s}.style-toggle-btn:hover{background:var(--bg-card)}.style-toggle-left{display:flex;align-items:center;gap:10px;font-weight:500;color:var(--text-primary)}.style-saved-indicator{font-size:.75rem;font-weight:400;color:var(--success, #27ae60);background:#27ae601a;padding:2px 8px;border-radius:10px}.toggle-arrow{color:var(--text-muted);transition:transform .2s ease}.toggle-arrow.open{transform:rotate(180deg)}.style-options-panel{border-top:1px solid var(--border-color);background:var(--bg-card)}.style-tabs{display:flex;gap:4px;padding:12px 16px 0;border-bottom:1px solid var(--border-color)}.style-tabs button{display:flex;align-items:center;gap:6px;padding:10px 16px;background:none;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;position:relative;transition:color .15s}.style-tabs button:hover{color:var(--text-primary)}.style-tabs button.active{color:var(--primary);font-weight:500}.style-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary)}.style-tab-content{padding:16px}.style-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.style-group:last-child{margin-bottom:0}.style-group-label{display:block;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px}.style-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.style-options-grid.font-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.style-option-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--bg-elevated, var(--bg-secondary));border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s;color:var(--text-primary)}.style-option-btn:hover{border-color:var(--primary);background:var(--bg-primary, var(--bg-card))}.style-option-btn.selected{border-color:var(--primary);background:var(--primary);color:#fffbf4}.style-option-btn .option-icon{font-size:1.25rem}.style-option-btn .option-label{font-size:.85rem;font-weight:500}.style-option-btn .option-desc{font-size:.7rem;color:var(--text-muted)}.style-option-btn.selected .option-desc{color:#fffc}.style-option-btn.font-btn{font-size:.9rem;padding:10px 12px}.style-option-btn[data-surface=dark].selected{background:#1e1a16;border-color:#1e1a16}.style-option-btn[data-surface=warm].selected{background:#f8eed8;border-color:#e0d5c5;color:#4a4035}.style-option-btn[data-surface=cool].selected{background:#e8f0f4;border-color:#c5d5e5;color:#2a3540}.style-buttons{display:flex;flex-wrap:wrap;gap:8px}.style-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s;min-width:70px}.style-btn:hover{border-color:var(--primary);color:var(--text-primary)}.style-btn.selected{background:var(--primary);border-color:var(--primary);color:#fffbf4}.style-btn-icon{font-size:1.2rem}.style-btn-label{font-size:.8rem}.font-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.font-btn{padding:12px 8px;font-size:.9rem}.style-btn[data-surface=dark].selected{background:#1e1a16;color:#f0e4d0}.style-btn[data-surface=warm].selected{background:#f8eed8;color:#4a4035;border-color:#e0d5c5}.style-btn[data-surface=cool].selected{background:#e8f0f4;color:#2a3540;border-color:#c5d5e5}.style-reset-row{padding-top:8px;border-top:1px solid var(--border-color);margin-top:4px}.reset-style-btn{background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;padding:6px 12px;border-radius:4px;transition:all .15s}.reset-style-btn:hover{color:var(--text-primary);background:var(--bg-elevated, var(--bg-secondary))}.style-panel-footer{padding:12px 16px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.presets-section{border-top:1px solid var(--border-color);padding-top:16px;margin-top:8px}.presets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.toggle-presets-btn{background:none;border:none;color:var(--primary);font-size:.85rem;cursor:pointer;padding:4px 8px;border-radius:4px}.toggle-presets-btn:hover{background:var(--bg-secondary)}.advanced-style-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--primary);color:var(--primary);font-size:.85rem;cursor:pointer;padding:4px 10px;border-radius:4px;transition:background .15s,color .15s}.advanced-style-btn:hover{background:var(--primary);color:#fffbf4}.style-panel-footer{flex-wrap:wrap;gap:8px}.token-style-indicator{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:color-mix(in srgb,var(--primary) 8%,transparent);border-top:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:0 0 8px 8px}.token-style-badge{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--primary);font-weight:500}.token-style-clear-btn{background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;padding:2px 6px;border-radius:4px}.token-style-clear-btn:hover{color:var(--danger, #e53e3e);background:var(--bg-secondary)}.presets-panel{display:flex;flex-direction:column;gap:12px}.save-preset-form{display:flex;gap:8px}.preset-name-input{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-elevated, var(--bg-card));color:var(--text-primary);font-size:.9rem}.preset-name-input:focus{outline:none;border-color:var(--primary)}.preset-name-input::placeholder{color:var(--text-muted)}.save-preset-btn{padding:8px 16px;background:var(--primary);color:#fffbf4;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;white-space:nowrap;transition:opacity .15s}.save-preset-btn:hover:not(:disabled){opacity:.9}.save-preset-btn:disabled{opacity:.5;cursor:not-allowed}.presets-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.preset-item{display:flex;align-items:center;gap:4px}.preset-apply-btn{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;background:var(--bg-elevated, var(--bg-card));border:1px solid var(--border-color);border-radius:6px;cursor:pointer;text-align:left;transition:all .15s;color:var(--text-primary)}.preset-apply-btn:hover{border-color:var(--primary);background:var(--bg-card)}.preset-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.preset-meta{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted)}.preset-intent{font-size:.9rem}.preset-preview{text-transform:capitalize}.preset-delete-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:1.2rem;transition:all .15s}.preset-delete-btn:hover{color:#d88070;border-color:#d88070;background:#e74c3c1a}.no-presets{font-size:.85rem;color:var(--text-muted);text-align:center;padding:12px;margin:0}.composer-preview-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s}.composer-preview-btn:hover:not(:disabled){background:var(--bg-card);color:var(--text-primary);border-color:var(--primary)}.composer-preview-btn:disabled{opacity:.5;cursor:not-allowed}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .15s ease-out}.preview-modal{background:var(--bg-primary);border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.preview-modal-header h2{font-size:1.1rem;font-weight:600;margin:0;color:var(--text-primary)}.preview-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:all .15s}.preview-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.preview-modal-body{padding:24px;overflow-y:auto}.post-preview-card{position:relative;padding:16px 16px 16px 72px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-color);min-height:100px}.preview-corner-avatar-container{position:absolute;left:12px;top:12px;display:flex;flex-direction:column;align-items:center;gap:4px}.preview-corner-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--avatar-bg, var(--primary));color:var(--avatar-text, white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;flex-shrink:0}.preview-corner-avatar-img{width:100%;height:100%;object-fit:cover}.preview-intent-indicator{width:26px;height:26px;border-radius:50%;background:var(--bg-card);border:2px solid var(--intent-accent, var(--primary));display:flex;align-items:center;justify-content:center;margin-top:-8px}.preview-intent-emoji{font-size:.8rem}.preview-header{margin-bottom:8px}.preview-meta{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.preview-author{font-weight:600;font-size:.95rem;color:var(--text-primary)}.preview-time{font-size:.8rem;color:var(--text-muted)}.preview-content{font-size:.95rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;margin-bottom:12px;color:var(--text-primary)}.preview-placeholder{color:var(--text-muted);font-style:italic}.preview-images{display:grid;gap:4px;margin-bottom:12px;border-radius:8px;overflow:hidden}.preview-images.images-1{grid-template-columns:1fr}.preview-images.images-2{grid-template-columns:1fr 1fr}.preview-images.images-3,.preview-images.images-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.preview-images.images-3 .preview-image:first-child{grid-row:span 2}.preview-image{position:relative;aspect-ratio:1}.preview-image img{width:100%;height:100%;object-fit:cover}.preview-more-images{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;color:#fffbf4;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600}.preview-actions{display:flex;align-items:center;gap:4px;padding-top:8px}.preview-action-btn{display:flex;align-items:center;justify-content:center;padding:6px;background:none;border:none;color:var(--text-muted);cursor:default;border-radius:4px;opacity:.5}.post-preview-card.surface-light{background:#fffbf4;color:#3d352c}.post-preview-card.surface-dark{background:#1e1a16;color:#f0e4d0}.post-preview-card.surface-dark .preview-time,.post-preview-card.surface-dark .preview-placeholder,.post-preview-card.surface-dark .preview-action-btn{color:#888}.post-preview-card.surface-dark .preview-author,.post-preview-card.surface-dark .preview-content{color:#f0e4d0}.post-preview-card.surface-warm{background:#f8eed8;color:#4a4035}.post-preview-card.surface-warm .preview-time,.post-preview-card.surface-warm .preview-placeholder{color:#8a7565}.post-preview-card.surface-cool{background:#e8f0f4;color:#2a3540}.post-preview-card.surface-cool .preview-time,.post-preview-card.surface-cool .preview-placeholder{color:#5a6a7a}.post-preview-card.texture-paper{box-shadow:inset 0 0 30px #00000008}.post-preview-card.texture-soft-card{box-shadow:0 2px 8px #0000000f,0 8px 24px #0000000a;border:none}.post-preview-card.texture-ghost{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.post-preview-card.surface-dark.texture-ghost{background:#1a1a1ab3;border:1px solid rgba(255,255,255,.1)}.post-preview-card.emphasis-subtle{opacity:.9}.post-preview-card.emphasis-subtle .preview-content{font-weight:300}.post-preview-card.emphasis-strong .preview-content{font-weight:500}.post-preview-card.emphasis-strong .preview-author{font-weight:700}@media (max-width: 640px){.composer-body{padding:16px}.composer-header,.composer-footer{padding:12px 16px}.composer-header .back-text{display:none}.composer-back-btn{min-width:44px;min-height:44px;justify-content:center}.intent-pill{padding:6px 10px;font-size:.85rem}.intent-pill-emoji{font-size:1rem}.intent-pill-label,.intent-pill:hover .intent-pill-label,.intent-pill.selected .intent-pill-label{max-width:100px}.composer-textarea{min-height:150px;font-size:.95rem}.composer-image-preview,.composer-add-more-btn{width:70px;height:70px}.font-buttons{grid-template-columns:repeat(2,1fr)}.style-btn{min-width:60px;padding:8px 10px}.style-options-panel{padding:12px;gap:16px}.style-tabs{overflow-x:auto;padding:8px 12px 0}.style-tabs button{padding:8px 12px;font-size:.8rem}.style-options-grid{grid-template-columns:repeat(2,1fr)}.composer-footer{flex-direction:column;gap:12px}.footer-left,.footer-right{width:100%;justify-content:center}.footer-left{flex-direction:column;gap:8px}.save-draft-btn{width:100%}.preview-overlay{padding:16px}.preview-modal{max-height:85vh}.preview-modal-body{padding:16px}.preview-corner-avatar{width:40px;height:40px;font-size:1rem}.post-preview-card{padding-left:60px}.preview-intent-indicator{width:22px;height:22px}.preview-intent-emoji{font-size:.7rem}.composer-preview-btn span{display:none}.composer-preview-btn{padding:10px}}.home-room{position:relative;min-height:100vh;padding-bottom:48px;font-family:var(--room-font-family, inherit);font-size:var(--room-font-size-base, 1rem);font-weight:var(--room-font-weight-body, 400);line-height:var(--room-line-height, 1.5);letter-spacing:var(--room-letter-spacing, 0);color:var(--room-text-color, var(--text-primary));background-color:var(--bg-primary)}.home-room h1,.home-room h2,.home-room h3,.home-room h4{font-family:var(--room-font-family-headings, var(--room-font-family, inherit));font-weight:var(--room-font-weight-headings, 600)}.home-room a:not(.btn-primary):not(.btn-secondary){color:var(--room-link-color, var(--accent-color, var(--primary)))}.home-room .text-secondary,.home-room .room-tagline,.home-room .room-pronouns,.home-room .entry-time,.home-room .module-desc{color:var(--room-text-color-secondary, var(--text-secondary))}.home-room.spacing-comfortable{--module-gap: 24px;--module-padding: 20px}.home-room.spacing-spacious{--module-gap: 40px;--module-padding: 32px}.home-room.spacing-compact{--module-gap: 16px;--module-padding: 16px}.home-room-header{max-width:700px;margin:0 auto;padding:40px 20px 32px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.room-owner-info{display:flex;align-items:center;gap:16px}.room-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--bg-card);box-shadow:0 2px 8px #0000001a}.room-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:var(--primary);color:#fffbf4;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;border:3px solid var(--bg-card);box-shadow:0 2px 8px #0000001a}.room-owner-text{display:flex;flex-direction:column;gap:4px}.room-display-name{font-size:1.75rem;font-weight:600;margin:0;line-height:1.2;color:var(--text-primary)}.room-pronouns{font-size:.85rem;color:var(--text-secondary)}.room-tagline{font-size:1rem;color:var(--text-secondary);margin:4px 0 0;font-style:italic}.room-header-actions{display:flex;gap:8px}.customize-gear-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-secondary, #F8EED8);border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:all .15s}.customize-gear-btn:hover{background:var(--bg-card, #FFFBF4);border-color:var(--accent, #70A8C0);color:var(--accent, #70A8C0);transform:rotate(15deg)}.friend-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .15s;background:var(--primary);border:none;color:#fffbf4}.friend-btn:hover:not(:disabled){opacity:.9}.friend-btn:disabled{opacity:.7;cursor:default}.friend-btn.friends{background:var(--success, #7CB87C)}.friend-btn.pending{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.friend-btn.accept{background:var(--success, #7CB87C)}.friend-btn.decline{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.friend-btn.decline:hover:not(:disabled){background:var(--error, #D88070);color:#fffbf4;border-color:var(--error, #D88070)}.friend-btn-group{display:flex;gap:8px}.friend-btn-container{position:relative;display:inline-block}.friend-btn-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10}.friend-btn-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:20;min-width:140px;overflow:hidden}.friend-btn-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:var(--text-primary);transition:background .15s}.friend-btn-dropdown-item:hover{background:var(--bg-secondary)}.friend-btn-dropdown-item.danger{color:var(--error, #D88070)}.friend-btn-dropdown-item.danger:hover{background:#d880701a}.block-dialog-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.block-dialog{background:var(--bg-card);border-radius:12px;max-width:420px;width:100%;box-shadow:0 20px 40px #0003;overflow:hidden}.block-dialog-header{display:flex;align-items:flex-start;gap:12px;padding:20px 20px 0}.block-dialog-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#d880701a;display:flex;align-items:center;justify-content:center;color:var(--error, #D88070)}.block-dialog-title{flex:1;margin:0;font-size:18px;font-weight:600;line-height:1.3;padding-top:8px}.block-dialog-close{flex-shrink:0;background:none;border:none;padding:8px;cursor:pointer;color:var(--text-secondary);border-radius:6px;transition:background .15s,color .15s}.block-dialog-close:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.block-dialog-content{padding:16px 20px}.block-dialog-description{margin:0 0 12px;color:var(--text-secondary)}.block-dialog-list{margin:0 0 16px;padding-left:20px;color:var(--text-secondary);font-size:14px}.block-dialog-list li{margin-bottom:6px}.block-dialog-note{margin:0 0 16px;font-size:13px;color:var(--text-muted);font-style:italic}.block-dialog-reason{margin-top:16px}.block-dialog-reason-label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:6px}.block-dialog-reason-input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-primary);color:var(--text-primary)}.block-dialog-reason-input:focus{outline:none;border-color:var(--accent)}.block-dialog-reason-input:disabled{opacity:.6;cursor:not-allowed}.block-dialog-actions{display:flex;gap:12px;padding:16px 20px 20px;justify-content:flex-end}.btn-danger{background:var(--error, #D88070);color:#fffbf4;border:none}.btn-danger:hover:not(:disabled){background:#c87060}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.block-dialog-circles-warning{margin:16px 0;padding:14px 16px;background:#f59e0b1a;border-radius:8px;border-left:3px solid #E8B050}.block-dialog-circles-header{display:flex;align-items:center;gap:8px;font-weight:500;color:#d8a040;margin-bottom:10px}.block-dialog-circles-list{margin:0 0 10px;padding-left:24px;font-size:14px;color:var(--text-secondary)}.block-dialog-circles-list li{margin-bottom:4px}.block-dialog-circle-item{font-weight:500}.block-dialog-circles-note{margin:0;font-size:13px;color:var(--text-muted);font-style:italic}.profile-blocked-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center}.profile-blocked-icon{width:80px;height:80px;border-radius:50%;background:#d880701a;display:flex;align-items:center;justify-content:center;color:var(--error, #D88070);margin-bottom:20px}.profile-blocked-icon.muted{background:var(--bg-secondary);color:var(--text-muted)}.profile-blocked-title{margin:0 0 8px;font-size:20px;font-weight:600}.profile-blocked-description{margin:0 0 24px;color:var(--text-secondary);max-width:300px}.profile-blocked-actions{display:flex;gap:12px}.btn-ghost{background:transparent;color:var(--text-secondary);border:none}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.blocked-users-container{padding:20px}.blocked-users-header{margin-bottom:24px}.blocked-users-title-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.blocked-users-title{margin:0;font-size:18px;font-weight:600}.blocked-users-count{background:var(--bg-secondary);color:var(--text-secondary);padding:2px 8px;border-radius:10px;font-size:13px;font-weight:500}.blocked-users-description{margin:0;color:var(--text-secondary);font-size:14px}.blocked-users-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--text-secondary)}.blocked-users-empty{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center}.blocked-users-empty-icon{color:var(--text-muted);margin-bottom:16px}.blocked-users-empty p{margin:0;color:var(--text-secondary)}.blocked-users-empty-hint{font-size:13px;color:var(--text-muted);margin-top:8px!important}.blocked-users-list{list-style:none;margin:0;padding:0}.blocked-user-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color)}.blocked-user-item:last-child{border-bottom:none}.blocked-user-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.blocked-user-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;overflow:hidden}.blocked-user-avatar-img{width:100%;height:100%;object-fit:cover}.blocked-user-avatar-placeholder{width:100%;height:100%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.blocked-user-name{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blocked-user-username{font-size:13px;color:var(--text-secondary)}.blocked-user-date{font-size:12px;color:var(--text-muted)}.blocked-user-reason{font-size:12px;color:var(--text-muted);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.blocked-user-unblock{flex-shrink:0;display:flex;align-items:center;gap:6px}.blocked-users-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.blocked-users-footer p{margin:0;font-size:13px;color:var(--text-muted)}.profile-more-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);border:none;cursor:pointer;color:var(--text-secondary);transition:background .15s,color .15s}.profile-more-btn:hover{background:var(--bg-tertiary, var(--border-color));color:var(--text-primary)}.profile-more-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10}.profile-more-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:20;min-width:180px;overflow:hidden}.profile-more-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:var(--text-primary);transition:background .15s}.profile-more-item:hover{background:var(--bg-secondary)}.profile-more-item.danger{color:var(--error, #D88070)}.profile-more-item.danger:hover{background:#d880701a}.circles-page{max-width:700px;margin:0 auto;padding:24px 20px}.circles-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:16px}.circles-header-content h1{margin:0 0 4px;font-size:24px;font-weight:600}.circles-subtitle{margin:0;color:var(--text-secondary);font-size:14px}.circles-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--text-secondary)}.circles-section{margin-bottom:32px}.circles-section-title{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.circles-section-count{background:var(--bg-secondary);color:var(--text-secondary);padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500}.circles-list{display:flex;flex-direction:column;gap:8px}.circle-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.circle-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #0000000d}.circle-card-invite{background:var(--bg-secondary)}.circle-card-icon{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--accent-light, rgba(66, 133, 244, .1));color:var(--accent);display:flex;align-items:center;justify-content:center}.circle-card-content{flex:1;min-width:0}.circle-card-name{display:flex;align-items:center;gap:8px;margin:0 0 2px;font-size:15px;font-weight:500}.circle-card-meta{margin:0;font-size:13px;color:var(--text-secondary)}.circle-card-description{margin:4px 0 0;font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.circle-card-arrow{flex-shrink:0;font-size:20px;color:var(--text-muted)}.circle-card-actions{display:flex;gap:8px;flex-shrink:0}.circle-accept-btn{background:var(--success, #7CB87C);color:#fffbf4}.circle-decline-btn{color:var(--text-secondary)}.circle-role-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;text-transform:uppercase}.circle-role-badge.admin{background:#ffc10726;color:#d8a040}.circle-pending-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;background:var(--bg-secondary);color:var(--text-muted)}.circles-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 20px;background:var(--bg-secondary);border-radius:12px}.circles-empty-icon{color:var(--text-muted);margin-bottom:16px}.circles-empty h3{margin:0 0 8px;font-size:18px}.circles-empty p{margin:0 0 20px;color:var(--text-secondary);max-width:300px}.circle-detail{max-width:700px;margin:0 auto;padding:24px 20px}.circle-detail-loading,.circle-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;text-align:center}.circle-detail-error h2{margin:0}.circle-detail-error p{margin:0 0 20px;color:var(--text-secondary)}.circle-detail-header{margin-bottom:32px}.circle-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0;margin-bottom:16px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:color .15s}.circle-back-btn:hover{color:var(--accent)}.circle-detail-title-section{display:flex;flex-direction:column;gap:4px}.circle-detail-name{display:flex;align-items:center;gap:8px;margin:0;font-size:24px;font-weight:600}.circle-detail-description{display:flex;align-items:center;gap:6px;margin:0;color:var(--text-secondary);font-size:14px}.circle-detail-meta{display:flex;align-items:center;gap:6px;margin:8px 0 0;color:var(--text-muted);font-size:13px}.circle-edit-field{display:flex;align-items:center;gap:8px}.circle-edit-field input,.circle-edit-field textarea{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-primary);color:var(--text-primary)}.circle-edit-field textarea{resize:none}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:var(--accent);color:#fffbf4;border:none;cursor:pointer}.btn-icon:hover:not(:disabled){opacity:.9}.btn-icon-subtle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:transparent;color:var(--text-muted);border:none;cursor:pointer;transition:background .15s,color .15s}.btn-icon-subtle:hover{background:var(--bg-secondary);color:var(--text-primary)}.circle-size-warning{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.circle-size-warning.soft{background:#3b82f61a;color:#70a8c0}.circle-size-warning.hard{background:#f59e0b1a;color:#d8a040}.circle-section{margin-bottom:32px}.circle-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.circle-section-header h2{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600}.circle-members-list{display:flex;flex-direction:column;gap:4px}.circle-member-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-card);border-radius:8px;transition:background .15s}.circle-member-item:hover{background:var(--bg-secondary)}.circle-member-item.pending{opacity:.7}.circle-member-avatar{position:relative;flex-shrink:0;width:40px;height:40px}.circle-member-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.circle-member-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.circle-member-name-link{text-decoration:none;color:inherit}.circle-member-name-link:hover{color:var(--primary)}.circle-member-avatar{text-decoration:none}.circle-member-actions{display:flex;gap:4px;flex-shrink:0}.circle-member-actions .btn-ghost.danger:hover{color:var(--error, #D88070)}.circle-member-item.blocked{opacity:.6}.circle-member-blocked-indicator{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:var(--error, #D88070);color:#fffbf4;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card)}.circle-member-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.circle-blocked-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 6px;border-radius:9999px;font-weight:500}.circle-blocked-badge.you-blocked{background:#d8807026;color:#c87060}.circle-blocked-badge.they-blocked{background:#9ca3af33;color:var(--text-muted)}.circle-actions-section{display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:1px solid var(--border-color)}.circle-action-note{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#f59e0b1a;border-radius:8px;font-size:14px;color:#d8a040}.circle-leave-btn,.circle-delete-btn{align-self:flex-start}.circle-leave-btn-subtle{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:10px 16px;border-radius:8px;font-size:.875rem;cursor:pointer;width:100%;text-align:center;transition:border-color .15s,color .15s}.circle-leave-btn-subtle:hover{border-color:var(--danger);color:var(--danger)}.circle-delete-btn-subtle{display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:10px 16px;border-radius:8px;font-size:.875rem;cursor:pointer;width:100%;text-align:center;transition:border-color .15s,color .15s,background-color .15s}.circle-delete-btn-subtle:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-light, #FDF4F2)}.step-back-modal{max-width:420px}.step-back-intro{margin:0 0 20px;color:var(--text-secondary);line-height:1.5}.step-back-section{margin-bottom:20px}.step-back-label{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:10px}.step-back-duration-options{display:flex;flex-direction:column;gap:8px}.step-back-duration-option{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-secondary);border-radius:8px;cursor:pointer;transition:background .15s}.step-back-duration-option:hover{background:var(--bg-hover)}.step-back-duration-option input[type=radio]{accent-color:var(--primary)}.duration-label{font-size:.95rem;color:var(--text-primary)}.step-back-reason-input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;font-family:inherit;background:var(--bg-primary);color:var(--text-primary);resize:vertical;min-height:80px}.step-back-reason-input::placeholder{color:var(--text-muted)}.step-back-char-count{display:block;text-align:right;font-size:.75rem;color:var(--text-muted);margin-top:4px}.step-back-confirm-btn{background:var(--primary);min-width:100px}.content-note-input-wrapper{margin-bottom:16px}.content-note-toggle{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:1px dashed var(--border-color);border-radius:8px;font-size:.85rem;color:var(--text-muted);cursor:pointer;width:100%;text-align:left;transition:border-color .15s,color .15s}.content-note-toggle:hover{border-color:var(--text-secondary);color:var(--text-secondary)}.content-note-icon{flex-shrink:0}.content-note-preview{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-note-expanded{margin-top:8px}.content-note-field{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;background:var(--bg-primary);color:var(--text-primary)}.content-note-field::placeholder{color:var(--text-muted)}.content-note-meta{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.content-note-hint,.content-note-count{font-size:.75rem;color:var(--text-muted)}.content-note-wrapper{border-radius:8px;overflow:hidden}.content-note-banner{background:#f59e0b1a;padding:12px 16px;border-bottom:1px solid rgba(245,158,11,.2)}.content-note-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.content-note-banner .content-note-icon{color:#d8a040;margin-top:2px}.content-note-text{font-size:.875rem;color:var(--text-primary);line-height:1.4}.content-note-actions{display:flex;gap:12px}.content-note-toggle-btn,.content-note-always-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.content-note-toggle-btn:hover,.content-note-always-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.content-note-collapsed{padding:40px 20px;text-align:center;background:var(--bg-secondary)}.content-note-collapsed-text{font-size:.875rem;color:var(--text-muted);font-style:italic}.invite-friend-modal{max-width:450px}.invite-search{position:relative;margin-bottom:16px}.invite-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.invite-search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-primary);color:var(--text-primary)}.invite-search-input:focus{outline:none;border-color:var(--accent)}.invite-error{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:12px;background:#d880701a;border-radius:8px;font-size:14px;color:var(--danger, #D88070)}.invite-loading,.invite-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;text-align:center;color:var(--text-secondary)}.invite-empty-hint{font-size:13px;color:var(--text-muted)}.invite-friends-list{list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto}.invite-friend-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-color)}.invite-friend-item:last-child{border-bottom:none}.invite-friend-avatar{flex-shrink:0;width:40px;height:40px}.invite-friend-info{flex:1;min-width:0}.invite-friend-name{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-friend-username{display:block;font-size:13px;color:var(--text-muted)}.invite-friend-btn{flex-shrink:0;width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;margin-left:auto;border:none;background:var(--primary);color:#fffbf4;cursor:pointer;transition:background-color .15s ease-out}.invite-friend-btn:hover{background:var(--primary-hover)}.invite-friend-btn:disabled{background:var(--primary-disabled);cursor:not-allowed}.invite-friend-btn--revoke{background:var(--danger, #D88070)}.invite-friend-btn--revoke:hover{background:var(--danger-hover, #C87060)}.invite-friend-btn--revoke:disabled{background:var(--danger, #D88070);opacity:.6;cursor:not-allowed}.invite-success-note{display:flex;align-items:center;gap:8px;padding:12px;margin-top:16px;background:#10b9811a;border-radius:8px;font-size:14px;color:var(--success, #7CB87C)}.create-circle-modal{max-width:450px}.create-circle-description{margin:0 0 20px;color:var(--text-secondary);font-size:14px}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--bg-card);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;gap:12px;padding:20px 20px 0}.modal-header.danger{color:var(--error, #D88070)}.modal-header-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--accent-light, rgba(66, 133, 244, .1));display:flex;align-items:center;justify-content:center;color:var(--accent)}.modal-title{flex:1;margin:0;font-size:18px;font-weight:600}.modal-close{flex-shrink:0;background:none;border:none;padding:8px;cursor:pointer;color:var(--text-secondary);border-radius:6px;transition:background .15s,color .15s}.modal-close:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:16px 20px;overflow-y:auto}.modal-warning{color:var(--error, #D88070);font-weight:500}.modal-note{font-size:13px;color:var(--text-muted);font-style:italic}.modal-list{margin:12px 0;padding-left:20px;color:var(--text-secondary)}.modal-list li{margin-bottom:6px}.modal-footer{display:flex;gap:12px;padding:16px 20px 20px;justify-content:flex-end;border-top:1px solid var(--border-color)}.confirm-modal{max-width:400px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500}.form-group .required{color:var(--error, #D88070)}.form-group .optional{color:var(--text-muted);font-weight:400}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--bg-primary);color:var(--text-primary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.form-group textarea{resize:vertical;min-height:80px}.form-hint{display:block;margin-top:4px;font-size:12px;color:var(--text-muted);text-align:right}.form-error{padding:10px 12px;margin-bottom:16px;background:#d880701a;border-radius:8px;font-size:14px;color:var(--error, #D88070)}.home-room-canvas{max-width:700px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;gap:var(--module-gap, 24px)}.room-module{background:var(--bg-card);border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.module-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--module-padding, 20px);background:transparent;border:none;cursor:pointer;text-align:left}.module-header:hover{background:var(--bg-secondary)}.module-title{font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.module-collapse-icon{font-size:1.2rem;color:var(--text-muted);font-weight:300}.module-content{padding:0 var(--module-padding, 20px) var(--module-padding, 20px);color:var(--text-primary)}.module-placeholder,.module-loading{color:var(--text-muted);font-style:italic;font-size:.9rem}.about-module-content p{margin:0;line-height:1.6;white-space:pre-wrap}.photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photo-item{aspect-ratio:1;border-radius:8px;overflow:hidden}.photo-item img{width:100%;height:100%;object-fit:cover}.links-list{display:flex;flex-direction:column;gap:8px}.link-item{display:flex;flex-direction:column;gap:2px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;text-decoration:none;transition:all .15s}.link-item:hover{background:var(--bg-elevated, var(--bg-tertiary));transform:translate(4px)}.link-label{font-weight:500;color:var(--primary)}.link-description{font-size:.85rem;color:var(--text-secondary)}.featured-posts-list{display:flex;flex-direction:column;gap:12px}.featured-post-item{padding:16px;background:var(--bg-secondary);border-radius:8px;border-left:3px solid var(--primary)}.featured-post-content{margin:0;color:var(--text-primary);line-height:1.5}.room-empty-state{text-align:center;padding:48px 20px;color:var(--text-secondary);background:var(--bg-card);border-radius:12px}.room-empty-state p{margin:0 0 16px}.room-empty-state button{padding:10px 20px;background:var(--primary);color:#fffbf4;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.room-empty-state button:hover{opacity:.9}.home-room-footer{max-width:700px;margin:48px auto 0;padding:16px 20px;display:flex;justify-content:space-between;border-top:1px solid var(--border-color)}.back-link,.report-link{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;padding:4px 8px;border-radius:4px}.back-link:hover,.report-link:hover{color:var(--text-primary);background:var(--bg-secondary)}.home-room-loading,.home-room-error{max-width:400px;margin:100px auto;text-align:center;padding:20px}.home-room-loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--text-secondary)}.home-room-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.home-room-error h2{margin:0 0 8px;color:var(--text-primary)}.home-room-error p{color:var(--text-secondary);margin:0 0 16px}.home-room-error button{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--primary);color:#fffbf4;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}@media (max-width: 640px){.home-room-header{padding:24px 16px}.room-avatar,.room-avatar-placeholder{width:60px;height:60px;font-size:1.5rem}.room-display-name{font-size:1.4rem}.room-owner-info{gap:12px}.home-room-canvas{padding:0 16px}.module-header{padding:16px}.module-content{padding:0 16px 16px}.photos-grid{grid-template-columns:repeat(2,1fr)}.home-room-footer{padding:16px}}.home-room-customize{max-width:800px;margin:0 auto;padding:24px 20px}.customize-loading{max-width:400px;margin:100px auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--text-secondary)}.customize-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.customize-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.customize-header h1{font-size:1.25rem;font-weight:600;margin:0;flex:1;text-align:center}.customize-header .back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px 12px;border-radius:6px;font-size:.9rem}.customize-header .back-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.customize-header .save-btn{display:flex;align-items:center;gap:6px;padding:8px 20px;background:var(--primary);color:#fffbf4;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .15s}.customize-header .save-btn:hover:not(:disabled){opacity:.9}.customize-header .save-btn:disabled{opacity:.5;cursor:not-allowed}.customize-header .save-btn.success{background:var(--success, #7CB87C)}.customize-preview{margin-bottom:24px}.room-preview{padding:32px 24px;border-radius:12px;border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s}.room-preview.spacing-spacious{padding:48px 32px;gap:12px}.preview-header-zone{display:flex;flex-direction:column;align-items:center;gap:4px}.room-preview .preview-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 8px #0000001a}.room-preview .preview-avatar-placeholder{width:60px;height:60px;border-radius:50%;background:var(--primary);color:#fffbf4;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600}.room-preview .preview-name{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.room-preview .preview-pronouns{font-size:.85rem;color:var(--text-secondary)}.room-preview .preview-tagline{font-size:.9rem;color:var(--text-secondary);font-style:italic;text-align:center}.preview-module-zone{margin-top:16px;display:flex;gap:8px}.room-preview .preview-module{padding:12px 24px;background:#fffc;border-radius:8px;font-size:.85rem;color:var(--text-muted);box-shadow:0 1px 3px #0000000d}.customize-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border-color);overflow-x:auto}.customize-tabs button{display:flex;align-items:center;gap:6px;padding:12px 20px;background:none;border:none;color:var(--text-secondary);cursor:pointer;position:relative;white-space:nowrap;font-size:.9rem}.customize-tabs button:hover{color:var(--text-primary)}.customize-tabs button.active{color:var(--primary);font-weight:500}.customize-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary)}.customize-content{background:var(--bg-card);padding:24px;border-radius:12px;border:1px solid var(--border-color)}.setting-group{margin-bottom:28px}.setting-group:last-child{margin-bottom:0}.setting-label{display:block;font-weight:600;margin-bottom:8px;color:var(--text-primary);font-size:.95rem}.setting-hint{font-size:.85rem;color:var(--text-secondary);margin:0 0 12px}.text-input{width:100%;padding:12px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);font-size:1rem;color:var(--text-primary);transition:border-color .15s}.text-input:focus{outline:none;border-color:var(--primary)}.text-input::placeholder{color:var(--text-muted)}.pronouns-input{margin-top:12px}.char-count{display:block;text-align:right;font-size:.75rem;color:var(--text-muted);margin-top:6px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.95rem;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.background-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.bg-option{width:52px;height:52px;border-radius:10px;border:2px solid var(--border-color);cursor:pointer;transition:all .15s;position:relative;display:flex;align-items:center;justify-content:center}.bg-option:hover{border-color:var(--primary);transform:scale(1.05)}.bg-option.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.bg-check{color:var(--primary);font-weight:600;text-shadow:0 1px 2px rgba(255,255,255,.8)}.custom-bg{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--text-secondary)}.custom-bg input[type=color]{width:52px;height:52px;border:2px solid var(--border-color);border-radius:10px;cursor:pointer;padding:2px}.font-options{display:flex;flex-direction:column;gap:8px}.font-option{padding:14px 18px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-primary);cursor:pointer;text-align:left;transition:all .15s}.font-option:hover{border-color:var(--primary);background:var(--bg-secondary)}.font-option.selected{border-color:var(--primary);background:var(--primary);color:#fffbf4}.font-name{display:block;font-weight:600;font-size:1rem}.font-preview{display:block;font-size:.85rem;opacity:.7;margin-top:2px}.spacing-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.spacing-options button{padding:16px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-primary);cursor:pointer;text-align:left;transition:all .15s}.spacing-options button:hover{border-color:var(--primary)}.spacing-options button.selected{border-color:var(--primary);background:var(--primary);color:#fffbf4}.spacing-name{display:block;font-weight:600;font-size:.95rem}.spacing-desc{display:block;font-size:.8rem;opacity:.7;margin-top:2px}.visibility-options{display:flex;flex-direction:column;gap:8px}.visibility-options button{padding:16px 18px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-primary);cursor:pointer;text-align:left;transition:all .15s}.visibility-options button:hover{border-color:var(--primary)}.visibility-options button.selected{border-color:var(--primary);background:var(--primary);color:#fffbf4}.vis-name{display:block;font-weight:600;font-size:.95rem}.vis-desc{display:block;font-size:.8rem;opacity:.7;margin-top:2px}.customize-section{margin-top:20px}.manage-modules-btn{width:100%;display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;text-align:left;transition:all .15s}.manage-modules-btn:hover{border-color:var(--primary)}.manage-modules-text{flex:1}.manage-modules-title{display:block;font-weight:600;font-size:1rem;color:var(--text-primary)}.manage-modules-desc{display:block;font-size:.85rem;color:var(--text-secondary);margin-top:2px}.manage-modules-arrow{font-size:1.2rem;color:var(--text-muted)}.view-room-btn{width:100%;padding:14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;font-size:.95rem;color:var(--text-primary);transition:all .15s}.view-room-btn:hover{background:var(--bg-tertiary, var(--bg-card));border-color:var(--primary);color:var(--primary)}@media (max-width: 640px){.home-room-customize{padding:16px}.customize-header{flex-wrap:wrap}.customize-header h1{order:-1;width:100%;text-align:left;margin-bottom:12px}.customize-header .back-btn{padding:8px}.customize-header .back-btn span{display:none}.customize-tabs button{padding:10px 14px;font-size:.85rem}.customize-tabs button span{display:none}.customize-content{padding:20px 16px}.spacing-options{grid-template-columns:1fr}.background-options{gap:8px}.bg-option{width:44px;height:44px}}.module-manager{max-width:700px;margin:0 auto;padding:24px 20px}.module-manager-loading{max-width:400px;margin:100px auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--text-secondary)}.module-manager-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.manager-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.manager-header h1{font-size:1.25rem;font-weight:600;margin:0}.manager-header .back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px 12px;border-radius:6px;font-size:.9rem}.manager-header .back-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.manager-description{color:var(--text-secondary);margin:0 0 24px;font-size:.95rem}.modules-list{display:flex;flex-direction:column;gap:10px}.module-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);transition:all .15s}.module-item.disabled{opacity:.5}.module-item.disabled .module-info{opacity:.7}.module-info{display:flex;align-items:center;gap:14px}.module-icon{font-size:1.5rem}.module-text{display:flex;flex-direction:column;gap:2px}.module-name{font-weight:600;font-size:.95rem;color:var(--text-primary)}.module-desc{font-size:.8rem;color:var(--text-secondary)}.module-controls{display:flex;align-items:center;gap:14px}.reorder-btns{display:flex;flex-direction:column;gap:2px}.move-btn{display:flex;align-items:center;justify-content:center;width:26px;height:22px;padding:0;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);cursor:pointer;color:var(--text-secondary);transition:all .15s}.move-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--bg-secondary)}.move-btn:disabled{opacity:.3;cursor:not-allowed}.visibility-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);font-size:.85rem;color:var(--text-primary);cursor:pointer}.visibility-select:focus{outline:none;border-color:var(--primary)}.module-style-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .15s}.module-style-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-secondary)}.module-style-btn.has-style{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.inherit-select{padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:.8rem;color:var(--text-secondary);cursor:pointer}.inherit-select:focus{outline:none;border-color:var(--primary)}.toggle-label{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-label input{opacity:0;width:0;height:0}.toggle-switch{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.2s;border-radius:26px}.toggle-switch:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fffbf4;transition:.2s;border-radius:50%;box-shadow:0 1px 3px #0003}.toggle-label input:checked+.toggle-switch{background-color:var(--primary)}.toggle-label input:checked+.toggle-switch:before{transform:translate(22px)}.no-modules{text-align:center;padding:48px 20px;color:var(--text-secondary);background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color)}.no-modules p{margin:0 0 16px}.retry-btn{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;color:var(--text-primary)}.retry-btn:hover{border-color:var(--primary)}.manager-footer{margin-top:24px;text-align:center}.preview-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:#fffbf4;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:opacity .15s}.preview-btn:hover{opacity:.9}.module-empty,.module-loading{color:var(--text-muted);font-style:italic;font-size:.9rem;margin:0}.module-coming-soon{color:var(--text-muted);font-size:.8rem;margin-top:8px}.mebook-module{display:flex;flex-direction:column;gap:16px}.mebook-section{padding-bottom:12px;border-bottom:1px solid var(--border-color)}.mebook-section:last-child{padding-bottom:0;border-bottom:none}.mebook-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin:0 0 4px}.mebook-value{margin:0;color:var(--text-primary);line-height:1.5}.featured-post-item{padding:16px;background:var(--bg-secondary);border-radius:8px;border-left:3px solid var(--primary);cursor:pointer;transition:all .15s;border:none;width:100%;text-align:left}.featured-post-item:hover{background:var(--bg-tertiary, var(--bg-card));transform:translate(4px)}.featured-post-image{margin-top:12px;border-radius:6px;overflow:hidden}.featured-post-image img{width:100%;height:120px;object-fit:cover}@media (max-width: 640px){.module-manager{padding:16px}.manager-header .back-btn span{display:none}.module-item{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.module-controls{width:100%;justify-content:space-between}.visibility-select{flex:1;min-width:0}}.avatar-library-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.avatar-library-modal{background:var(--bg-card);border-radius:12px;width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003}.avatar-library-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);gap:12px}.avatar-library-header h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.avatar-library-count{font-size:.8rem;color:var(--text-muted)}.avatar-library-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.avatar-library-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.avatar-library-content{flex:1;overflow-y:auto;padding:20px}.avatar-library-loading,.avatar-library-empty{text-align:center;padding:40px 20px;color:var(--text-secondary)}.avatar-library-empty p{margin:0 0 8px}.avatar-library-hint{font-size:.85rem;color:var(--text-muted)}.avatar-library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.avatar-library-item{position:relative;aspect-ratio:1;border-radius:50%;overflow:visible;cursor:pointer;transition:transform .15s}.avatar-library-item img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid var(--border-color);transition:border-color .15s}.avatar-library-item:hover img{border-color:var(--primary)}.avatar-library-item:hover{transform:scale(1.05)}.avatar-library-item.current img{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.avatar-library-delete{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:#c87060;color:#fffbf4;border:2px solid var(--bg-card);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;z-index:2}.avatar-library-item:hover .avatar-library-delete{opacity:1}.avatar-library-delete:hover{background:#b86050}.avatar-library-current-badge{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);padding:2px 6px;background:var(--primary);color:#fffbf4;font-size:.55rem;font-weight:600;text-transform:uppercase;border-radius:4px;white-space:nowrap}.avatar-library-delete-confirm{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:3}.avatar-library-delete-confirm span{color:#fffbf4;font-size:.75rem;font-weight:500}.avatar-library-delete-actions{display:flex;gap:4px}.avatar-library-delete-actions button{padding:3px 10px;font-size:.7rem;font-weight:600;border:none;border-radius:4px;cursor:pointer}.btn-confirm-yes{background:#c87060;color:#fffbf4}.btn-confirm-yes:hover{background:#b86050}.btn-confirm-no{background:var(--bg-secondary);color:var(--text-primary)}.btn-confirm-no:hover{background:var(--border-color)}.avatar-library-footer{padding:16px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.save-to-library-btn{font-size:.75rem;padding:4px 10px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;cursor:pointer;transition:all .15s}.save-to-library-btn:hover{border-color:var(--primary);color:var(--primary)}.save-to-library-btn:disabled{opacity:.5;cursor:not-allowed}.save-to-library-btn.saved{border-color:#7cb87c;color:#7cb87c}@media (max-width: 480px){.avatar-library-grid{grid-template-columns:repeat(3,1fr)}}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px;text-align:center;background:var(--bg-primary);color:var(--text-primary)}.error-boundary h2{font-size:24px;margin-bottom:12px;color:var(--text-primary)}.error-boundary p{font-size:16px;color:var(--text-secondary);margin-bottom:24px}.mebook-option,.mebook-checkbox-option,.mebook-card,.mebook-toggle{padding:16px;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-primary);cursor:pointer;transition:border-color .15s,background-color .15s,transform .1s}@media (prefers-reduced-motion: reduce){.mebook-option,.mebook-checkbox-option,.mebook-card,.mebook-toggle,.mebook-toggle-thumb,.mebook-spectrum-input{transition:none}}.mebook-option:hover,.mebook-checkbox-option:hover,.mebook-card:hover,.mebook-toggle:hover{border-color:var(--text-secondary)}.mebook-option:focus,.mebook-checkbox-option:focus,.mebook-card:focus,.mebook-toggle:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--primary)}.mebook-option.selected,.mebook-checkbox-option.selected,.mebook-card.selected,.mebook-toggle.checked{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--bg-primary))}.mebook-single-select{width:100%}.mebook-option{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.mebook-option-icon{color:var(--text-secondary)}.mebook-option.selected .mebook-option-icon{color:var(--primary)}.mebook-option-label{font-weight:500;color:var(--text-primary)}.mebook-option-description{font-size:13px;color:var(--text-secondary)}.mebook-multi-select{display:flex;flex-direction:column;gap:12px}.mebook-checkbox-option{display:flex;align-items:center;gap:12px;text-align:left;width:100%}.mebook-checkbox{width:24px;height:24px;border-radius:6px;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s,background-color .15s}.mebook-checkbox.checked{border-color:var(--primary);background:var(--primary)}.mebook-checkbox-icon{color:#fffbf4}.mebook-checkbox-content{flex:1}.mebook-checkbox-label{font-weight:500;color:var(--text-primary)}.mebook-checkbox-description{font-size:13px;color:var(--text-secondary);margin-top:2px}.mebook-card-select{width:100%}.mebook-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;min-height:100px;justify-content:center}.mebook-card-check{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fffbf4}.mebook-card-icon{color:var(--text-secondary)}.mebook-card.selected .mebook-card-icon{color:var(--primary)}.mebook-card-label{font-weight:500;font-size:14px;color:var(--text-primary)}.mebook-spectrum,.mebook-spectrum-track-container{padding:8px 0}.mebook-spectrum-input{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,var(--primary) 0%,var(--primary) var(--fill-percent, 50%),var(--border-color) var(--fill-percent, 50%),var(--border-color) 100%);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.mebook-spectrum-input:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--primary)}.mebook-spectrum-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 8px #0003;transition:transform .1s}.mebook-spectrum-input::-webkit-slider-thumb:hover{transform:scale(1.1)}.mebook-spectrum-input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;box-shadow:0 2px 8px #0003}.mebook-spectrum-labels{display:flex;justify-content:space-between;margin-top:12px}.mebook-spectrum-label{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-secondary);max-width:45%}.mebook-spectrum-label-left{text-align:left}.mebook-spectrum-label-right{text-align:right;justify-content:flex-end}.mebook-spectrum-icon{flex-shrink:0}.mebook-drag-arrange{width:100%}.mebook-sortable-list{display:flex;flex-direction:column;gap:8px}.mebook-sortable-item{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-primary);cursor:grab;transition:border-color .15s,box-shadow .15s}.mebook-sortable-item:active{cursor:grabbing}.mebook-sortable-item.dragging{border-color:var(--primary);box-shadow:0 4px 16px #00000026;opacity:.9}.mebook-sortable-handle{color:var(--text-secondary);touch-action:none;cursor:grab}.mebook-sortable-handle:active{cursor:grabbing}.mebook-sortable-label{flex:1;font-weight:500;color:var(--text-primary)}.mebook-sortable-buttons{display:flex;flex-direction:column;gap:2px}.mebook-sortable-btn{padding:4px;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:background-color .15s,color .15s}.mebook-sortable-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.mebook-sortable-btn:disabled{opacity:.3;cursor:not-allowed}.mebook-drag-hint{font-size:13px;color:var(--text-secondary);margin-top:12px}.mebook-toggle{display:flex;align-items:center;gap:12px;text-align:left;width:100%}.mebook-toggle-track{width:48px;height:28px;border-radius:14px;background:var(--border-color);position:relative;flex-shrink:0;transition:background-color .15s}.mebook-toggle-track.checked{background:var(--primary)}.mebook-toggle-thumb{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fffbf4;box-shadow:0 2px 4px #0003;transition:transform .15s}.mebook-toggle-thumb.checked{transform:translate(20px)}.mebook-toggle-label{font-weight:500;color:var(--text-primary)}.mebook-free-text{width:100%}.mebook-textarea{width:100%;padding:16px;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:15px;resize:none;transition:border-color .15s}.mebook-textarea:focus{outline:none;border-color:var(--primary)}.mebook-textarea::placeholder{color:var(--text-secondary)}.mebook-char-count{font-size:13px;color:var(--text-secondary);text-align:right;margin-top:8px}.mebook-char-count .near-limit{color:#e8b050}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 480px){.mebook-single-select,.mebook-card-select{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mebook-spectrum-labels{flex-direction:column;gap:8px}.mebook-spectrum-label{max-width:100%}.mebook-spectrum-label-right{justify-content:flex-start}}.mebook-question{display:flex;flex-direction:column;gap:16px}.mebook-question-header{display:flex;flex-direction:column;gap:4px}.mebook-question-text{font-size:18px;font-weight:500;color:var(--text-primary);margin:0;line-height:1.4}.mebook-helper-text{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.mebook-unknown-type{color:var(--text-secondary);font-style:italic}.mebook-question-card{padding:24px;border-radius:16px;border:2px solid transparent;background:var(--bg-secondary);transition:border-color .15s,background-color .15s,box-shadow .15s}.mebook-question-card.active{border-color:color-mix(in srgb,var(--primary) 30%,transparent);background:var(--bg-primary);box-shadow:0 2px 8px #0000000d}@media (prefers-reduced-motion: reduce){.mebook-question-card{transition:none}}.mebook-welcome-screen,.mebook-pacing-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary)}.mebook-welcome-content{max-width:400px;width:100%;display:flex;flex-direction:column;gap:32px;text-align:center}.mebook-welcome-icon{width:64px;height:64px;margin:0 auto;border-radius:50%;background:color-mix(in srgb,var(--primary) 15%,var(--bg-primary));display:flex;align-items:center;justify-content:center}.mebook-welcome-icon-inner{width:32px;height:32px;border-radius:50%;background:var(--primary)}.mebook-welcome-header{display:flex;flex-direction:column;gap:8px}.mebook-welcome-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.mebook-welcome-subtitle{font-size:16px;color:var(--text-secondary);margin:0}.mebook-benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mebook-benefit-card{padding:16px;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-primary);transition:border-color .15s,background-color .15s;cursor:default}.mebook-benefit-card.hovered{border-color:color-mix(in srgb,var(--primary) 50%,transparent);background:color-mix(in srgb,var(--primary) 5%,var(--bg-primary))}.mebook-benefit-icon{color:var(--primary);margin-bottom:8px}.mebook-benefit-text{font-size:14px;font-weight:500;color:var(--text-primary);margin:0;line-height:1.4}.mebook-welcome-note{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.mebook-welcome-actions{display:flex;flex-direction:column;gap:16px;padding-top:16px}.mebook-btn-primary{width:100%;padding:14px 24px;border-radius:12px;border:none;background:var(--primary);color:#fffbf4;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .15s}.mebook-btn-primary:hover{background:color-mix(in srgb,var(--primary) 85%,black)}.mebook-btn-primary:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--primary)}.mebook-btn-skip{padding:8px;border:none;background:none;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:color .15s}.mebook-btn-skip:hover{color:var(--text-primary)}.mebook-btn-skip:focus{outline:none;text-decoration:underline}.mebook-pacing-content{max-width:480px;width:100%;display:flex;flex-direction:column;gap:24px}.mebook-pacing-header{text-align:center;display:flex;flex-direction:column;gap:8px}.mebook-pacing-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.mebook-pacing-subtitle{font-size:15px;color:var(--text-secondary);margin:0}.mebook-pacing-options{display:flex;flex-direction:column;gap:12px}.mebook-pacing-option{width:100%;padding:16px;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-primary);cursor:pointer;display:flex;align-items:flex-start;gap:16px;text-align:left;transition:border-color .15s,background-color .15s}.mebook-pacing-option:hover{border-color:var(--text-secondary)}.mebook-pacing-option:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--primary)}.mebook-pacing-option.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--bg-primary))}.mebook-pacing-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-secondary);color:var(--text-secondary);transition:background-color .15s,color .15s}.mebook-pacing-icon.selected{background:var(--primary);color:#fffbf4}.mebook-pacing-option-content{flex:1;min-width:0}.mebook-pacing-option-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mebook-pacing-option-label{font-weight:500;color:var(--text-primary)}.mebook-pacing-recommended{font-size:12px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--primary) 15%,var(--bg-primary));color:var(--primary)}.mebook-pacing-option-description{font-size:14px;color:var(--text-secondary);margin:4px 0 0;line-height:1.4}.mebook-pacing-actions{padding-top:16px}@media (prefers-reduced-motion: reduce){.mebook-benefit-card,.mebook-btn-primary,.mebook-btn-skip,.mebook-pacing-option,.mebook-pacing-icon{transition:none}}@media (max-width: 480px){.mebook-benefits-grid{grid-template-columns:1fr}.mebook-welcome-title{font-size:22px}.mebook-pacing-title{font-size:18px}}.mebook-ripple-flow{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.mebook-ripple-header{padding:16px;border-bottom:1px solid var(--border-color)}.mebook-ripple-header-content{max-width:480px;margin:0 auto}.mebook-ripple-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mebook-ripple-section-label{font-size:14px;font-weight:500;color:var(--text-secondary)}.mebook-ripple-skip-section{display:flex;align-items:center;gap:4px;padding:4px 8px;border:none;background:none;font-size:13px;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:color .15s,background-color .15s}.mebook-ripple-skip-section:hover{color:var(--text-primary);background:var(--bg-secondary)}.mebook-ripple-section-progress{display:flex;gap:4px}.mebook-ripple-section-dot{flex:1;height:4px;border-radius:2px;background:var(--border-color);transition:background-color .15s}.mebook-ripple-section-dot.completed{background:var(--primary)}.mebook-ripple-section-dot.current{background:color-mix(in srgb,var(--primary) 50%,var(--border-color))}.mebook-ripple-main{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.mebook-ripple-question-container{max-width:480px;width:100%}.mebook-ripple-question{width:100%}.mebook-ripple-footer{padding:16px;border-top:1px solid var(--border-color)}.mebook-ripple-footer-content{max-width:480px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.mebook-ripple-question-dots{display:flex;gap:6px}.mebook-ripple-question-dot{width:8px;height:8px;border-radius:50%;background:var(--border-color);transition:background-color .15s}.mebook-ripple-question-dot.current{background:var(--primary)}.mebook-ripple-question-dot.completed{background:color-mix(in srgb,var(--primary) 50%,var(--border-color))}.mebook-ripple-nav-buttons{display:flex;gap:12px}.mebook-ripple-btn-back{width:40px;height:40px;border-radius:10px;border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s}.mebook-ripple-btn-back:hover{background:var(--border-color);color:var(--text-primary)}.mebook-ripple-btn-back:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--primary)}.mebook-ripple-btn-next{padding:10px 20px;border-radius:10px;border:none;background:var(--bg-secondary);color:var(--text-primary);font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .15s}.mebook-ripple-btn-next:hover{background:var(--border-color)}.mebook-ripple-btn-next:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--primary)}.mebook-ripple-btn-next.has-response{background:var(--primary);color:#fffbf4}.mebook-ripple-btn-next.has-response:hover{background:color-mix(in srgb,var(--primary) 85%,black)}.mebook-ripple-btn-next.disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.mebook-section-summary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary)}.mebook-section-summary-content{max-width:400px;width:100%;display:flex;flex-direction:column;gap:24px}.mebook-section-summary-header{display:flex;align-items:center;gap:12px}.mebook-section-summary-icon{width:40px;height:40px;border-radius:50%;background:#e0f0e0;color:#6ca86c;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dark .mebook-section-summary-icon{background:#16a34a33;color:#8cc88c}.mebook-section-summary-title-group{display:flex;flex-direction:column}.mebook-section-summary-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.mebook-section-summary-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.mebook-section-summary-changes{padding:16px;border-radius:12px;background:var(--bg-secondary);display:flex;flex-direction:column;gap:12px}.mebook-section-summary-changes-title{font-size:14px;font-weight:500;color:var(--text-primary);margin:0}.mebook-section-summary-changes-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.mebook-section-summary-change-item{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--text-secondary)}.mebook-section-summary-change-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.mebook-section-summary-changes-note{font-size:12px;color:var(--text-secondary);margin:0;opacity:.8}.mebook-section-summary-actions{display:flex;gap:12px}.mebook-section-summary-actions .mebook-btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:8px}@media (prefers-reduced-motion: reduce){.mebook-ripple-section-dot,.mebook-ripple-question-dot,.mebook-ripple-skip-section,.mebook-ripple-btn-back,.mebook-ripple-btn-next{transition:none}}@media (max-width: 480px){.mebook-ripple-header-top{flex-direction:column;align-items:flex-start;gap:8px}.mebook-ripple-skip-section{align-self:flex-end}.mebook-ripple-main{padding:16px}.mebook-ripple-footer-content{flex-direction:column;gap:16px}.mebook-ripple-nav-buttons{width:100%;justify-content:flex-end}.mebook-ripple-btn-next{flex:1;justify-content:center}}.mebook-map-flow{min-height:100vh;padding-bottom:96px;background:var(--bg-primary)}.mebook-map-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg-primary) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:16px}.mebook-map-header-content{max-width:640px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.mebook-map-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.mebook-map-done-btn{padding:8px 16px;border-radius:8px;border:none;background:var(--primary);color:#fffbf4;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s}.mebook-map-done-btn:hover{background:color-mix(in srgb,var(--primary) 85%,black)}.mebook-map-done-btn:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--primary)}.mebook-map-main{max-width:640px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:16px}.mebook-map-section{border-radius:16px;border:1px solid var(--border-color);overflow:hidden;background:var(--bg-primary)}.mebook-map-section-header{width:100%;padding:16px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-primary);border:none;cursor:pointer;text-align:left;transition:background-color .15s}.mebook-map-section-header:hover{background:var(--bg-secondary)}.mebook-map-section-info{display:flex;align-items:center;gap:12px}.mebook-map-section-icon{width:40px;height:40px;border-radius:10px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.mebook-map-section-text{text-align:left}.mebook-map-section-title{font-size:15px;font-weight:500;color:var(--text-primary);margin:0}.mebook-map-section-description{font-size:13px;color:var(--text-secondary);margin:2px 0 0}.mebook-map-section-meta{display:flex;align-items:center;gap:12px}.mebook-map-section-progress{font-size:13px;color:var(--text-secondary)}.mebook-map-chevron{color:var(--text-secondary)}.mebook-map-section-content-wrapper{border-top:1px solid var(--border-color);overflow:hidden}.mebook-map-section-content{padding:16px;background:var(--bg-secondary);display:flex;flex-direction:column;gap:16px}.mebook-completion-screen{min-height:100vh;padding:24px;background:var(--bg-primary)}.mebook-completion-content{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.mebook-completion-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.mebook-completion-icon{width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--primary) 15%,var(--bg-primary));color:var(--primary);display:flex;align-items:center;justify-content:center}.mebook-completion-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.mebook-completion-subtitle{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.5}.mebook-preview-card{padding:20px;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-primary)}.mebook-preview-title{font-size:15px;font-weight:500;color:var(--text-primary);margin:0 0 16px;display:flex;align-items:center;gap:8px}.mebook-preview-title svg{color:var(--text-secondary)}.mebook-preview-content{max-height:256px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.mebook-preview-section{display:flex;flex-direction:column;gap:8px}.mebook-preview-section-title{font-size:13px;font-weight:500;color:var(--text-secondary);margin:0}.mebook-preview-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.mebook-preview-item{font-size:14px;color:var(--text-primary);display:flex;align-items:flex-start;gap:8px}.mebook-preview-bullet{color:var(--primary);margin-top:2px}.mebook-preview-more{font-size:13px;color:var(--text-secondary)}.mebook-preview-empty{font-size:14px;color:var(--text-secondary);font-style:italic;margin:0}.mebook-visibility-section{display:flex;flex-direction:column;gap:12px}.mebook-visibility-title{font-size:16px;font-weight:500;color:var(--text-primary);margin:0}.mebook-visibility-options{display:flex;flex-direction:column;gap:8px}.mebook-visibility-option{width:100%;padding:12px;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-primary);cursor:pointer;display:flex;align-items:center;gap:12px;text-align:left;transition:border-color .15s,background-color .15s}.mebook-visibility-option:hover{border-color:var(--text-secondary)}.mebook-visibility-option:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--primary)}.mebook-visibility-option.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--bg-primary))}.mebook-visibility-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s,background-color .15s}.mebook-visibility-radio.selected{border-color:var(--primary);background:var(--primary)}.mebook-visibility-radio-inner{width:8px;height:8px;border-radius:50%;background:#fffbf4}.mebook-visibility-icon{color:var(--text-secondary);flex-shrink:0}.mebook-visibility-label{flex:1;display:flex;flex-wrap:wrap;gap:4px;align-items:baseline}.mebook-visibility-label-text{font-size:14px;font-weight:500;color:var(--text-primary)}.mebook-visibility-label-desc{font-size:12px;color:var(--text-secondary)}.mebook-settings-summary{padding:16px;border-radius:12px;background:var(--bg-secondary)}.mebook-settings-summary-text{font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 8px}.mebook-settings-summary-link{font-size:14px;color:var(--primary);background:none;border:none;padding:0;cursor:pointer}.mebook-settings-summary-link:hover{text-decoration:underline}.mebook-completion-actions{display:flex;flex-direction:column;gap:16px;padding-top:16px}.mebook-completion-finish-btn{width:100%}.mebook-completion-finish-btn:disabled{opacity:.6;cursor:not-allowed}@media (prefers-reduced-motion: reduce){.mebook-map-section-header,.mebook-map-done-btn,.mebook-visibility-option,.mebook-visibility-radio{transition:none}}@media (max-width: 480px){.mebook-map-header-content{flex-direction:column;align-items:flex-start;gap:12px}.mebook-map-done-btn{width:100%}.mebook-completion-title{font-size:22px}}.mebook-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.mebook-loading-spinner{width:32px;height:32px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:mebook-spin .8s linear infinite}@keyframes mebook-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.mebook-loading-spinner{animation:none;border-top-color:var(--border-color);border-right-color:var(--primary)}}.mebook-surprise-flow{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.mebook-surprise-header{padding:16px;border-bottom:1px solid var(--border-color)}.mebook-surprise-header-content{max-width:480px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.mebook-surprise-section-label{font-size:14px;color:var(--text-secondary)}.mebook-surprise-meta{display:flex;align-items:center;gap:16px}.mebook-surprise-count{font-size:13px;color:var(--text-secondary)}.mebook-surprise-done-link{font-size:14px;color:var(--primary);background:none;border:none;padding:0;cursor:pointer}.mebook-surprise-done-link:hover{text-decoration:underline}.mebook-surprise-main{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.mebook-surprise-question-container{max-width:480px;width:100%}.mebook-surprise-question{width:100%}.mebook-surprise-footer{padding:16px;border-top:1px solid var(--border-color)}.mebook-surprise-footer-content{max-width:480px;margin:0 auto;display:flex;justify-content:center}.mebook-surprise-btn{display:flex;align-items:center;gap:8px}.mebook-freeform-flow{min-height:100vh;padding-bottom:96px;background:var(--bg-primary)}.mebook-freeform-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg-primary) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:16px}.mebook-freeform-header-content{max-width:640px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.mebook-freeform-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.mebook-freeform-done-btn{padding:8px 16px;border-radius:8px;border:none;background:var(--primary);color:#fffbf4;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s}.mebook-freeform-done-btn:hover{background:color-mix(in srgb,var(--primary) 85%,black)}.mebook-freeform-done-btn:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--primary)}.mebook-freeform-main{max-width:640px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;gap:24px}.mebook-freeform-intro{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.5}.mebook-freeform-section{display:flex;flex-direction:column;gap:8px}.mebook-freeform-label{font-size:15px;font-weight:500;color:var(--text-primary)}.mebook-freeform-textarea{width:100%;padding:16px;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:15px;line-height:1.5;resize:none;transition:border-color .15s}.mebook-freeform-textarea:focus{outline:none;border-color:var(--primary)}.mebook-freeform-textarea::placeholder{color:var(--text-secondary);opacity:.7}@media (prefers-reduced-motion: reduce){.mebook-freeform-done-btn,.mebook-freeform-textarea{transition:none}}@media (max-width: 480px){.mebook-freeform-header-content{flex-direction:column;align-items:flex-start;gap:12px}.mebook-freeform-done-btn{width:100%}.mebook-surprise-header-content{flex-direction:column;align-items:flex-start;gap:8px}.mebook-surprise-meta{width:100%;justify-content:space-between}}.mebook-viewer{display:flex;flex-direction:column;gap:20px}.mebook-viewer-loading{display:flex;align-items:center;justify-content:center;padding:48px}.mebook-viewer-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:mebook-viewer-spin .8s linear infinite}@keyframes mebook-viewer-spin{to{transform:rotate(360deg)}}.mebook-viewer-empty{padding:32px;text-align:center;color:var(--text-secondary);font-size:15px}.mebook-viewer-empty-own{display:flex;flex-direction:column;align-items:center;gap:16px}.mebook-viewer-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;background:var(--primary);color:#fffbf4;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s}.mebook-viewer-cta:hover{background:color-mix(in srgb,var(--primary) 85%,black)}.mebook-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.mebook-viewer-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.mebook-viewer-edit-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);font-size:13px;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s}.mebook-viewer-edit-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mebook-viewer-sections{display:flex;flex-direction:column;gap:20px}.mebook-viewer-section{display:flex;flex-direction:column;gap:8px}.mebook-viewer-section-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}.mebook-viewer-section-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.mebook-viewer-item{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.5;color:var(--text-primary)}.mebook-viewer-item-bullet{color:var(--primary);font-weight:600;flex-shrink:0}.mebook-viewer-item-text{flex:1}.mebook-card-container{border-radius:12px;border:1px solid var(--border-color);background:var(--bg-primary);overflow:hidden}.mebook-card-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px;background:transparent;border:none;cursor:pointer;transition:background-color .15s}.mebook-card-header:hover{background:var(--bg-secondary)}.mebook-card-header:focus{outline:none;box-shadow:inset 0 0 0 2px var(--primary)}.mebook-card-header-left{display:flex;align-items:center;gap:12px}.mebook-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary)}.mebook-card-header-text{text-align:left}.mebook-card-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 2px}.mebook-card-subtitle{font-size:13px;color:var(--text-secondary);margin:0}.mebook-card-chevron{color:var(--text-secondary);flex-shrink:0}.mebook-card-content-wrapper{overflow:hidden}.mebook-card-content{padding:0 16px 16px;border-top:1px solid var(--border-color)}@media (prefers-reduced-motion: reduce){.mebook-viewer-spinner{animation:none}.mebook-viewer-cta,.mebook-viewer-edit-link,.mebook-card-header{transition:none}}@media (max-width: 480px){.mebook-viewer-header{flex-direction:column;align-items:flex-start;gap:12px}.mebook-card-header{padding:12px}.mebook-card-content{padding:0 12px 12px}}.mebook-prefs-panel{display:flex;flex-direction:column;gap:24px}.mebook-prefs-loading{display:flex;align-items:center;justify-content:center;padding:48px}.mebook-prefs-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:mebook-prefs-spin .8s linear infinite}@keyframes mebook-prefs-spin{to{transform:rotate(360deg)}}.mebook-prefs-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px}.mebook-prefs-empty-icon{color:var(--text-tertiary);margin-bottom:12px}.mebook-prefs-empty-text{font-size:15px;color:var(--text-secondary);margin:0 0 16px}.mebook-prefs-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;background:var(--primary);color:#fffbf4;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s}.mebook-prefs-cta:hover{background:color-mix(in srgb,var(--primary) 85%,black)}.mebook-prefs-header{display:flex;align-items:center;gap:12px}.mebook-prefs-header-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary)}.mebook-prefs-header-text{flex:1}.mebook-prefs-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 2px}.mebook-prefs-subtitle{font-size:13px;color:var(--text-secondary);margin:0}.mebook-prefs-categories{display:flex;flex-direction:column;gap:20px}.mebook-prefs-category{display:flex;flex-direction:column;gap:12px}.mebook-prefs-category-title{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}.mebook-prefs-list{display:flex;flex-direction:column;gap:8px}.mebook-pref-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-primary);transition:border-color .15s,background-color .15s}.mebook-pref-item--overridden{border-color:var(--border-color);background:var(--bg-secondary)}.mebook-pref-item-content{flex:1;min-width:0}.mebook-pref-item-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mebook-pref-item-name{font-size:14px;font-weight:500;color:var(--text-primary)}.mebook-pref-item-badge{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--bg-tertiary);color:var(--text-secondary)}.mebook-pref-item-explanation{font-size:13px;color:var(--text-secondary);margin:4px 0 0;line-height:1.4}.mebook-pref-item-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.mebook-pref-reset-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background-color .15s,color .15s}.mebook-pref-reset-btn:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.mebook-pref-reset-btn:focus{outline:none;box-shadow:0 0 0 2px var(--primary)}.mebook-pref-toggle{position:relative;width:48px;height:28px;border-radius:14px;border:none;background:var(--bg-tertiary);cursor:pointer;transition:background-color .2s}.mebook-pref-toggle--on{background:var(--primary)}.mebook-pref-toggle-thumb{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fffbf4;box-shadow:0 1px 3px #0003;transition:transform .2s}.mebook-pref-toggle--on .mebook-pref-toggle-thumb{transform:translate(20px)}.mebook-pref-toggle:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--primary)}.mebook-pref-select{padding:8px 32px 8px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color .15s}.mebook-pref-select:hover{border-color:var(--text-tertiary)}.mebook-pref-select:focus{outline:none;border-color:var(--primary)}.mebook-pref-number{width:80px;padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-family:inherit;text-align:center;transition:border-color .15s}.mebook-pref-number:focus{outline:none;border-color:var(--primary)}.mebook-pref-value{font-size:13px;color:var(--text-secondary);padding:8px 12px;border-radius:8px;background:var(--bg-secondary)}.mebook-prefs-footer{font-size:12px;color:var(--text-tertiary);margin:0}.mebook-prefs-footer-link{color:var(--primary);margin-left:4px;text-decoration:none}.mebook-prefs-footer-link:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){.mebook-prefs-spinner{animation:none}.mebook-prefs-cta,.mebook-pref-item,.mebook-pref-reset-btn,.mebook-pref-toggle,.mebook-pref-toggle-thumb,.mebook-pref-select,.mebook-pref-number{transition:none}}@media (max-width: 480px){.mebook-pref-item{flex-direction:column;gap:12px}.mebook-pref-item-controls{width:100%;justify-content:flex-end}.mebook-prefs-header{flex-direction:column;align-items:flex-start;text-align:left}}.mebook-view-page{min-height:100vh;background:var(--bg-primary)}.mebook-view-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.mebook-view-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:color-mix(in srgb,var(--bg-primary) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.mebook-view-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:background-color .15s,color .15s}.mebook-view-back:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mebook-view-title-area{display:flex;align-items:center;gap:12px;flex:1;justify-content:center}.mebook-view-icon{color:var(--primary)}.mebook-view-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.mebook-view-actions{display:flex;align-items:center;gap:12px}.mebook-visibility-dropdown{position:relative}.mebook-visibility-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:border-color .15s,color .15s}.mebook-visibility-btn:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.mebook-visibility-menu{position:absolute;top:100%;right:0;margin-top:8px;min-width:180px;padding:8px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-primary);box-shadow:0 8px 24px #00000026;z-index:20}.mebook-visibility-menu button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;border-radius:8px;border:none;background:transparent;text-align:left;cursor:pointer;transition:background-color .15s}.mebook-visibility-menu button:hover{background:var(--bg-secondary)}.mebook-visibility-menu button.active{background:color-mix(in srgb,var(--primary) 10%,transparent)}.mebook-visibility-menu button span{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.mebook-visibility-menu button small{font-size:12px;color:var(--text-secondary);margin-left:24px}.mebook-edit-all-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:none;background:var(--primary);color:#fffbf4;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s}.mebook-edit-all-btn:hover{background:color-mix(in srgb,var(--primary) 85%,black)}.mebook-view-content{max-width:640px;margin:0 auto;padding:24px 16px}.mebook-view-empty{text-align:center;padding:48px 24px}.mebook-view-empty p{color:var(--text-secondary);margin:0 0 20px}.mebook-view-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;border:none;background:var(--primary);color:#fffbf4;font-size:15px;font-weight:500;cursor:pointer}.mebook-view-sections{display:flex;flex-direction:column;gap:24px}.mebook-view-section{padding:20px;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-primary)}.mebook-view-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.mebook-view-section-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}.mebook-view-section-edit{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background-color .15s,color .15s}.mebook-view-section-edit:hover{background:var(--bg-secondary);color:var(--text-secondary)}.mebook-view-section-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.mebook-view-item{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.5;color:var(--text-primary)}.mebook-view-item-bullet{color:var(--primary);font-weight:600;flex-shrink:0}.mebook-view-section-empty{font-size:14px;color:var(--text-tertiary);font-style:italic;margin:0}.mebook-view-footer{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color);text-align:center}.mebook-view-footer-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:14px;text-decoration:none}.mebook-view-footer-link:hover{color:var(--primary)}.mebook-prompt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.mebook-prompt-modal{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;width:calc(100% - 32px);max-width:420px;height:fit-content;max-height:85vh;padding:32px;border-radius:20px;background:var(--bg-primary);box-shadow:0 20px 60px #0000004d;z-index:1001;text-align:center}.mebook-prompt-close{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:background-color .15s}.mebook-prompt-close:hover{background:var(--bg-tertiary)}.mebook-prompt-icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary)}.mebook-prompt-title{font-size:22px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.mebook-prompt-description{font-size:15px;color:var(--text-secondary);line-height:1.6;margin:0 0 20px}.mebook-prompt-time{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--bg-secondary);color:var(--text-secondary);font-size:13px;margin-bottom:24px}.mebook-prompt-actions{display:flex;flex-direction:column;gap:12px}.mebook-prompt-start{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;border-radius:12px;border:none;background:var(--primary);color:#fffbf4;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .15s}.mebook-prompt-start:hover{background:color-mix(in srgb,var(--primary) 85%,black)}.mebook-prompt-later{padding:12px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;cursor:pointer}.mebook-prompt-later:hover{color:var(--text-primary)}.mebook-module{position:relative}.mebook-module-loading{display:flex;align-items:center;justify-content:center;padding:24px}.loading-spinner-small{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.mebook-module-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;color:var(--text-secondary)}.mebook-module-empty-icon{color:var(--text-tertiary);margin-bottom:12px}.mebook-module-empty p{margin:0 0 16px;font-size:14px}.mebook-module-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;background:var(--primary);color:#fffbf4;font-size:14px;font-weight:500;text-decoration:none}.mebook-module-edit-link{position:absolute;top:0;right:0;display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;text-decoration:none;transition:background-color .15s,color .15s}.mebook-module-edit-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mebook-module-sections{display:flex;flex-direction:column;gap:16px}.mebook-module-section{padding-bottom:16px;border-bottom:1px solid var(--border-color)}.mebook-module-section:last-child{padding-bottom:0;border-bottom:none}.mebook-module-section-title{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.mebook-module-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.mebook-module-item{font-size:14px;color:var(--text-primary);line-height:1.5;padding-left:16px;position:relative}.mebook-module-item:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:600}.btn-feed-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);text-decoration:none;transition:background-color .15s,color .15s}.btn-feed-link:hover{background:var(--bg-tertiary);color:var(--primary)}.btn-find-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);text-decoration:none;transition:background-color .15s,color .15s}.btn-find-link:hover{background:var(--bg-tertiary);color:var(--primary)}.btn-messages-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);text-decoration:none;transition:background-color .15s,color .15s;position:relative}.btn-messages-link:hover{background:var(--bg-tertiary);color:var(--primary)}.messages-unread-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--primary);color:#fffbf4;font-size:.65rem;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003}.admin-link{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;font-size:.75rem;font-weight:500;color:var(--text-muted);background:transparent;text-decoration:none;transition:background-color .15s,color .15s}.admin-link:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.admin-link-label{display:none}@media (min-width: 640px){.admin-link-label{display:inline}}.write-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid var(--input-border);border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease}.write-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-hover, var(--input-border))}.write-btn--active{background:var(--primary);color:#fffbf4;border-color:var(--primary)}.write-btn--active:hover{background:var(--primary-hover, var(--primary));border-color:var(--primary-hover, var(--primary));color:#fffbf4}.write-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.write-btn svg{stroke:currentColor}@media (max-width: 480px){.write-btn{padding:8px 10px}.write-btn-label{display:none}}@media (prefers-reduced-motion: reduce){.mebook-view-back,.mebook-visibility-btn,.mebook-visibility-menu button,.mebook-edit-all-btn,.mebook-view-section-edit,.mebook-prompt-close,.mebook-prompt-start,.mebook-module-edit-link,.btn-feed-link{transition:none}.loading-spinner-small{animation:none}}@media (max-width: 480px){.mebook-view-header{padding:12px 16px}.mebook-view-title-area{display:none}.mebook-prompt-modal{padding:24px}.mebook-prompt-title{font-size:20px}}.mebook-flow-exit-btn{position:fixed;top:16px;right:16px;z-index:100;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:background-color .15s,color .15s,transform .15s}.mebook-flow-exit-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.05)}.mebook-flow-exit-btn:active{transform:scale(.95)}.mebook-flow-exit-btn:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--primary)}@media (prefers-reduced-motion: reduce){.mebook-flow-exit-btn{transition:none}.mebook-flow-exit-btn:hover,.mebook-flow-exit-btn:active{transform:none}}.voice-recorder{margin:12px 0;padding:12px;background:var(--bg-secondary);border-radius:8px}.voice-record-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:none;border:1px dashed var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;width:100%;justify-content:center;transition:all .15s}.voice-record-btn:hover{border-color:var(--primary);color:var(--primary);background:#4a7dbd0d}.voice-recording{display:flex;align-items:center;justify-content:space-between}.recording-indicator{display:flex;align-items:center;gap:8px}.recording-dot{width:10px;height:10px;background:#d88070;border-radius:50%;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recording-time{font-family:monospace;font-size:1.1rem;color:var(--text-primary)}.recording-limit{color:var(--text-muted);font-size:.85rem}.voice-stop-btn{padding:8px 20px;background:#d88070;color:#fffbf4;border:none;border-radius:6px;cursor:pointer}.voice-stop-btn:hover{background:#c87060}.voice-preview{display:flex;flex-direction:column;gap:12px}.voice-audio-preview{width:100%;height:40px}.voice-preview-actions{display:flex;gap:8px;justify-content:flex-end}.voice-preview-actions .btn-secondary{padding:6px 12px;background:var(--bg-tertiary, var(--border-color));color:var(--text-secondary);border:none;border-radius:4px;cursor:pointer}.voice-preview-actions .btn-secondary:hover{background:var(--border-color)}.voice-preview-actions .btn-primary{padding:6px 12px;background:var(--primary);color:#fffbf4;border:none;border-radius:4px;cursor:pointer}.voice-preview-actions .btn-primary:hover{background:var(--primary-hover)}.voice-preview-actions .btn-danger{padding:6px 12px;background:transparent;color:#d88070;border:1px solid #D88070;border-radius:4px;cursor:pointer}.voice-preview-actions .btn-danger:hover{background:#e539351a}.voice-recorder-error{color:#d88070;font-size:.85rem;padding:8px 12px;background:#e539351a;border-radius:6px;margin-bottom:12px}.voice-kept-indicator{display:flex;align-items:center;gap:8px;color:var(--primary);font-weight:500;font-size:.9rem;margin-bottom:8px}.voice-kept-indicator svg{stroke:var(--primary)}.voice-player{margin-top:8px}.voice-play-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .15s}.voice-play-btn:hover{background:var(--bg-card);border-color:var(--primary);color:var(--primary)}.voice-play-btn.playing{background:var(--primary);color:#fffbf4;border-color:var(--primary)}.voice-label{font-weight:500}.voice-duration{opacity:.7;font-size:.75rem}.voice-progress{height:3px;background:var(--border-color);border-radius:2px;margin-top:6px;overflow:hidden}.voice-progress-bar{height:100%;background:var(--primary);transition:width .1s linear}.voice-player-compact{margin-top:8px}.voice-play-compact{position:relative;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .15s;overflow:hidden}.voice-play-compact:hover{background:var(--bg-card);border-color:var(--primary);color:var(--primary)}.voice-play-compact.playing{background:var(--primary);border-color:var(--primary);color:#fffbf4}.voice-play-compact svg{flex-shrink:0}.voice-compact-duration{font-variant-numeric:tabular-nums}.voice-compact-progress{position:absolute;left:0;bottom:0;height:2px;background:#ffffff80;transition:width .1s linear}.post-voice-indicator{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-muted);font-size:.6875rem;margin-left:.5rem}.post-voice-indicator svg{opacity:.7}@media (prefers-reduced-motion: reduce){.recording-dot{animation:none}.voice-player-play:hover:not(:disabled){transform:none}.voice-player-progress-fill{transition:none}}.settings-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.settings-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.setting-toggle{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:12px;border-radius:8px;background:var(--bg-secondary);transition:background .15s}.setting-toggle:hover{background:var(--bg-tertiary, var(--border-color))}.setting-toggle input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.toggle-switch{position:relative;width:44px;height:24px;background:var(--border-color);border-radius:12px;flex-shrink:0;transition:background .2s}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fffbf4;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.setting-toggle input:checked+.toggle-switch{background:var(--primary)}.setting-toggle input:checked+.toggle-switch:after{transform:translate(20px)}.toggle-content{display:flex;align-items:flex-start;gap:10px;flex:1}.toggle-icon{color:var(--text-secondary);flex-shrink:0;margin-top:1px}.toggle-text{display:flex;flex-direction:column;gap:2px}.toggle-label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.toggle-hint{font-size:.8rem;color:var(--text-muted);line-height:1.4}.setting-toggle .toggle-label{position:static;display:inline;width:auto;height:auto}.setting-toggle .toggle-switch:before{display:none}.audio-device-settings{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:12px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,margin-top .3s ease,padding-top .3s ease;max-height:300px;opacity:1}.audio-device-settings.collapsed{max-height:0;opacity:0;margin-top:0;padding-top:0;border-top-color:transparent}.device-select-group{display:flex;flex-direction:column;gap:6px}.device-select-label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary)}.device-select-label svg{color:var(--text-muted)}.device-select{width:100%;padding:8px 12px;border:1px solid var(--input-border);border-radius:6px;background:var(--input-bg);color:var(--text-primary);font-size:.9rem;cursor:pointer}.device-select:focus{outline:none;border-color:var(--primary)}.refresh-devices-btn{align-self:flex-start;padding:4px 0;font-size:.8rem;color:var(--text-muted);background:none;border:none;cursor:pointer}.refresh-devices-btn:hover{color:var(--primary);text-decoration:underline}.block-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.block-dialog{background:var(--surface, #FFFBF4);border-radius:1rem;max-width:28rem;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.block-dialog-header{display:flex;align-items:flex-start;gap:.75rem;padding:1.25rem 1.25rem 0}.block-dialog-icon{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--danger-bg, #FDF4F2);color:var(--danger, #C87060);display:flex;align-items:center;justify-content:center}.block-dialog-title{flex:1;font-size:1.125rem;font-weight:600;color:var(--text, #3D352C);margin:0;padding-top:.5rem}.block-dialog-close{flex-shrink:0;padding:.5rem;border:none;background:transparent;color:var(--text-muted, #6B5D4D);cursor:pointer;border-radius:.375rem;transition:background-color .15s}.block-dialog-close:hover{background-color:var(--surface-hover, #F8EED8)}.block-dialog-close:disabled{opacity:.5;cursor:not-allowed}.block-dialog-content{padding:1rem 1.25rem}.block-dialog-description{color:var(--text, #3D352C);margin:0 0 .75rem}.block-dialog-list{margin:0 0 1rem;padding-left:1.25rem;color:var(--text-muted, #6B5D4D);font-size:.875rem;line-height:1.6}.block-dialog-list li{margin-bottom:.25rem}.block-dialog-note{font-size:.875rem;color:var(--text-muted, #6B5D4D);margin:0;padding:.75rem;background-color:var(--surface-alt, #FDF6E9);border-radius:.5rem}.block-dialog-reason{margin-top:1rem}.block-dialog-reason-label{display:block;font-size:.875rem;color:var(--text-muted, #6B5D4D);margin-bottom:.375rem}.block-dialog-reason-input{width:100%;padding:.625rem .75rem;border:1px solid var(--border, #E8D8C0);border-radius:.5rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.block-dialog-reason-input:focus{outline:none;border-color:var(--primary, #70A8C0);box-shadow:0 0 0 3px #3b82f61a}.block-dialog-reason-input:disabled{background-color:var(--surface-alt, #FDF6E9);cursor:not-allowed}.block-dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;background-color:var(--surface-alt, #FDF6E9);border-top:1px solid var(--border, #E8D8C0)}.blocked-users-container{max-width:40rem}.blocked-users-header{margin-bottom:1.5rem}.blocked-users-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.blocked-users-title{font-size:1.25rem;font-weight:600;color:var(--text, #3D352C);margin:0}.blocked-users-count{background-color:var(--surface-alt, #F8EED8);color:var(--text-muted, #6B5D4D);font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:9999px}.blocked-users-description{color:var(--text-muted, #6B5D4D);font-size:.875rem;margin:0}.blocked-users-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--text-muted, #6B5D4D)}.blocked-users-empty{text-align:center;padding:3rem 1.5rem;background-color:var(--surface-alt, #FDF6E9);border-radius:.75rem}.blocked-users-empty-icon{color:var(--text-muted, #9A8A78);margin-bottom:1rem}.blocked-users-empty p{margin:0;color:var(--text-muted, #6B5D4D)}.blocked-users-empty-hint{font-size:.875rem;margin-top:.5rem!important}.blocked-users-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.blocked-user-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;background-color:var(--surface, #FFFBF4);border:1px solid var(--border, #E8D8C0);border-radius:.75rem}.blocked-user-info{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.blocked-user-avatar{flex-shrink:0;width:2.5rem;height:2.5rem}.blocked-user-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.blocked-user-avatar-placeholder{width:100%;height:100%;border-radius:50%;background-color:var(--surface-alt, #E8D8C0);color:var(--text-muted, #6B5D4D);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.blocked-user-details{display:flex;flex-direction:column;min-width:0}.blocked-user-name{font-weight:500;color:var(--text, #3D352C);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blocked-user-username{font-size:.875rem;color:var(--text-muted, #6B5D4D)}.blocked-user-date{font-size:.75rem;color:var(--text-muted, #9A8A78)}.blocked-user-reason{font-size:.75rem;color:var(--text-muted, #9A8A78);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.blocked-user-unblock{flex-shrink:0;display:flex;align-items:center;gap:.375rem}.blocked-users-footer{margin-top:1.5rem;padding:1rem;background-color:var(--surface-alt, #FDF6E9);border-radius:.5rem}.blocked-users-footer p{margin:0;font-size:.875rem;color:var(--text-muted, #6B5D4D)}.profile-blocked-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;min-height:50vh}.profile-blocked-icon{color:var(--danger, #C87060);margin-bottom:1.5rem}.profile-blocked-icon.muted{color:var(--text-muted, #9A8A78)}.profile-blocked-title{font-size:1.25rem;font-weight:600;color:var(--text, #3D352C);margin:0 0 .5rem}.profile-blocked-description{color:var(--text-muted, #6B5D4D);margin:0 0 1.5rem;max-width:24rem}.profile-blocked-actions{display:flex;gap:.75rem}.profile-more-menu{position:relative}.profile-more-btn{padding:.5rem;border:1px solid var(--border, #E8D8C0);background:var(--surface, #FFFBF4);border-radius:.5rem;cursor:pointer;color:var(--text-muted, #6B5D4D);transition:all .15s}.profile-more-btn:hover{background-color:var(--surface-hover, #F8EED8);color:var(--text, #3D352C)}.profile-more-dropdown{position:absolute;right:0;top:100%;margin-top:.5rem;min-width:12rem;background:var(--surface, #FFFBF4);border:1px solid var(--border, #E8D8C0);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;z-index:50;overflow:hidden}.profile-more-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:transparent;cursor:pointer;font-size:.875rem;color:var(--text, #3D352C);transition:background-color .15s;text-align:left}.profile-more-item:hover{background-color:var(--surface-hover, #F8EED8)}.profile-more-item.danger{color:var(--danger, #C87060)}.profile-more-item.danger:hover{background-color:var(--danger-bg, #FDF4F2)}.btn-danger{background-color:var(--danger, #C87060);color:#fffbf4;border:none}.btn-danger:hover{background-color:var(--danger-dark, #B86050)}.btn-ghost{background:transparent;color:var(--text-muted, #6B5D4D);border:none}.btn-ghost:hover{background-color:var(--surface-hover, #F8EED8);color:var(--text, #3D352C)}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.audience-selector{position:relative;margin-top:.75rem}.audience-selector--compact{margin-top:.5rem}.audience-trigger{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--surface-elevated, #FDF6E9);border:1px solid var(--border-color, #E8D8C0);border-radius:1rem;font-size:.8125rem;color:var(--text, #3D352C);cursor:pointer;transition:all .15s}.audience-trigger:hover{background:var(--surface-hover, #F8EED8);border-color:var(--border-hover, #D8C8B0)}.audience-trigger-emoji{font-size:.875rem}.audience-trigger-label{font-weight:500}.audience-circle-count{color:var(--text-muted, #6B5D4D);font-weight:400}.audience-chevron{color:var(--text-muted, #6B5D4D);transition:transform .2s}.audience-chevron.open{transform:rotate(180deg)}.audience-dropdown{position:absolute;top:calc(100% + .5rem);left:0;z-index:50;min-width:220px;background:var(--surface-card, #fff);border:1px solid var(--border-color, #E8D8C0);border-radius:.75rem;box-shadow:0 4px 16px #0000001f;overflow:hidden}.audience-dropdown-header{padding:.625rem .875rem;font-size:.75rem;font-weight:600;color:var(--text-muted, #6B5D4D);text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid var(--border-color, #E8D8C0)}.audience-option{display:flex;align-items:center;gap:.625rem;width:100%;padding:.75rem .875rem;background:transparent;border:none;text-align:left;cursor:pointer;transition:background-color .15s}.audience-option:hover{background:var(--surface-hover, #FDF6E9)}.audience-option.selected{background:var(--primary-light, #F2F8FA)}.audience-option-emoji{font-size:1.125rem}.audience-option-text{flex:1;display:flex;flex-direction:column;gap:.125rem}.audience-option-label{font-size:.875rem;font-weight:500;color:var(--text, #3D352C)}.audience-option-desc{font-size:.75rem;color:var(--text-muted, #6B5D4D)}.audience-check{color:var(--primary, #70A8C0)}.circle-selector-dropdown{position:absolute;top:calc(100% + .5rem);left:0;z-index:50;min-width:260px;background:var(--surface-card, #fff);border:1px solid var(--border-color, #E8D8C0);border-radius:.75rem;box-shadow:0 4px 16px #0000001f;overflow:hidden}.circle-selector-header{padding:.625rem .875rem;font-size:.75rem;font-weight:600;color:var(--text-muted, #6B5D4D);text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid var(--border-color, #E8D8C0)}.circle-selector-loading,.circle-selector-empty{padding:1.25rem .875rem;text-align:center;color:var(--text-muted, #6B5D4D);font-size:.875rem}.circle-selector-empty p{margin:0}.circle-selector-hint{margin-top:.5rem!important;font-size:.75rem;opacity:.8}.circle-selector-list{max-height:200px;overflow-y:auto}.circle-selector-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;cursor:pointer;transition:background-color .15s}.circle-selector-item:hover{background:var(--surface-hover, #FDF6E9)}.circle-selector-item input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.circle-selector-checkbox{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border:2px solid var(--border-color, #D8C8B0);border-radius:.25rem;background:var(--surface-card, #fff);transition:all .15s}.circle-selector-item input:checked+.circle-selector-checkbox{background:var(--primary, #70A8C0);border-color:var(--primary, #70A8C0);color:#fffbf4}.circle-selector-name{flex:1;font-size:.875rem;font-weight:500;color:var(--text, #3D352C)}.circle-selector-members{font-size:.75rem;color:var(--text-muted, #6B5D4D)}.circle-selector-footer{padding:.625rem .875rem;border-top:1px solid var(--border-color, #E8D8C0);display:flex;justify-content:flex-end}.circle-selector-done{padding:.375rem .875rem;background:var(--primary, #70A8C0);color:#fffbf4;border:none;border-radius:.5rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .15s}.circle-selector-done:hover:not(:disabled){background:var(--primary-dark, #6098B0)}.circle-selector-done:disabled{opacity:.5;cursor:not-allowed}.selected-circles-pills{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.circle-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--primary-light, #F2F8FA);border:1px solid var(--primary-border, #C0D8E8);border-radius:1rem;font-size:.75rem;color:var(--primary-dark, #5088A0)}.circle-pill-name{font-weight:500}.circle-pill-remove{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:0;background:transparent;border:none;border-radius:50%;cursor:pointer;color:var(--primary, #70A8C0);transition:all .15s}.circle-pill-remove:hover{background:var(--primary, #70A8C0);color:#fffbf4}.circle-pill-add{padding:.25rem .5rem;background:transparent;border:1px dashed var(--border-color, #D8C8B0);border-radius:1rem;font-size:.75rem;color:var(--text-muted, #6B5D4D);cursor:pointer;transition:all .15s}.circle-pill-add:hover{border-color:var(--primary, #70A8C0);color:var(--primary, #70A8C0)}.audience-description{margin:.5rem 0 0;font-size:.75rem;color:var(--text-muted, #6B5D4D)}[data-theme=dark] .audience-trigger{background:var(--surface-elevated, #4A4038);border-color:var(--border-color, #5A4D40);color:var(--text, #FDF6E9)}[data-theme=dark] .audience-trigger:hover{background:var(--surface-hover, #5A4D40)}[data-theme=dark] .audience-dropdown,[data-theme=dark] .circle-selector-dropdown{background:var(--surface-card, #3D352C);border-color:var(--border-color, #4A4038)}[data-theme=dark] .audience-option.selected{background:#3b82f626}[data-theme=dark] .circle-pill{background:#3b82f626;border-color:#3b82f64d}.post-audience-indicator{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;color:var(--text-muted, #6B5D4D);margin-left:.5rem}.post-audience-indicator:before{content:"·";margin-right:.25rem}.post-audience-emoji{font-size:.75rem}.post-audience-link{color:var(--text-muted, #6B5D4D);text-decoration:none;transition:color .15s}.post-audience-link:hover{color:var(--primary, #70A8C0);text-decoration:underline}.circle-tabs{display:flex;gap:.25rem;padding:0 1rem;margin:1rem 0;border-bottom:1px solid var(--border-color, #E8D8C0)}.circle-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;font-size:.875rem;font-weight:500;color:var(--text-muted, #6B5D4D);cursor:pointer;transition:all .15s;margin-bottom:-1px}.circle-tab:hover{color:var(--text, #3D352C)}.circle-tab.active{color:var(--primary, #70A8C0);border-bottom-color:var(--primary, #70A8C0)}.circle-tab-count{padding:.125rem .5rem;background:var(--surface-elevated, #F8EED8);border-radius:1rem;font-size:.75rem;font-weight:500}.circle-tab.active .circle-tab-count{background:var(--primary-light, #F2F8FA);color:var(--primary, #70A8C0)}.circle-posts-section{padding:0 1rem 1rem}.circle-posts-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;color:var(--text-muted, #6B5D4D)}.circle-posts-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted, #6B5D4D)}.circle-posts-empty .empty-icon{opacity:.3;margin-bottom:1rem}.circle-posts-empty h3{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text, #3D352C)}.circle-posts-empty p{margin:0;font-size:.875rem}.circle-posts-feed{display:flex;flex-direction:column;gap:1rem}.circle-posts-feed .post-card{margin:0}.circle-card-icon{position:relative}.circle-new-posts-badge{position:absolute;top:-4px;right:-4px;background:var(--accent, #70A8C0);color:#fffbf4;font-size:.65rem;font-weight:600;padding:.125rem .375rem;border-radius:9999px;min-width:1rem;text-align:center;line-height:1.2}.circle-card-new-indicator{color:var(--accent, #70A8C0);font-weight:500}.circle-new-posts-section{margin-bottom:.5rem}.circle-new-posts-header{padding:.75rem 0;margin-bottom:.5rem}.circle-new-posts-label{font-weight:600;font-size:.875rem;color:var(--accent, #70A8C0);background:#3b82f61a;padding:.375rem .75rem;border-radius:9999px}.circle-caught-up-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.circle-caught-up-divider .divider-line{flex:1;height:1px;background:var(--border-color, #E8D8C0)}.circle-caught-up-divider .divider-content{flex-shrink:0}.caught-up-text{color:var(--text-muted, #6B5D4D);font-size:.875rem;font-style:italic}.btn-caught-up{display:inline-flex;align-items:center;gap:.5rem;background:#7cb87c1a;color:#6ca86c;border:1px solid rgba(124,184,124,.3);padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-caught-up:hover:not(:disabled){background:#6ca86c;color:#fffbf4;border-color:#6ca86c}.btn-caught-up:disabled{opacity:.6;cursor:not-allowed}.circle-previous-posts-section{opacity:.85}.circle-previous-posts-section .post-card{border-left:2px solid transparent}.filter-new-badge{background:var(--accent, #70A8C0);color:#fffbf4;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:9999px;margin-left:auto;min-width:1rem;text-align:center}.filter-circle-item{display:flex;align-items:center;gap:.5rem}.filter-circle-item .filter-item-label{flex:1}.filter-circle-icon{margin-right:.25rem;opacity:.7}.filter-dropdown-divider{height:1px;background:var(--border-color, #E8D8C0);margin:.5rem 0}.filter-dropdown-section-label{padding:.5rem .75rem .25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #9A8A78)}.filter-circle-item{padding-left:.5rem!important}.filter-item-icon{color:var(--text-muted, #9A8A78);flex-shrink:0}.filter-circle-item.active .filter-item-icon{color:var(--primary, #70A8C0)}[data-theme=dark] .circle-tabs{border-bottom-color:var(--border-color, #4A4038)}[data-theme=dark] .circle-tab:hover{color:var(--text, #FDF6E9)}[data-theme=dark] .circle-tab-count{background:var(--surface-elevated, #4A4038)}[data-theme=dark] .circle-posts-empty h3{color:var(--text, #FDF6E9)}[data-theme=dark] .filter-dropdown-divider{background:var(--border-color, #4A4038)}.charter-section{margin:1rem;padding:1rem;background:var(--surface-elevated, #FDF6E9);border-radius:.75rem;border:1px solid var(--border-color, #E8D8C0)}.charter-section .circle-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.charter-section .circle-section-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.9375rem;font-weight:600;color:var(--text, #3D352C)}.charter-section--empty{background:transparent;border-style:dashed}.charter-empty{text-align:center;padding:.5rem 0}.charter-empty p{margin:0 0 .75rem;font-size:.875rem;color:var(--text-muted, #6B5D4D)}.charter-norms-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.625rem}.charter-norm-item{display:flex;align-items:flex-start;gap:.625rem;padding:.625rem .75rem;background:var(--surface-card, #fff);border-radius:.5rem;border:1px solid var(--border-color, #E8D8C0)}.charter-norm-icon{font-size:1.125rem;line-height:1.25;flex-shrink:0}.charter-norm-content{display:flex;flex-direction:column;gap:.125rem}.charter-norm-label{font-size:.875rem;font-weight:500;color:var(--text, #3D352C)}.charter-norm-description{font-size:.75rem;color:var(--text-muted, #6B5D4D)}.charter-summary{margin-bottom:1rem;padding:.625rem .75rem;background:var(--surface-elevated, #FDF6E9);border-radius:.5rem;border:1px solid var(--border-color, #E8D8C0)}.charter-summary-trigger{display:flex;align-items:center;gap:.5rem;width:100%;padding:0;background:transparent;border:none;font-size:.8125rem;color:var(--text-muted, #6B5D4D);cursor:pointer;text-align:left;transition:color .15s}.charter-summary-trigger:hover{color:var(--text, #3D352C)}.charter-summary-icon{flex-shrink:0}.charter-summary-count{flex:1}.charter-summary-chevron{flex-shrink:0}.charter-summary-list{list-style:none;margin:.75rem 0 0;padding:.75rem 0 0;border-top:1px solid var(--border-color, #E8D8C0);display:flex;flex-wrap:wrap;gap:.5rem}.charter-summary-item{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:var(--surface-card, #fff);border:1px solid var(--border-color, #E8D8C0);border-radius:1rem;font-size:.75rem;color:var(--text, #3D352C)}.charter-summary-item-icon{font-size:.875rem}.charter-summary-item-label{font-weight:500}.charter-hint{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem;padding:.5rem .75rem;background:var(--surface-elevated, #FDF6E9);border-radius:.375rem}.charter-hint-text{font-size:.75rem;font-style:italic;color:var(--text-muted, #6B5D4D)}.charter-editor-modal{max-width:520px;width:100%}.charter-editor-intro{margin:0 0 1rem;font-size:.875rem;color:var(--text-muted, #6B5D4D);line-height:1.5}.charter-editor-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-muted, #6B5D4D)}.charter-toggle-list{display:flex;flex-direction:column;gap:.5rem}.charter-toggle-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--surface-elevated, #FDF6E9);border:1px solid var(--border-color, #E8D8C0);border-radius:.625rem;cursor:pointer;transition:all .15s}.charter-toggle-item:hover{background:var(--surface-hover, #F8EED8)}.charter-toggle-item.enabled{background:var(--primary-light, #F2F8FA);border-color:var(--primary-border, #C0D8E8)}.charter-toggle-item input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.charter-toggle-checkbox{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;background:var(--surface-card, #fff);border:2px solid var(--border-color, #D8C8B0);border-radius:.25rem;flex-shrink:0;margin-top:.125rem;transition:all .15s}.charter-toggle-item.enabled .charter-toggle-checkbox{background:var(--primary, #70A8C0);border-color:var(--primary, #70A8C0)}.charter-toggle-check{color:#fffbf4;font-size:.75rem;font-weight:700}.charter-toggle-icon{font-size:1.25rem;flex-shrink:0;margin-top:.0625rem}.charter-toggle-content{display:flex;flex-direction:column;gap:.125rem;flex:1}.charter-toggle-label{font-size:.875rem;font-weight:500;color:var(--text, #3D352C)}.charter-toggle-description{font-size:.75rem;color:var(--text-muted, #6B5D4D);line-height:1.4}.charter-editor-count{font-size:.8125rem;color:var(--text-muted, #6B5D4D)}.modal-footer-buttons{display:flex;gap:.5rem}[data-theme=dark] .charter-section{background:var(--surface-elevated, #3D352C);border-color:var(--border-color, #4A4038)}[data-theme=dark] .charter-norm-item{background:var(--surface-card, #2A2420);border-color:var(--border-color, #4A4038)}[data-theme=dark] .charter-summary{background:var(--surface-elevated, #3D352C);border-color:var(--border-color, #4A4038)}[data-theme=dark] .charter-summary-item{background:var(--surface-card, #2A2420);border-color:var(--border-color, #4A4038)}[data-theme=dark] .charter-toggle-item{background:var(--surface-elevated, #3D352C);border-color:var(--border-color, #4A4038)}[data-theme=dark] .charter-toggle-item:hover{background:var(--surface-hover, #4A4038)}[data-theme=dark] .charter-toggle-item.enabled{background:#3b82f626;border-color:#3b82f64d}[data-theme=dark] .charter-toggle-checkbox{background:var(--surface-card, #2A2420);border-color:var(--border-color, #5A4D40)}[data-theme=dark] .charter-hint{background:var(--surface-elevated, #3D352C)}.messages-page{max-width:600px;margin:0 auto;padding:1rem}.messages-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;color:var(--text-muted, #6B5D4D)}.messages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.messages-header h1{font-size:1.5rem;margin:0;font-weight:600}.messages-filters{display:flex;gap:.5rem;margin-bottom:1rem}.messages-filters .filter-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid var(--border-color, #E8D8C0);background:var(--bg-card, #FFFBF4);border-radius:.5rem;font-size:.85rem;cursor:pointer;transition:all .2s}.messages-filters .filter-btn:hover{background:var(--bg-secondary, #FDF6E9)}.messages-filters .filter-btn.active{background:var(--accent, #70A8C0);color:#fffbf4;border-color:var(--accent, #70A8C0)}.messages-empty{text-align:center;padding:3rem 1rem}.messages-empty .empty-icon{color:var(--text-muted, #9A8A78);margin-bottom:1rem;opacity:.5}.messages-empty h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.messages-empty p{margin:0 0 1.5rem;color:var(--text-muted, #6B5D4D);font-size:.9rem}.conversations-list{display:flex;flex-direction:column;gap:.5rem}.conversation-preview{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;border:1px solid var(--border-color, #E8D8C0);background:var(--bg-card, #FFFBF4);border-radius:.75rem;text-align:left;cursor:pointer;transition:all .2s}.conversation-preview:hover{background:var(--bg-secondary, #FDF6E9);border-color:var(--border-hover, #D8C8B0)}.conversation-preview.has-unread{border-left:3px solid var(--accent, #70A8C0)}.conversation-avatar-wrapper{flex-shrink:0}.conversation-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.group-avatar{width:44px;height:44px;border-radius:50%;background:var(--bg-secondary, #F8EED8);display:flex;align-items:center;justify-content:center;color:var(--text-muted, #6B5D4D)}.conversation-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.conversation-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary, #3D352C)}.conversation-last-message{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:var(--text-muted, #6B5D4D);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-indicator{display:flex;align-items:center;color:var(--text-muted, #9A8A78)}.conversation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.375rem;flex-shrink:0}.conversation-time{font-size:.75rem;color:var(--text-muted, #9A8A78)}.unread-badge{background:var(--accent, #70A8C0);color:#fffbf4;font-size:.7rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px;min-width:1.25rem;text-align:center}.new-conversation-modal{max-width:450px}.mode-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.75rem;border:1px solid var(--border-color, #E8D8C0);background:var(--bg-card, #FFFBF4);border-radius:.5rem;cursor:pointer;font-size:.9rem;transition:all .2s}.mode-btn:hover:not(:disabled){background:var(--bg-secondary, #FDF6E9)}.mode-btn.active{background:var(--accent, #70A8C0);color:#fffbf4;border-color:var(--accent, #70A8C0)}.mode-btn:disabled{opacity:.6;cursor:not-allowed}.search-input-wrapper{position:relative;margin-bottom:1rem}.search-input-wrapper .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted, #9A8A78);pointer-events:none}.search-input-wrapper input{width:100%;padding:.75rem .75rem .75rem 2.25rem;border:1px solid var(--border-color, #E8D8C0);border-radius:.5rem;font-size:.9rem;background:var(--bg-card, #FFFBF4)}.search-input-wrapper input:focus{outline:none;border-color:var(--accent, #70A8C0)}.selection-info{padding:.5rem .75rem;background:var(--bg-secondary, #F8EED8);border-radius:.375rem;font-size:.85rem;color:var(--text-secondary, #5A4D40);margin-bottom:.75rem}.friends-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--text-muted, #6B5D4D)}.friends-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted, #6B5D4D);font-size:.9rem}.friends-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.friend-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;border:none;background:transparent;border-radius:.5rem;cursor:pointer;text-align:left;transition:background .15s}.friend-item:hover:not(:disabled){background:var(--bg-secondary, #F8EED8)}.friend-item.selected{background:#3b82f61a}.friend-item:disabled{opacity:.6;cursor:not-allowed}.friend-item .friend-info{flex:1;min-width:0;display:flex;flex-direction:column}.friend-item .friend-name{font-weight:500;color:var(--text-primary, #3D352C)}.friend-item .friend-username{font-size:.8rem;color:var(--text-muted, #6B5D4D)}.friend-item .check-icon{color:var(--accent, #70A8C0);flex-shrink:0}.warning-text{display:flex;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.75rem;background:#f59e0b1a;border-radius:.5rem;font-size:.85rem;color:#d8a040}.error-message{margin-top:.75rem;padding:.75rem;background:#d880701a;border-radius:.5rem;font-size:.85rem;color:#c87060}[data-theme=dark] .conversation-preview{background:var(--bg-card, #3D352C);border-color:var(--border-color, #4A4038)}[data-theme=dark] .conversation-preview:hover,[data-theme=dark] .group-avatar{background:var(--bg-secondary, #4A4038)}[data-theme=dark] .mode-btn{background:var(--bg-card, #3D352C);border-color:var(--border-color, #4A4038)}[data-theme=dark] .mode-btn:hover:not(:disabled):not(.active){background:var(--bg-secondary, #4A4038)}[data-theme=dark] .friend-item:hover:not(:disabled){background:var(--bg-secondary, #4A4038)}[data-theme=dark] .friend-item.selected{background:#3b82f633}[data-theme=dark] .selection-info{background:var(--bg-secondary, #4A4038)}@media (max-width: 639px){.messages-page{padding:var(--page-padding, 16px);padding-top:calc(var(--page-padding, 16px) + var(--safe-top, 0px));padding-bottom:calc(var(--page-padding, 16px) + var(--safe-bottom, 0px))}.messages-header h1{font-size:1.375rem}.messages-header .new-conversation-btn{min-width:44px;min-height:44px;padding:.5rem;display:flex;align-items:center;justify-content:center}.messages-filters{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;margin:0 calc(-1 * var(--page-padding, 16px)) 1rem;padding-left:var(--page-padding, 16px);padding-right:var(--page-padding, 16px)}.messages-filters::-webkit-scrollbar{display:none}.messages-filters .filter-btn{flex-shrink:0;min-height:44px}.messages-empty .start-conversation-btn{min-height:48px;padding:.75rem 1.5rem;font-size:1rem}.conversation-preview{min-height:64px}.conversation-preview:active{background:var(--bg-secondary)}.section-header.clickable{min-height:44px}}.conversation-view{display:flex;flex-direction:column;height:calc(100vh - 60px);max-width:800px;margin:0 auto;background:var(--bg-primary, #FFFBF4)}.conversation-loading,.conversation-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%;color:var(--text-muted, #6B5D4D)}.conversation-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color, #E8D8C0);background:var(--bg-card, #FFFBF4)}.conversation-header .back-btn,.conversation-header .more-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;background:transparent;border-radius:50%;cursor:pointer;color:var(--text-secondary, #5A4D40);transition:background .15s}.conversation-header .back-btn:hover,.conversation-header .more-btn:hover{background:var(--bg-secondary, #F8EED8)}.conversation-header .conversation-info{flex:1;display:flex;align-items:center;gap:.75rem;min-width:0}.conversation-header .conversation-details{flex:1;min-width:0}.conversation-header .conversation-name{font-size:1rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-header .conversation-description{font-size:.8rem;color:var(--text-muted, #6B5D4D);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-header .group-avatar{width:40px;height:40px}.messages-container{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column}.loading-more{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;color:var(--text-muted, #6B5D4D);font-size:.85rem}.load-more-btn{align-self:center;padding:.5rem 1rem;border:1px solid var(--border-color, #E8D8C0);background:var(--bg-card, #FFFBF4);border-radius:999px;font-size:.85rem;cursor:pointer;color:var(--text-secondary, #5A4D40);margin-bottom:1rem}.load-more-btn:hover{background:var(--bg-secondary, #F8EED8)}.no-messages{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #6B5D4D)}.messages-list{display:flex;flex-direction:column;gap:.25rem}.message{display:flex;gap:.5rem;max-width:80%}.message.own{align-self:flex-end;flex-direction:row-reverse}.message.other{align-self:flex-start}.message-avatar{flex-shrink:0;align-self:flex-end}.message-content{display:flex;flex-direction:column;gap:.125rem}.message.own .message-content{align-items:flex-end}.message-sender{font-size:.75rem;font-weight:500;color:var(--text-muted, #6B5D4D);padding-left:.75rem}.message-bubble{padding:.625rem .875rem;border-radius:1rem;max-width:100%;word-wrap:break-word}.message.own .message-bubble{background:var(--accent, #70A8C0);color:#fffbf4;border-bottom-right-radius:.25rem}.message.other .message-bubble{background:var(--bg-secondary, #F8EED8);color:var(--text-primary, #3D352C);border-bottom-left-radius:.25rem}.message-bubble p{margin:0;line-height:1.4}.message.deleted .message-bubble{background:transparent;border:1px solid var(--border-color, #E8D8C0)}.deleted-text{font-style:italic;color:var(--text-muted, #9A8A78)}.message-time{font-size:.7rem;color:var(--text-muted, #9A8A78);padding:0 .5rem}.message-input-form{display:flex;gap:.75rem;padding:.75rem 1rem;border-top:1px solid var(--border-color, #E8D8C0);background:var(--bg-card, #FFFBF4)}.message-input-form input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color, #E8D8C0);border-radius:999px;font-size:.95rem;background:var(--bg-secondary, #FDF6E9);color:var(--text-primary)}.message-input-form input:focus{outline:none;border-color:var(--accent, #70A8C0);background:var(--bg-card, #FFFBF4)}.message-input-form .send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:var(--accent, #70A8C0);color:#fffbf4;border-radius:50%;cursor:pointer;transition:background .15s,transform .1s}.message-input-form .send-btn:hover:not(:disabled){background:var(--accent-hover, #6098B0)}.message-input-form .send-btn:active:not(:disabled){transform:scale(.95)}.message-input-form .send-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .conversation-view{background:var(--bg-primary, #2A2420)}[data-theme=dark] .conversation-header{background:var(--bg-card, #3D352C);border-color:var(--border-color, #4A4038)}[data-theme=dark] .conversation-header .back-btn:hover,[data-theme=dark] .conversation-header .more-btn:hover{background:var(--bg-secondary, #4A4038)}[data-theme=dark] .load-more-btn{background:var(--bg-card, #3D352C);border-color:var(--border-color, #4A4038)}[data-theme=dark] .load-more-btn:hover{background:var(--bg-secondary, #4A4038)}[data-theme=dark] .message.other .message-bubble{background:var(--bg-secondary, #4A4038);color:var(--text-primary, #F8EED8)}[data-theme=dark] .message.deleted .message-bubble{border-color:var(--border-color, #4A4038)}[data-theme=dark] .message-input-form{background:var(--bg-card, #3D352C);border-color:var(--border-color, #4A4038)}[data-theme=dark] .message-input-form input{background:var(--bg-secondary, #4A4038);border-color:var(--border-color, #5A4D40);color:var(--text-primary, #F8EED8)}[data-theme=dark] .message-input-form input:focus{background:var(--bg-card, #3D352C)}.message-input-container{display:flex;flex-direction:column;background:var(--bg-card, #FFFBF4);border-top:1px solid var(--border-color, #E8D8C0)}.message-input-container .message-input-form{border-top:none}.reply-preview{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary, #FDF6E9);border-bottom:1px solid var(--border-color, #E8D8C0)}.reply-preview-indicator{color:var(--accent, #70A8C0);flex-shrink:0}.reply-preview-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.reply-preview-sender{font-size:.75rem;font-weight:600;color:var(--accent, #70A8C0)}.reply-preview-text{font-size:.8rem;color:var(--text-secondary, #6B5D4D);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-preview-cancel{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-muted, #9A8A78);border-radius:50%;cursor:pointer;flex-shrink:0}.reply-preview-cancel:hover{background:var(--bg-tertiary, #E8D8C0);color:var(--text-primary, #2A2420)}.message-reply-badge{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;margin-bottom:.25rem;background:var(--bg-secondary, #F8EED8);border-left:2px solid var(--accent, #70A8C0);border-radius:.25rem;font-size:.75rem;color:var(--text-secondary, #6B5D4D);cursor:pointer;transition:background .15s;border-top:none;border-right:none;border-bottom:none;text-align:left;width:100%;max-width:100%}.message-reply-badge:hover{background:var(--bg-tertiary, #E8D8C0)}.message-reply-badge .reply-icon{color:var(--accent, #70A8C0);flex-shrink:0}.message-reply-badge .reply-sender{font-weight:600;color:var(--accent, #70A8C0);flex-shrink:0}.message-reply-badge .reply-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.message.highlighted .message-bubble{animation:message-highlight 2s ease-out}@keyframes message-highlight{0%,20%{box-shadow:0 0 0 3px var(--accent, #70A8C0)}to{box-shadow:none}}.scroll-to-bottom-btn{position:absolute;bottom:80px;right:1rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:var(--bg-card, #FFFBF4);color:var(--text-primary, #2A2420);border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;z-index:10;transition:transform .15s,box-shadow .15s}.scroll-to-bottom-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.scroll-to-bottom-btn .unread-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:var(--accent, #70A8C0);color:#fffbf4;font-size:.65rem;font-weight:600;border-radius:999px;display:flex;align-items:center;justify-content:center}.message-context-menu{position:fixed;min-width:140px;background:var(--bg-card, #FFFBF4);border:1px solid var(--border-color, #E8D8C0);border-radius:.5rem;box-shadow:0 4px 16px #00000026;padding:.25rem;z-index:1000}.message-context-menu button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:transparent;color:var(--text-primary, #2A2420);font-size:.875rem;border-radius:.375rem;cursor:pointer;text-align:left}.message-context-menu button:hover{background:var(--bg-secondary, #FDF6E9)}.message-context-menu button.destructive{color:var(--error, #D88070)}.message-context-menu button.destructive:hover{background:#fdf4f2}.context-menu-divider{height:1px;background:var(--border-color, #E8D8C0);margin:.25rem 0}.edit-message-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001;padding:1rem}.edit-message-modal{width:100%;max-width:480px;background:var(--bg-card, #FFFBF4);border-radius:.75rem;box-shadow:0 8px 32px #0003;overflow:hidden}.edit-message-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color, #E8D8C0)}.edit-message-header h3{font-size:1rem;font-weight:600;margin:0}.edit-message-header .close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-muted, #9A8A78);border-radius:50%;cursor:pointer}.edit-message-header .close-btn:hover{background:var(--bg-secondary, #FDF6E9);color:var(--text-primary, #2A2420)}.edit-message-modal form{padding:1rem}.edit-message-modal textarea{width:100%;padding:.75rem;border:1px solid var(--border-color, #E8D8C0);border-radius:.5rem;font-size:.95rem;font-family:inherit;resize:vertical;min-height:80px}.edit-message-modal textarea:focus{outline:none;border-color:var(--accent, #70A8C0)}.edit-message-actions{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem}.edit-message-actions .char-count{font-size:.75rem;color:var(--text-muted, #9A8A78)}.edit-message-actions .action-buttons{display:flex;gap:.5rem}.copy-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);padding:.5rem 1rem;background:var(--text-primary, #2A2420);color:#fffbf4;font-size:.875rem;border-radius:.5rem;box-shadow:0 4px 12px #00000026;z-index:1002;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}[data-theme=dark] .message-input-container{background:var(--bg-card, #3D352C);border-color:var(--border-color, #4A4038)}[data-theme=dark] .reply-preview{background:var(--bg-secondary, #4A4038);border-color:var(--border-color, #5A4D40)}[data-theme=dark] .reply-preview-cancel:hover{background:var(--bg-tertiary, #5A4D40)}[data-theme=dark] .message-reply-badge{background:var(--bg-tertiary, #4A4038)}[data-theme=dark] .message-reply-badge:hover{background:var(--bg-secondary, #5A4D40)}[data-theme=dark] .scroll-to-bottom-btn{background:var(--bg-card, #3D352C);color:var(--text-primary, #F8EED8)}[data-theme=dark] .message-context-menu{background:var(--bg-card, #3D352C);border-color:var(--border-color, #4A4038)}[data-theme=dark] .message-context-menu button{color:var(--text-primary, #F8EED8)}[data-theme=dark] .message-context-menu button:hover{background:var(--bg-secondary, #4A4038)}[data-theme=dark] .message-context-menu button.destructive:hover{background:#d8807026}[data-theme=dark] .edit-message-modal{background:var(--bg-card, #3D352C)}[data-theme=dark] .edit-message-header{border-color:var(--border-color, #4A4038)}[data-theme=dark] .edit-message-modal textarea{background:var(--bg-secondary, #4A4038);border-color:var(--border-color, #5A4D40);color:var(--text-primary, #F8EED8)}[data-theme=dark] .copy-toast{background:var(--bg-tertiary, #4A4038)}.conversation-name-row{display:flex;align-items:center;gap:.375rem}.pin-indicator{color:var(--accent, #70A8C0);flex-shrink:0}.header-actions{position:relative}.state-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:999px;font-size:.7rem;font-weight:500}.state-badge.state-paused{background:#f59e0b26;color:#d8a040}.state-badge.state-resting{background:#3b82f626;color:#70a8c0}.state-badge.state-closed{background:#6b728026;color:#6b5d4d}.state-banner{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;font-size:.85rem}.state-banner.state-paused{background:#f59e0b1a;color:#d8a040;border-bottom:1px solid rgba(245,158,11,.2)}.state-banner.state-resting{background:#3b82f61a;color:#70a8c0;border-bottom:1px solid rgba(59,130,246,.2)}.state-banner.state-closed{background:#6b72801a;color:#6b5d4d;border-bottom:1px solid rgba(107,114,128,.2)}.state-banner span{flex:1}.state-banner .resume-btn{padding:.25rem .75rem;border:none;background:currentColor;color:#fffbf4;border-radius:999px;font-size:.8rem;font-weight:500;cursor:pointer;opacity:.9}.state-banner .resume-btn:hover{opacity:1}.dropdown-menu{position:absolute;top:100%;right:0;min-width:200px;background:var(--bg-card, #FFFBF4);border:1px solid var(--border-color, #E8D8C0);border-radius:.5rem;box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden}.dropdown-menu button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .875rem;border:none;background:transparent;text-align:left;font-size:.9rem;color:var(--text-primary, #3D352C);cursor:pointer;transition:background .15s}.dropdown-menu button:hover:not(:disabled){background:var(--bg-secondary, #F8EED8)}.dropdown-menu button:disabled{opacity:.5;cursor:not-allowed}.dropdown-menu button.active{color:var(--accent, #70A8C0)}.dropdown-menu button.has-submenu{justify-content:space-between}.dropdown-menu button.has-submenu .submenu-arrow{margin-left:auto}.dropdown-divider{height:1px;background:var(--border-color, #E8D8C0);margin:.25rem 0}.submenu{border-top:1px solid var(--border-color, #E8D8C0);padding:.25rem 0}.submenu button{padding-left:1.5rem;font-size:.85rem}.system-message{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;margin:.5rem 0}.system-message-content{padding:.375rem .875rem;background:var(--bg-secondary, #F8EED8);border-radius:999px;font-size:.8rem;color:var(--text-muted, #6B5D4D)}.system-message-time{font-size:.7rem;color:var(--text-muted, #9A8A78);margin-top:.25rem}[data-theme=dark] .dropdown-menu{background:var(--bg-card, #3D352C);border-color:var(--border-color, #4A4038)}[data-theme=dark] .dropdown-menu button{color:var(--text-primary, #F8EED8)}[data-theme=dark] .dropdown-menu button:hover:not(:disabled){background:var(--bg-secondary, #4A4038)}[data-theme=dark] .dropdown-divider,[data-theme=dark] .submenu{border-color:var(--border-color, #4A4038)}[data-theme=dark] .system-message-content{background:var(--bg-secondary, #4A4038)}.conversations-grouped{display:flex;flex-direction:column;gap:1rem}.conversation-section{display:flex;flex-direction:column}.section-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--section-color, var(--text-muted, #6B5D4D));background:transparent;border:none;width:100%;text-align:left}.section-header.clickable{cursor:pointer;border-radius:.375rem;transition:background .15s}.section-header.clickable:hover{background:var(--bg-secondary, #F8EED8)}.section-header svg{flex-shrink:0}.section-count{margin-left:auto;padding:.125rem .5rem;background:var(--bg-secondary, #F8EED8);border-radius:999px;font-size:.7rem;color:var(--text-muted, #6B5D4D)}.toggle-indicator{font-size:1rem;font-weight:400;color:var(--text-muted, #9A8A78);margin-left:.5rem}.section-conversations{display:flex;flex-direction:column}.closed-section{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color, #E8D8C0)}[data-theme=dark] .section-header.clickable:hover,[data-theme=dark] .section-count{background:var(--bg-secondary, #4A4038)}[data-theme=dark] .closed-section{border-color:var(--border-color, #4A4038)}.conversation-avatar-wrapper{position:relative;flex-shrink:0}.avatar-state-indicator{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card, #FFFBF4)}.conversation-preview .conversation-name-row{display:flex;align-items:center;gap:.375rem}.conversation-preview .pin-icon{color:var(--accent, #70A8C0);flex-shrink:0}.conversation-preview.state-paused{opacity:.85}.conversation-preview.state-resting{opacity:.75}.conversation-preview.state-closed{opacity:.6}[data-theme=dark] .avatar-state-indicator{border-color:var(--bg-card, #3D352C)}.presence-note-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:var(--bg-secondary, #F8EED8);border:none;border-radius:1rem;font-size:.75rem;color:var(--text-secondary, #7A6A58);font-style:italic;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presence-note-badge.own{background:#3b82f61a;color:var(--accent, #70A8C0)}.presence-note-badge.clickable{cursor:pointer;transition:all .15s}.presence-note-badge.clickable:hover{background:var(--bg-hover, #E8D8C0)}.presence-note-badge.own.clickable:hover{background:#3b82f633}.presence-note-badge svg{flex-shrink:0}.my-presence{position:relative;margin-right:.25rem}.set-presence-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px dashed var(--border-color, #E8D8C0);background:none;border-radius:1rem;cursor:pointer;color:var(--text-muted, #9A8A78);transition:all .15s}.set-presence-btn:hover{border-color:var(--accent, #70A8C0);color:var(--accent, #70A8C0);background:#3b82f61a}.presence-editor-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;z-index:100}.presence-note-editor{background:var(--bg-card, #FFFBF4);border:1px solid var(--border-color, #E8D8C0);border-radius:.5rem;box-shadow:0 4px 12px #00000026;padding:1rem;min-width:300px;max-width:400px}.presence-note-editor .editor-header{display:flex;align-items:center;gap:.5rem;font-weight:500;margin-bottom:.5rem;color:var(--text-primary, #3D352C)}.presence-note-editor .editor-header .close-btn{margin-left:auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;border-radius:.25rem;cursor:pointer;color:var(--text-muted, #9A8A78)}.presence-note-editor .editor-header .close-btn:hover{background:var(--bg-secondary, #F8EED8);color:var(--text-primary, #3D352C)}.presence-note-editor .editor-hint{font-size:.8rem;color:var(--text-secondary, #7A6A58);margin:0 0 .75rem}.presence-note-editor .input-row{position:relative;margin-bottom:.75rem}.presence-note-editor .input-row input{width:100%;padding:.5rem 3rem .5rem .75rem;border:1px solid var(--border-color, #E8D8C0);border-radius:.375rem;font-size:.9rem;outline:none;transition:border-color .15s;background:var(--bg-card, #FFFBF4);color:var(--text-primary, #3D352C)}.presence-note-editor .input-row input:focus{border-color:var(--accent, #70A8C0)}.presence-note-editor .char-count{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--text-muted, #9A8A78)}.presence-note-editor .suggestions{margin-bottom:1rem}.presence-note-editor .suggestions-label{display:block;font-size:.75rem;color:var(--text-muted, #9A8A78);margin-bottom:.375rem}.presence-note-editor .suggestion-chips{display:flex;flex-wrap:wrap;gap:.375rem}.presence-note-editor .suggestion-chip{padding:.25rem .5rem;font-size:.75rem;background:var(--bg-secondary, #F8EED8);border:1px solid transparent;border-radius:1rem;cursor:pointer;transition:all .15s;color:var(--text-secondary, #7A6A58)}.presence-note-editor .suggestion-chip:hover{background:var(--bg-hover, #E8D8C0)}.presence-note-editor .suggestion-chip.active{background:var(--accent, #70A8C0);color:#fffbf4}.presence-note-editor .suggestion-chip:disabled{opacity:.5;cursor:not-allowed}.presence-note-editor .editor-actions{display:flex;align-items:center;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border-color, #E8D8C0)}.presence-note-editor .spacer{flex:1}.presence-note-editor .clear-btn{padding:.375rem .75rem;font-size:.8rem;background:none;border:none;color:#d88070;cursor:pointer}.presence-note-editor .clear-btn:hover{text-decoration:underline}.presence-note-editor .clear-btn:disabled{opacity:.5;cursor:not-allowed}.presence-note-editor .cancel-btn{padding:.375rem .75rem;font-size:.85rem;background:none;border:1px solid var(--border-color, #E8D8C0);border-radius:.375rem;cursor:pointer;color:var(--text-primary, #3D352C)}.presence-note-editor .cancel-btn:hover{background:var(--bg-secondary, #F8EED8)}.presence-note-editor .cancel-btn:disabled{opacity:.5;cursor:not-allowed}.presence-note-editor .save-btn{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.85rem;background:var(--accent, #70A8C0);color:#fffbf4;border:none;border-radius:.375rem;cursor:pointer;transition:background .15s}.presence-note-editor .save-btn:hover:not(:disabled){background:var(--accent-hover, #6098B0)}.presence-note-editor .save-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .presence-note-badge{background:var(--bg-secondary, #4A4038);color:var(--text-secondary, #9A8A78)}[data-theme=dark] .presence-note-badge.own{background:#3b82f633}[data-theme=dark] .presence-note-badge.clickable:hover{background:var(--bg-hover, #5A4D40)}[data-theme=dark] .set-presence-btn{border-color:var(--border-color, #5A4D40)}[data-theme=dark] .presence-note-editor{background:var(--bg-card, #3D352C);border-color:var(--border-color, #4A4038)}[data-theme=dark] .presence-note-editor .editor-header .close-btn:hover{background:var(--bg-secondary, #4A4038)}[data-theme=dark] .presence-note-editor .input-row input{background:var(--bg-secondary, #4A4038);border-color:var(--border-color, #5A4D40);color:var(--text-primary, #F8EED8)}[data-theme=dark] .presence-note-editor .suggestion-chip{background:var(--bg-secondary, #4A4038);color:var(--text-secondary, #9A8A78)}[data-theme=dark] .presence-note-editor .suggestion-chip:hover{background:var(--bg-hover, #5A4D40)}[data-theme=dark] .presence-note-editor .cancel-btn{border-color:var(--border-color, #5A4D40);color:var(--text-primary, #F8EED8)}[data-theme=dark] .presence-note-editor .cancel-btn:hover{background:var(--bg-secondary, #4A4038)}[data-theme=dark] .presence-note-editor .editor-actions{border-color:var(--border-color, #4A4038)}.mobile-actions-menu{display:flex;flex-direction:column}.mobile-action-item{display:flex;align-items:center;gap:.75rem;width:100%;min-height:52px;padding:.875rem 1rem;border:none;background:none;font-size:1rem;text-align:left;cursor:pointer;color:var(--text-primary)}.mobile-action-item:active{background:var(--bg-secondary)}.mobile-state-menu{display:flex;flex-direction:column}.mobile-state-item{display:flex;align-items:center;gap:.75rem;width:100%;min-height:56px;padding:.75rem 1rem;border:none;background:none;text-align:left;cursor:pointer}.mobile-state-item.active{background:var(--primary-bg, rgba(90, 172, 168, .1))}.mobile-state-item:active:not(.active){background:var(--bg-secondary)}.mobile-state-content{flex:1;display:flex;flex-direction:column;gap:.125rem}.mobile-state-label{font-size:1rem;font-weight:500;color:var(--text-primary)}.mobile-state-desc{font-size:.813rem;color:var(--text-secondary)}.mobile-state-check{color:var(--primary);font-weight:600}.context-menu-mobile{display:flex;flex-direction:column}.context-menu-preview{padding:.75rem 1rem;background:var(--bg-secondary);border-radius:.5rem;margin:0 1rem 1rem}.context-menu-preview p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.4}.context-menu-actions{display:flex;flex-direction:column}.context-menu-action{display:flex;align-items:center;gap:.75rem;width:100%;min-height:52px;padding:.875rem 1rem;border:none;background:none;font-size:1rem;text-align:left;cursor:pointer;color:var(--text-primary)}.context-menu-action:active{background:var(--bg-secondary)}.context-menu-action.danger{color:var(--danger, #D88070)}.context-menu-action.danger:active{background:#d880701a}.presence-note-editor.mobile{padding:0 1rem 1rem}.presence-note-editor.mobile .input-row input{font-size:1rem;min-height:44px;padding:.75rem}.presence-note-editor.mobile .suggestion-chip{min-height:44px;padding:.5rem .75rem}.presence-note-editor.mobile .editor-actions{padding-top:1rem;gap:.75rem}.presence-note-editor.mobile .editor-actions button{flex:1;min-height:48px;font-size:1rem}@media (max-width: 639px){.conversation-view{height:100dvh}.conversation-header{padding:calc(.75rem + var(--safe-top, 0px)) .75rem .75rem}.conversation-header .back-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;margin-left:-.5rem}.conversation-header .more-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.message-input-container{padding-bottom:calc(.75rem + var(--safe-bottom, 0px))}.message-input-form input{font-size:1rem}.message-input-form .send-btn{min-width:44px;min-height:44px}.message-bubble p{font-size:1rem}.message-time{font-size:.75rem}.my-presence:not(:has(.presence-note-badge)){display:none}}@supports (-webkit-touch-callout: none){.conversation-view{height:-webkit-fill-available}}.stepped-away-prompt{background:var(--bg-card, #FFFBF4);border:1px solid var(--border-color, #E8D8C0);border-radius:.5rem;margin:1rem;overflow:hidden}.stepped-away-prompt .prompt-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary, #FDF6E9);border-bottom:1px solid var(--border-color, #E8D8C0);font-weight:500;font-size:.9rem}.stepped-away-prompt .prompt-header svg{color:var(--color-warning, #E8B050)}.stepped-away-prompt .dismiss-all-btn{margin-left:auto;padding:.25rem .5rem;font-size:.75rem;background:none;border:1px solid var(--border-color, #E8D8C0);border-radius:.25rem;cursor:pointer;color:var(--text-secondary, #7A6A58)}.stepped-away-prompt .dismiss-all-btn:hover{background:var(--bg-hover, #F8EED8)}.stepped-away-prompt .prompt-list{padding:.5rem}.stepped-away-prompt .stepped-away-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem;border-radius:.375rem;transition:background .15s}.stepped-away-prompt .stepped-away-item:hover{background:var(--bg-secondary, #FDF6E9)}.stepped-away-prompt .item-info{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.stepped-away-prompt .group-avatar-small{width:32px;height:32px;border-radius:50%;background:var(--bg-secondary, #FDF6E9);border:1px solid var(--border-color, #E8D8C0);display:flex;align-items:center;justify-content:center;color:var(--text-muted, #9A8A78);flex-shrink:0}.stepped-away-prompt .item-text{display:flex;flex-direction:column;min-width:0}.stepped-away-prompt .item-name{font-weight:500;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stepped-away-prompt .item-time{font-size:.75rem;color:var(--text-muted, #9A8A78)}.stepped-away-prompt .item-actions{display:flex;gap:.25rem;flex-shrink:0}.stepped-away-prompt .action-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;border:1px solid var(--border-color, #E8D8C0);border-radius:.25rem;background:var(--bg-card, white);cursor:pointer;transition:all .15s;color:var(--text-secondary, #7A6A58)}.stepped-away-prompt .action-btn:hover:not(:disabled){background:var(--bg-hover, #F8EED8)}.stepped-away-prompt .action-btn:disabled{opacity:.5;cursor:not-allowed}.stepped-away-prompt .action-btn.resume{background:var(--primary, #5AACA8);border-color:var(--primary, #5AACA8);color:#fffbf4}.stepped-away-prompt .action-btn.resume:hover:not(:disabled){background:var(--primary-hover, #5AACA8)}.stepped-away-prompt .action-btn.pause svg{color:var(--color-warning, #E8B050)}.stepped-away-prompt .action-btn.rest svg{color:var(--text-muted, #9A8A78)}.stepped-away-prompt .action-btn.dismiss svg{color:var(--text-muted, #9A8A78)}.stepped-away-prompt .prompt-hint{padding:.5rem 1rem .75rem;font-size:.75rem;color:var(--text-muted, #9A8A78);text-align:center;margin:0}.stepped-away-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.stepped-away-modal{max-width:500px;width:100%;max-height:80vh;overflow-y:auto;border-radius:.75rem;box-shadow:0 8px 24px #0003}.stepped-away-modal .stepped-away-prompt{margin:0;border:none}@media (max-width: 480px){.stepped-away-prompt .stepped-away-item{flex-direction:column;align-items:stretch;gap:.5rem}.stepped-away-prompt .item-actions{justify-content:flex-end}.stepped-away-prompt .action-btn span{display:none}}[data-theme=dark] .stepped-away-prompt{background:var(--bg-card, #3D352C);border-color:var(--border-color, #4A4038)}[data-theme=dark] .stepped-away-prompt .prompt-header{background:var(--bg-secondary, #2A2420);border-color:var(--border-color, #4A4038)}[data-theme=dark] .stepped-away-prompt .dismiss-all-btn{border-color:var(--border-color, #4A4038);color:var(--text-secondary, #9A8A78)}[data-theme=dark] .stepped-away-prompt .dismiss-all-btn:hover{background:var(--bg-hover, #4A4038)}[data-theme=dark] .stepped-away-prompt .stepped-away-item:hover{background:var(--bg-secondary, #2A2420)}[data-theme=dark] .stepped-away-prompt .group-avatar-small{background:var(--bg-secondary, #2A2420);border-color:var(--border-color, #4A4038)}[data-theme=dark] .stepped-away-prompt .action-btn{background:var(--bg-card, #3D352C);border-color:var(--border-color, #4A4038);color:var(--text-secondary, #9A8A78)}[data-theme=dark] .stepped-away-prompt .action-btn:hover:not(:disabled){background:var(--bg-hover, #4A4038)}[data-theme=dark] .stepped-away-modal-backdrop{background:#0009}.reaction-picker{display:flex;gap:.25rem;padding:.375rem;background:var(--bg-card, white);border:1px solid var(--border-color, #E8D8C0);border-radius:2rem;box-shadow:0 4px 12px #00000026;z-index:100}.reaction-picker.above{position:absolute;bottom:100%;left:0;margin-bottom:.5rem}.reaction-picker.below{position:absolute;top:100%;left:0;margin-top:.5rem}.reaction-picker .reaction-option{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;border-radius:50%;cursor:pointer;transition:all .15s}.reaction-picker .reaction-option:hover{background:var(--bg-secondary, #F8EED8);transform:scale(1.2)}.reaction-picker .reaction-option.selected{background:var(--primary, #5AACA8);background:color-mix(in srgb,var(--primary, #5AACA8) 20%,transparent)}.reaction-picker .reaction-emoji{font-size:1.25rem;line-height:1}.reaction-picker{animation:reactionPickerIn .15s ease-out}@keyframes reactionPickerIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.message-reactions{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:-.625rem;position:relative;z-index:1}.message.other .message-reactions{justify-content:flex-end}.message.own .message-reactions{justify-content:flex-start}.message-reactions .reaction-badge{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;background:var(--bg-card, #FFFBF4);border:1px solid var(--border-color, #E8D8C0);border-radius:50%;font-size:.8rem;cursor:pointer;transition:all .15s;box-shadow:0 1px 3px #0000001a}.message-reactions .reaction-badge:has(.reaction-count){width:auto;padding:.125rem .375rem;border-radius:1rem;gap:.125rem}.message-reactions .reaction-badge:hover{background:var(--bg-hover, #E8D8C0)}.message-reactions .reaction-badge.mine{background:color-mix(in srgb,var(--primary, #5AACA8) 15%,transparent);border-color:var(--primary, #5AACA8)}.message-reactions .reaction-emoji{font-size:.875rem;line-height:1}.message-reactions .reaction-count{font-size:.7rem;color:var(--text-secondary, #7A6A58);font-weight:500}.message-reactions .reaction-badge.mine .reaction-count{color:var(--primary, #5AACA8)}.message-reactions.compact{gap:.125rem}.message-reactions.compact .reaction-badge{padding:.0625rem .25rem}.message-reactions.compact .reaction-emoji{font-size:.75rem}.message-bubble-wrapper{position:relative;display:inline-flex;flex-direction:column}.message.own .message-bubble-wrapper{align-items:flex-end}.reaction-trigger{position:absolute;top:50%;transform:translateY(-50%);z-index:10}.message.own .reaction-trigger{left:-32px}.message.other .reaction-trigger{right:-32px}.add-reaction-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--bg-secondary, #F8EED8);border-radius:50%;cursor:pointer;color:var(--text-muted, #9A8A78);transition:all .15s;opacity:0;animation:fadeIn .1s ease-out forwards}@keyframes fadeIn{to{opacity:1}}.add-reaction-btn:hover{background:var(--bg-hover, #E8D8C0);color:var(--text-secondary, #7A6A58)}.add-reaction-btn.has-reaction{color:var(--primary, #5AACA8)}[data-theme=dark] .reaction-picker{background:var(--bg-card, #3D352C);border-color:var(--border-color, #4A4038)}[data-theme=dark] .reaction-picker .reaction-option:hover{background:var(--bg-secondary, #4A4038)}[data-theme=dark] .reaction-picker .reaction-option.selected{background:color-mix(in srgb,var(--primary, #5AACA8) 30%,transparent)}[data-theme=dark] .message-reactions .reaction-badge{background:var(--bg-card, #3D352C);border-color:var(--border-color, #5A4D40);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .message-reactions .reaction-badge:hover{background:var(--bg-hover, #5A4D40)}[data-theme=dark] .message-reactions .reaction-badge.mine{background:color-mix(in srgb,var(--primary, #5AACA8) 25%,transparent);border-color:var(--primary, #5AACA8)}[data-theme=dark] .add-reaction-btn{background:var(--bg-secondary, #4A4038)}[data-theme=dark] .add-reaction-btn:hover{background:var(--bg-hover, #5A4D40)}.relationship-types-settings{max-width:600px;margin:0 auto;padding:1.5rem}.settings-page-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.settings-page-header .back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--bg-secondary, #F8EED8);color:var(--text-primary, #1E1A16);border-radius:50%;cursor:pointer;flex-shrink:0;margin-top:.25rem}.settings-page-header .back-btn:hover{background:var(--bg-tertiary, #E8D8C0)}.settings-page-header .header-content h1{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.settings-page-header .text-muted{font-size:.875rem;color:var(--text-muted, #7A6A58);margin:0;line-height:1.5}.settings-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--text-muted, #7A6A58)}.create-type-btn{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.type-category-section{margin-bottom:2rem}.category-heading{font-size:.75rem;font-weight:600;color:var(--text-muted, #7A6A58);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #E8D8C0)}.types-list{display:flex;flex-direction:column;gap:.5rem}.relationship-type-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-card, #FFFBF4);border-radius:.5rem;border:1px solid var(--border-color, #E8D8C0)}.relationship-type-card .type-icon{font-size:1.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #F8EED8);border-radius:.5rem;flex-shrink:0}.relationship-type-card .type-info{flex:1;min-width:0}.relationship-type-card .type-name{font-size:1rem;font-weight:500;margin:0;display:flex;align-items:center;gap:.5rem}.relationship-type-card .system-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:.125rem .375rem;background:var(--bg-tertiary, #E8D8C0);color:var(--text-muted, #7A6A58);border-radius:.25rem}.relationship-type-card .type-description{font-size:.875rem;color:var(--text-muted, #7A6A58);margin:.25rem 0 0;line-height:1.4}.relationship-type-card .type-actions{display:flex;gap:.25rem;flex-shrink:0}.relationship-type-card .btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-muted, #7A6A58);border-radius:.375rem;cursor:pointer}.relationship-type-card .btn-icon:hover{background:var(--bg-secondary, #F8EED8);color:var(--text-primary, #1E1A16)}.relationship-type-card .btn-icon.btn-danger:hover{background:#d880701a;color:#d88070}.relationship-type-card .btn-icon:disabled{opacity:.5;cursor:not-allowed}.relationship-type-modal{max-width:400px}.relationship-type-modal .form-row{display:grid;grid-template-columns:1fr auto;gap:1rem}.relationship-type-modal .form-group-small{width:80px}.relationship-type-modal .icon-input{text-align:center;font-size:1.25rem}.relationship-type-modal .char-count{display:block;text-align:right;font-size:.75rem;color:var(--text-muted, #7A6A58);margin-top:.25rem}[data-theme=dark] .settings-page-header .back-btn{background:var(--bg-secondary, #4A4038);color:var(--text-primary, #F8EED8)}[data-theme=dark] .settings-page-header .back-btn:hover{background:var(--bg-tertiary, #5A4D40)}[data-theme=dark] .category-heading{border-color:var(--border-color, #4A4038)}[data-theme=dark] .relationship-type-card{background:var(--bg-card, #3D352C);border-color:var(--border-color, #4A4038)}[data-theme=dark] .relationship-type-card .type-icon,[data-theme=dark] .relationship-type-card .system-badge{background:var(--bg-secondary, #4A4038)}[data-theme=dark] .relationship-type-card .btn-icon:hover{background:var(--bg-secondary, #4A4038);color:var(--text-primary, #F8EED8)}[data-theme=dark] .relationship-type-card .btn-icon.btn-danger:hover{background:#d8807026}.profile-relationships{margin:1rem 1.5rem;padding:1rem;background:var(--bg-card, #FFFBF4);border-radius:.5rem;border:1px solid var(--border-color, #E8D8C0)}.relationships-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.relationships-header h3{font-size:.875rem;font-weight:600;color:var(--text-muted, #7A6A58);margin:0}.relationship-message{padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;margin-bottom:.75rem}.relationship-message.error{background:#d880701a;color:#d88070}.relationship-badges{display:flex;flex-wrap:wrap;gap:.5rem}.relationship-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .625rem;background:var(--bg-secondary, #F8EED8);border-radius:999px;font-size:.875rem}.relationship-badge .badge-type{font-weight:500}.relationship-badge .badge-label{color:var(--text-muted, #7A6A58);font-style:italic}.relationship-badge .badge-actions{display:flex;gap:.125rem;margin-left:.25rem}.btn-icon-tiny{display:flex;align-items:center;justify-content:center;padding:.125rem;background:none;border:none;cursor:pointer;color:var(--text-muted, #7A6A58);opacity:.5;border-radius:.25rem}.btn-icon-tiny:hover{opacity:1;background:var(--bg-tertiary, #E8D8C0)}.btn-icon-tiny:disabled{opacity:.3;cursor:not-allowed}.modal-relationship{max-width:480px}.modal-subtitle{color:var(--text-muted, #7A6A58);font-size:.875rem;margin-bottom:1.5rem;line-height:1.5}.loading-inline{display:flex;align-items:center;gap:.5rem;color:var(--text-muted, #7A6A58);font-size:.875rem}.relationships-page{max-width:600px;margin:0 auto;padding:1.5rem}.relationships-page .page-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.relationships-page .back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--bg-secondary, #F8EED8);color:var(--text-primary, #1E1A16);border-radius:50%;cursor:pointer;flex-shrink:0;margin-top:.25rem}.relationships-page .back-btn:hover{background:var(--bg-tertiary, #E8D8C0)}.relationships-page .header-content h1{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.relationships-page .page-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--text-muted, #7A6A58)}.relationships-page .page-error{padding:1rem;background:#d880701a;color:#d88070;border-radius:.5rem;margin-bottom:1rem}.relationships-page .empty-state{text-align:center;padding:3rem 1.5rem}.relationships-page .empty-state .empty-icon{color:var(--text-muted, #7A6A58);margin-bottom:1rem}.relationships-page .empty-state h2{font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.relationships-page .empty-state p{margin:0 0 1.5rem}.relationships-summary{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #E8D8C0)}.relationships-summary .summary-count{font-size:1.5rem;font-weight:600}.relationships-summary .summary-label{color:var(--text-muted, #7A6A58)}.relationship-type-section{margin-bottom:2rem}.relationship-type-section .type-heading{font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.relationship-type-section .type-count{font-size:.75rem;font-weight:400;color:var(--text-muted, #7A6A58);background:var(--bg-secondary, #F8EED8);padding:.125rem .5rem;border-radius:999px}.relationship-list{display:flex;flex-direction:column;gap:.5rem}.relationship-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-card, #FFFBF4);border-radius:.5rem;border:1px solid var(--border-color, #E8D8C0)}.relationship-list-item .relationship-link{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;text-decoration:none;color:inherit}.relationship-list-item .relationship-link:hover .relationship-name{color:var(--accent, #70A8C0)}.relationship-list-item .relationship-info{flex:1;min-width:0}.relationship-list-item .relationship-name{font-weight:500;display:block;transition:color .15s}.relationship-list-item .relationship-label{font-size:.875rem;color:var(--text-muted, #7A6A58);font-style:italic;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.relationship-list-item .relationship-since{font-size:.75rem;color:var(--text-muted, #7A6A58);white-space:nowrap}.relationship-list-item .relationship-actions{display:flex;gap:.25rem;flex-shrink:0}[data-theme=dark] .profile-relationships{background:var(--bg-card, #3D352C);border-color:var(--border-color, #4A4038)}[data-theme=dark] .relationship-badge{background:var(--bg-secondary, #4A4038)}[data-theme=dark] .btn-icon-tiny:hover{background:var(--bg-tertiary, #5A4D40)}[data-theme=dark] .relationships-page .back-btn{background:var(--bg-secondary, #4A4038);color:var(--text-primary, #F8EED8)}[data-theme=dark] .relationships-page .back-btn:hover{background:var(--bg-tertiary, #5A4D40)}[data-theme=dark] .relationships-summary{border-color:var(--border-color, #4A4038)}[data-theme=dark] .relationship-type-section .type-count{background:var(--bg-secondary, #4A4038)}[data-theme=dark] .relationship-list-item{background:var(--bg-card, #3D352C);border-color:var(--border-color, #4A4038)}.profile-relationships-display{margin:1rem 1.5rem;padding:1rem;background:var(--bg-card, #FFFBF4);border-radius:.5rem;border:1px solid var(--border-color, #E8D8C0)}.relationships-heading{font-size:.875rem;font-weight:600;color:var(--text-muted, #7A6A58);margin:0 0 1rem}.relationship-type-group{margin-bottom:1rem}.relationship-type-group:last-of-type{margin-bottom:0}.relationship-type-label{font-size:.75rem;font-weight:600;color:var(--text-muted, #7A6A58);text-transform:uppercase;letter-spacing:.025em;display:block;margin-bottom:.5rem}.relationship-people{display:flex;flex-wrap:wrap;gap:.5rem}.relationship-person{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem .25rem .25rem;background:var(--bg-secondary, #F8EED8);border-radius:9999px;text-decoration:none;color:inherit;font-size:.875rem;transition:background .15s}.relationship-person:hover{background:var(--bg-tertiary, #E8D8C0)}.relationship-person-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.relationship-person-avatar-placeholder{width:24px;height:24px;border-radius:50%;background:var(--accent, #70A8C0);color:#fffbf4;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.relationship-person-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visibility-info{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color, #E8D8C0);font-size:.75rem;color:var(--text-muted, #7A6A58)}.visibility-info summary{cursor:pointer;-webkit-user-select:none;user-select:none}.visibility-info summary:hover{color:var(--text-primary, #1E1A16)}.visibility-info ul{margin:.5rem 0;padding-left:1.25rem}.visibility-info li{margin-bottom:.25rem}.visibility-info p{margin:.5rem 0 0}[data-theme=dark] .profile-relationships-display{background:var(--bg-card, #3D352C);border-color:var(--border-color, #4A4038)}[data-theme=dark] .relationship-person{background:var(--bg-secondary, #4A4038)}[data-theme=dark] .relationship-person:hover{background:var(--bg-tertiary, #5A4D40)}[data-theme=dark] .visibility-info{border-color:var(--border-color, #4A4038)}[data-theme=dark] .visibility-info summary:hover{color:var(--text-primary, #F8EED8)}.circle-type-label{font-size:.75rem;color:var(--text-muted, #7A6A58);font-style:italic}.circle-card-dynamic{border-color:var(--accent, #70A8C0);border-width:1px}.circle-card-dynamic .circle-card-icon{color:var(--accent, #70A8C0)}.modal-circle-chooser{max-width:400px}.circle-type-chooser{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.circle-type-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:var(--bg-secondary, #F8EED8);border:2px solid var(--border-color, #E8D8C0);border-radius:.75rem;cursor:pointer;transition:all .2s;text-align:center}.circle-type-option:hover{border-color:var(--accent, #70A8C0);background:var(--bg-card, #FFFBF4)}.circle-type-option .option-icon{color:var(--accent, #70A8C0)}.circle-type-option .option-title{font-weight:600;font-size:1.125rem}.circle-type-option .option-desc{font-size:.875rem;color:var(--text-muted, #7A6A58)}.modal-actions.centered{justify-content:center}.modal-dynamic-circle{max-width:500px}.modal-dynamic-circle .dynamic-icon{color:var(--accent, #70A8C0);vertical-align:middle;margin-right:.5rem}.type-picker{max-height:300px;overflow-y:auto;border:1px solid var(--border-color, #E8D8C0);border-radius:.5rem;padding:.75rem}.type-picker-category{margin-bottom:1rem}.type-picker-category:last-child{margin-bottom:0}.type-picker-category-label{font-size:.7rem;font-weight:600;color:var(--text-muted, #7A6A58);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.5rem}.type-picker-items{display:flex;flex-wrap:wrap;gap:.375rem}.type-picker-item{padding:.375rem .75rem;font-size:.875rem;background:var(--bg-secondary, #F8EED8);border:1px solid var(--border-color, #E8D8C0);border-radius:999px;cursor:pointer;transition:all .15s}.type-picker-item:hover{border-color:var(--accent, #70A8C0)}.type-picker-item.selected{background:var(--accent, #70A8C0);color:#fffbf4;border-color:var(--accent, #70A8C0)}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer}.checkbox-label.standalone{margin-bottom:.25rem}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;flex-shrink:0}.circle-dynamic-info{margin:1rem 0;padding:1rem;background:var(--bg-secondary, #F8EED8);border-radius:.5rem;border-left:3px solid var(--accent, #70A8C0)}.circle-dynamic-note{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted, #7A6A58);margin-bottom:.75rem}.circle-dynamic-note svg{color:var(--accent, #70A8C0);flex-shrink:0}.circle-rules-summary{background:var(--bg-card, #FFFBF4);padding:.75rem;border-radius:.375rem}.circle-rules-summary h3{font-size:.75rem;font-weight:600;color:var(--text-muted, #7A6A58);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.circle-rules-summary ul{list-style:none;padding:0;margin:0}.circle-rules-summary li{font-size:.875rem;padding:.25rem 0}.circle-rules-summary .mutual-tag{font-size:.75rem;color:var(--accent, #70A8C0);font-style:italic}[data-theme=dark] .circle-type-option{background:var(--bg-secondary, #4A4038);border-color:var(--border-color, #5A4D40)}[data-theme=dark] .circle-type-option:hover{background:var(--bg-card, #3D352C)}[data-theme=dark] .type-picker{background:var(--bg-secondary, #4A4038);border-color:var(--border-color, #5A4D40)}[data-theme=dark] .type-picker-item{background:var(--bg-card, #3D352C);border-color:var(--border-color, #5A4D40)}[data-theme=dark] .circle-dynamic-info{background:var(--bg-secondary, #4A4038)}[data-theme=dark] .circle-rules-summary{background:var(--bg-card, #3D352C)}.posts-module .compact-posts-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.compact-post-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border-color, #E8D8C0)}.compact-post-item:last-child{border-bottom:none}.post-intent-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;padding:.125rem .375rem;background:var(--accent, #70A8C0);color:#fffbf4;border-radius:.25rem;flex-shrink:0}.post-content-preview{flex:1;font-size:.875rem;color:var(--text-primary, #1E1A16);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-time{font-size:.75rem;color:var(--text-muted, #7A6A58);flex-shrink:0}.friends-module{max-width:100%;overflow:hidden;box-sizing:border-box}.friends-module .friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:1rem}.friend-tile{display:flex;flex-direction:column;align-items:center;gap:.375rem;text-decoration:none;color:var(--text-primary, #1E1A16);transition:opacity .15s;position:relative}.friend-tile:hover{opacity:.85}.friend-tile-link{display:flex;flex-direction:column;align-items:center;gap:.375rem;text-decoration:none;color:inherit}.friend-tile-actions{position:absolute;top:-4px;right:-4px;opacity:0;transition:opacity .15s}.friend-tile:hover .friend-tile-actions{opacity:1}.friend-tile-actions .message-button{background:#fffffff2;box-shadow:0 1px 4px #0000001a}:root[data-theme=dark] .friend-tile-actions .message-button{background:#1e293bf2}.friend-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.friend-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:var(--accent, #70A8C0);color:#fffbf4;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600}.friend-name{font-size:.75rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80px}.module-loading,.module-empty{padding:1.5rem;text-align:center;color:var(--text-muted, #7A6A58);font-size:.875rem}.module-action-link{display:block;text-align:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color, #E8D8C0);font-size:.875rem;color:var(--accent, #70A8C0);text-decoration:none}.module-action-link:hover{text-decoration:underline}.customize-room{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary, #FDF6E9)}.customize-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem;color:var(--text-muted, #7A6A58)}.customize-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bg-card, #FFFBF4);border-bottom:1px solid var(--border-color, #E8D8C0);position:relative;z-index:100}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:.25rem}.toolbar-title{font-size:1rem;font-weight:600;margin:0;margin-right:1rem}.toolbar-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:.375rem;color:var(--text-secondary, #4A423A);cursor:pointer;font-size:.875rem;transition:all .15s}.toolbar-btn:hover{background:var(--bg-secondary, #F8EED8);color:var(--text-primary, #1E1A16)}.toolbar-btn.active{background:var(--accent, #70A8C0);color:#fffbf4}.toolbar-btn-label{display:none}@media (min-width: 768px){.toolbar-btn-label{display:inline}}.toolbar-caret{margin-left:.125rem;opacity:.6}.toolbar-save-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--bg-secondary, #F8EED8);border:1px solid var(--border-color, #E8D8C0);border-radius:.375rem;color:var(--text-muted, #7A6A58);cursor:not-allowed;font-size:.875rem;transition:all .15s}.toolbar-save-btn.has-changes{background:var(--accent, #70A8C0);border-color:var(--accent, #70A8C0);color:#fffbf4;cursor:pointer}.toolbar-save-btn.has-changes:hover{filter:brightness(1.1)}.toolbar-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-card, #FFFBF4);border-bottom:1px solid var(--border-color, #E8D8C0);box-shadow:0 4px 6px -1px #0000001a;z-index:99;padding:1rem 1.5rem;max-height:60vh;overflow-y:auto}.dropdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #E8D8C0)}.dropdown-header span{font-size:.875rem;font-weight:600;color:var(--text-primary, #1E1A16)}.dropdown-close{background:none;border:none;cursor:pointer;color:var(--text-muted, #7A6A58);padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center}.dropdown-close:hover{background:var(--bg-secondary, #F8EED8);color:var(--text-primary, #1E1A16)}.dropdown-content{display:flex;flex-direction:column;gap:1.25rem}.dropdown-section{display:flex;flex-direction:column;gap:.5rem}.dropdown-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:var(--text-muted, #7A6A58)}.dropdown-swatches{display:flex;gap:.5rem;flex-wrap:wrap}.swatch{width:32px;height:32px;border:2px solid var(--border-color, #E8D8C0);border-radius:.375rem;cursor:pointer;transition:all .15s}.swatch:hover{transform:scale(1.05)}.swatch.active{border-color:var(--accent, #70A8C0);box-shadow:0 0 0 2px var(--accent, #70A8C0)}.swatch-custom{width:32px;height:32px;padding:0;border:2px dashed var(--border-color, #E8D8C0);border-radius:.375rem;cursor:pointer;background:linear-gradient(135deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3,#54a0ff)}.swatch-custom::-webkit-color-swatch-wrapper{padding:0}.swatch-custom::-webkit-color-swatch{border:none;border-radius:.25rem}.dropdown-select{padding:.5rem .75rem;border:1px solid var(--border-color, #E8D8C0);border-radius:.375rem;font-size:.875rem;background:var(--bg-card, #FFFBF4);color:var(--text-primary, #1E1A16);cursor:pointer;min-width:150px}.dropdown-select:focus{outline:none;border-color:var(--accent, #70A8C0)}.dropdown-chips{display:flex;gap:.375rem;flex-wrap:wrap}.chip{padding:.375rem .75rem;background:var(--bg-secondary, #F8EED8);border:1px solid var(--border-color, #E8D8C0);border-radius:1rem;font-size:.8125rem;cursor:pointer;transition:all .15s;color:var(--text-secondary, #4A423A)}.chip:hover{border-color:var(--accent, #70A8C0);background:var(--bg-card, #FFFBF4)}.chip.active{background:var(--accent, #70A8C0);border-color:var(--accent, #70A8C0);color:#fffbf4}.dropdown-options{display:flex;flex-direction:column;gap:.375rem}.option-btn{display:flex;flex-direction:column;gap:.125rem;padding:.625rem .875rem;background:var(--bg-secondary, #F8EED8);border:1px solid var(--border-color, #E8D8C0);border-radius:.5rem;font-size:.875rem;cursor:pointer;text-align:left;transition:all .15s}.option-btn:hover{border-color:var(--accent, #70A8C0);background:var(--bg-card, #FFFBF4)}.option-btn.active{background:var(--accent-light, #F2F8FA);border-color:var(--accent, #70A8C0)}.option-btn .option-label{font-weight:500;color:var(--text-primary, #1E1A16)}.option-btn .option-hint{font-size:.75rem;color:var(--text-muted, #7A6A58)}.option-btn.active .option-label{color:var(--accent, #70A8C0)}.dropdown-row{display:flex;align-items:center;gap:.75rem}.dropdown-input{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color, #E8D8C0);border-radius:.375rem;font-size:.875rem;background:var(--bg-card, #FFFBF4);color:var(--text-primary, #1E1A16)}.dropdown-input:focus{outline:none;border-color:var(--accent, #70A8C0)}.dropdown-input::placeholder{color:var(--text-muted, #9A8A78)}.dropdown-checkbox{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-secondary, #4A423A);cursor:pointer;white-space:nowrap}.dropdown-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent, #70A8C0);cursor:pointer}.customize-preview-area{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:auto;background:var(--bg-secondary, #F8EED8)}.room-preview{width:100%;max-width:480px;min-height:400px;background:var(--bg-card, #FFFBF4);border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.preview-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--border-color, #E8D8C0)}.preview-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0}.preview-avatar img{width:100%;height:100%;object-fit:cover}.preview-avatar-placeholder{width:100%;height:100%;background:var(--accent, #70A8C0);color:#fffbf4;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600}.preview-info{flex:1}.preview-name{font-size:1.25rem;font-weight:600;margin:0}.preview-pronouns{font-size:.875rem;color:var(--text-muted, #7A6A58)}.preview-tagline{font-size:.875rem;color:var(--text-secondary, #4A423A);margin:.25rem 0 0}.preview-modules{padding:1rem}.preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:3rem;color:var(--text-muted, #7A6A58);text-align:center}.preview-module{padding:.75rem;margin-bottom:.75rem;border:1px solid var(--border-color, #E8D8C0);border-radius:.5rem;cursor:pointer;transition:all .15s}.preview-module:hover,.preview-module.focused{border-color:var(--accent, #70A8C0);box-shadow:0 0 0 2px #3b82f633}.preview-module-header{font-size:.875rem;font-weight:600;margin-bottom:.5rem}.preview-module-content{min-height:40px}.preview-module-placeholder{height:40px;background:var(--bg-secondary, #F8EED8);border-radius:.25rem}.preview-schematic{width:100%;max-width:600px;min-height:400px;padding:24px;border-radius:12px;border:1px solid var(--border-color, #E8D8C0);box-shadow:0 4px 24px #00000014}.preview-header-schematic{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border-color, #E8D8C0);margin-bottom:20px}.preview-schematic .preview-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:var(--bg-secondary, #F8EED8);border:2px dashed var(--border-color, #E8D8C0);display:block;color:transparent;font-size:0}.preview-name-placeholder{display:flex;flex-direction:column;gap:6px}.placeholder-line{height:10px;background:var(--bg-secondary, #F8EED8);border-radius:4px;width:100%}.placeholder-line.wide{width:140px}.placeholder-line.narrow{width:80px}.placeholder-line.short{width:60%}.placeholder-line.medium{width:80%}.preview-modules-schematic{display:flex;flex-direction:column;gap:12px}.preview-module-block{display:flex;flex-direction:column;padding:12px 16px;background:var(--bg-secondary, #F8EED8);border:1px solid var(--border-color, #E8D8C0);border-radius:8px;cursor:pointer;transition:all .15s;text-align:left}.preview-module-block:hover{border-color:var(--accent, #70A8C0);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.module-block-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.module-block-icon{font-size:1rem}.module-block-label{font-size:.85rem;font-weight:600;color:var(--text-primary, #1E1A16);flex:1}.module-expand-icon{color:var(--text-muted, #7A6A58);opacity:0;transition:opacity .15s}.preview-module-block:hover .module-expand-icon{opacity:1}.module-block-content{display:flex;flex-direction:column;gap:4px}.preview-schematic .preview-empty{padding:32px;text-align:center;color:var(--text-muted, #7A6A58);font-size:.9rem;display:block}.preview-focused{width:100%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;background:var(--bg-card, #FFFBF4);border-radius:12px;border:1px solid var(--border-color, #E8D8C0);overflow:hidden}.preview-focused-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary, #F8EED8);border-bottom:1px solid var(--border-color, #E8D8C0)}.preview-focused-header h3{margin:0;font-size:1rem;flex:1}.preview-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-secondary, #4A423A);cursor:pointer;padding:6px 10px;border-radius:6px;font-size:.875rem;transition:all .15s}.preview-back-btn:hover{background:var(--bg-card, #FFFBF4);color:var(--accent, #70A8C0)}.preview-focused-content{flex:1;padding:20px;overflow-y:auto}.customize-module-bar{padding:.75rem 1rem;background:var(--bg-card, #FFFBF4);border-top:1px solid var(--border-color, #E8D8C0)}.module-bar{display:flex;align-items:center;gap:12px}.module-bar-label{font-size:.75rem;font-weight:500;color:var(--text-muted, #7A6A58);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.module-bar-items{display:flex;gap:8px;flex-wrap:wrap}.module-bar-toggle{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-secondary, #F8EED8);border:1px solid var(--border-color, #E8D8C0);border-radius:6px;color:var(--text-muted, #7A6A58);cursor:pointer;font-size:.8125rem;transition:all .15s}.module-bar-toggle:hover{border-color:var(--text-muted, #7A6A58)}.module-bar-toggle.enabled{background:var(--accent-light, #F2F8FA);border-color:var(--accent, #70A8C0);color:var(--accent, #70A8C0)}.module-bar-toggle.enabled:hover{background:var(--bg-card, #FFFBF4)}.module-bar-toggle.disabled{opacity:.6}.module-bar-toggle-label{display:none}@media (min-width: 640px){.module-bar-toggle-label{display:inline}}.posts-module-compact{padding:0}.compact-posts-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.compact-post-row{padding:0}.compact-post-link{display:flex;align-items:center;gap:10px;padding:8px 12px;text-decoration:none;border-radius:6px;transition:background .15s}.compact-post-link:hover{background:var(--bg-secondary, #F8EED8)}.compact-post-badge{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;font-size:.85rem;border-radius:13px;border:1px solid}.compact-post-text{flex:1;font-size:.9rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-loading{padding:1rem;text-align:center;color:var(--text-muted, #7A6A58);font-size:.875rem}.module-empty{padding:1.5rem;text-align:center;color:var(--text-muted, #7A6A58);font-size:.875rem}[data-theme=dark] .compact-post-item{border-color:var(--border-color, #4A4038)}[data-theme=dark] .post-content-preview,[data-theme=dark] .friend-tile{color:var(--text-primary, #F8EED8)}[data-theme=dark] .module-action-link{border-color:var(--border-color, #4A4038)}[data-theme=dark] .customize-room{background:var(--bg-primary, #2A2420)}[data-theme=dark] .customize-toolbar{background:var(--bg-card, #3D352C);border-color:var(--border-color, #4A4038)}[data-theme=dark] .toolbar-btn:hover{background:var(--bg-secondary, #4A4038);color:var(--text-primary, #F8EED8)}[data-theme=dark] .toolbar-save-btn{background:var(--bg-secondary, #4A4038);border-color:var(--border-color, #4A4038)}[data-theme=dark] .toolbar-dropdown{background:var(--bg-card, #3D352C);border-color:var(--border-color, #4A4038)}[data-theme=dark] .dropdown-header{border-color:var(--border-color, #4A4038)}[data-theme=dark] .dropdown-close:hover{background:var(--bg-secondary, #4A4038)}[data-theme=dark] .dropdown-tab{background:var(--bg-secondary, #4A4038);border-color:var(--border-color, #4A4038)}[data-theme=dark] .color-swatch,[data-theme=dark] .gradient-swatch{border-color:var(--border-color, #4A4038)}[data-theme=dark] .option-btn{background:var(--bg-secondary, #4A4038);border-color:var(--border-color, #4A4038)}[data-theme=dark] .text-input{background:var(--bg-secondary, #4A4038);border-color:var(--border-color, #4A4038);color:var(--text-primary, #F8EED8)}[data-theme=dark] .customize-preview-area{background:var(--bg-secondary, #3D352C)}[data-theme=dark] .room-preview{background:var(--bg-card, #4A4038)}[data-theme=dark] .preview-header,[data-theme=dark] .preview-module{border-color:var(--border-color, #5A4D40)}[data-theme=dark] .preview-module-placeholder{background:var(--bg-secondary, #4A4038)}[data-theme=dark] .customize-module-bar{background:var(--bg-card, #3D352C);border-color:var(--border-color, #4A4038)}[data-theme=dark] .module-bar-item{background:var(--bg-secondary, #4A4038);border-color:var(--border-color, #5A4D40)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-close-btn{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.report-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;padding:24px;position:relative}.report-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.report-header h2{margin:0;font-size:1.25rem}.report-warning-icon{color:var(--warning, #E8B050);flex-shrink:0}.report-context{color:var(--text-secondary);margin:0 0 20px;font-size:.9rem;padding:12px;background:var(--bg-secondary);border-radius:8px}.report-form .form-group{margin-bottom:20px}.report-form .form-group>label{display:block;font-weight:500;margin-bottom:12px;font-size:.95rem}.report-reason-options{display:flex;flex-direction:column;gap:4px}.report-reason-option{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s;margin:0}.report-reason-option:hover{background:var(--bg-secondary)}.report-reason-option input[type=radio]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;margin:0}.report-reason-option span{font-size:.9rem;color:var(--text-primary)}.report-form textarea{width:100%;padding:12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;font-family:inherit;font-size:.9rem;color:var(--text-primary);resize:vertical;min-height:100px}.report-form textarea:focus{outline:none;border-color:var(--primary)}.report-form textarea::placeholder{color:var(--text-muted)}.report-error{display:flex;align-items:center;gap:8px;padding:12px;margin-bottom:16px;background:var(--error-bg, rgba(216, 128, 112, .1));border:1px solid var(--error-border, rgba(216, 128, 112, .2));border-radius:8px;color:var(--error, #D88070);font-size:.9rem}.report-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.report-actions .btn{display:flex;align-items:center;gap:8px}.btn-danger{background:var(--error, #D88070);color:#fffbf4;border-color:var(--error, #D88070)}.btn-danger:hover:not(:disabled){background:#c87060;border-color:#c87060}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.report-note{margin:16px 0 0;padding:12px;font-size:.8rem;color:var(--text-muted);background:var(--bg-secondary);border-radius:8px;line-height:1.5}.report-success{text-align:center;padding:24px 16px}.report-success-icon{color:var(--success, #7CB87C);margin-bottom:16px}.report-success h2{margin:0 0 12px;font-size:1.25rem}.report-success p{margin:0 0 24px;color:var(--text-secondary);line-height:1.5}.report-success .btn{min-width:120px}.loading-spinner-small{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 480px){.report-modal{margin:16px;padding:20px;max-height:calc(100vh - 32px)}.report-actions{flex-direction:column}.report-actions .btn{width:100%;justify-content:center}}.admin-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.admin-sidebar{width:240px;background:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.admin-sidebar-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--border-color);font-weight:600;font-size:1.1rem;color:var(--text-primary)}.admin-role-badge{margin-left:auto;font-size:.65rem;font-weight:600;text-transform:uppercase;padding:4px 8px;background:var(--primary-bg, rgba(90, 172, 168, .1));color:var(--primary);border-radius:4px;letter-spacing:.5px}.admin-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.admin-nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.9rem;transition:all .15s}.admin-nav-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.admin-nav-link.active{background:var(--primary-bg, rgba(90, 172, 168, .1));color:var(--primary)}.admin-sidebar-footer{padding:16px;border-top:1px solid var(--border-color)}.back-to-app{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;color:var(--text-muted);text-decoration:none;font-size:.85rem;border-radius:8px;transition:all .15s}.back-to-app:hover{background:var(--bg-secondary);color:var(--text-primary)}.admin-main{flex:1;margin-left:240px;padding:32px;max-width:1200px}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--text-muted)}.admin-page-header{margin-bottom:32px}.admin-page-header h1{font-size:1.75rem;margin:0 0 8px;color:var(--text-primary)}.admin-page-header p{margin:0;color:var(--text-secondary);font-size:.95rem}.admin-back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px;color:var(--text-muted);text-decoration:none;font-size:.85rem;transition:color .15s}.admin-back-link:hover{color:var(--primary)}.admin-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);padding:24px;margin-bottom:24px}.admin-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-card-title{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.admin-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px}.admin-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:10px;color:var(--primary)}.admin-stat-content{display:flex;flex-direction:column}.admin-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.admin-stat-label{font-size:.8rem;color:var(--text-muted)}.admin-reports-filters,.admin-users-filters,.admin-audit-filters{display:flex;flex-wrap:wrap;gap:16px}.admin-filter-group{display:flex;flex-direction:column;gap:6px}.admin-filter-group label{font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.admin-select{padding:10px 12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:.9rem;min-width:150px;cursor:pointer}.admin-select:focus{outline:none;border-color:var(--primary)}.admin-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:var(--text-primary)}.admin-checkbox input{width:16px;height:16px;accent-color:var(--primary)}.admin-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px}.admin-search-bar:focus-within{border-color:var(--primary)}.admin-search-icon{color:var(--text-muted);flex-shrink:0}.admin-search-input{flex:1;background:none;border:none;font-size:.95rem;color:var(--text-primary)}.admin-search-input:focus{outline:none}.admin-search-input::placeholder{color:var(--text-muted)}.admin-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;color:var(--text-secondary)}.admin-empty-state svg{color:var(--text-muted);margin-bottom:16px;opacity:.5}.admin-empty-state h3{margin:0 0 8px;font-size:1.1rem;color:var(--text-primary)}.admin-empty-state p{margin:0 0 20px;max-width:300px;line-height:1.5}.admin-placeholder-text{color:var(--text-muted);font-size:.9rem;padding:24px;text-align:center;background:var(--bg-secondary);border-radius:8px}.admin-role-info{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:8px}.admin-role-info svg{color:var(--primary)}.admin-role-name{display:block;font-size:1.1rem;font-weight:600;color:var(--text-primary);text-transform:capitalize;margin-bottom:4px}.admin-role-description{margin:0;font-size:.85rem;color:var(--text-secondary)}.admin-action-buttons{display:flex;flex-wrap:wrap;gap:12px}.admin-mobile-header,.admin-bottom-nav{display:none}@media (max-width: 768px){.admin-layout{flex-direction:column}.admin-mobile-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50;padding-top:calc(12px + var(--safe-top, 0px))}.admin-header-back-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--text-secondary);margin-left:-8px;text-decoration:none}.admin-header-back-link:active{background:var(--bg-secondary);border-radius:8px}.admin-mobile-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:1rem;color:var(--text-primary)}.admin-mobile-header .admin-role-badge{margin-left:auto}.admin-sidebar{display:none}.admin-main{margin-left:0;padding:16px;padding-bottom:calc(80px + var(--safe-bottom, 0px));max-width:100%}.admin-page-header{margin-bottom:16px}.admin-page-header h1{font-size:1.375rem}.admin-page-header p{font-size:.875rem}.admin-page-header .header-actions{flex-direction:column;gap:8px}.admin-card{padding:16px;margin-bottom:16px;border-radius:10px}.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.admin-stat-card{padding:14px;flex-direction:column;align-items:flex-start;gap:10px}.admin-stat-icon{width:40px;height:40px}.admin-stat-value{font-size:1.25rem}.admin-stat-label{font-size:.75rem}.admin-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;background:var(--bg-card);border-top:1px solid var(--border-color);padding:8px 0;padding-bottom:calc(8px + var(--safe-bottom, 0px));z-index:100}.admin-bottom-nav-link{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;color:var(--text-muted);text-decoration:none;font-size:.688rem;font-weight:500;min-width:56px;min-height:44px;justify-content:center;border-radius:8px}.admin-bottom-nav-link.active{color:var(--primary);background:var(--primary-bg, rgba(90, 172, 168, .1))}.admin-bottom-nav-link svg{width:20px;height:20px}.admin-reports-filters,.admin-users-filters,.admin-audit-filters{flex-direction:column}.admin-filter-group,.admin-select{width:100%}.filter-buttons{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;margin:0 -16px;padding-left:16px;padding-right:16px}.filter-buttons::-webkit-scrollbar{display:none}.filter-buttons{-ms-overflow-style:none;scrollbar-width:none}.filter-btn{flex-shrink:0;min-height:44px}.reports-list{gap:12px}.report-card-header{flex-direction:column;gap:8px;padding:12px 12px 0}.report-card-badges{order:1}.report-time{order:0;align-self:flex-start}.report-card-body,.report-card-footer{padding:10px 12px}.admin-stats-secondary{flex-wrap:wrap;gap:8px}.secondary-stat{flex:1;min-width:calc(50% - 4px);padding:10px;font-size:.8rem}.dashboard-grid{grid-template-columns:1fr;gap:16px}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:10px}.quick-action-btn{padding:14px 10px;font-size:.8rem;min-height:44px}.activity-list{gap:12px}.activity-item{padding:12px}.urgent-items-list{gap:8px}.urgent-item{padding:12px}.urgent-alert-banner{flex-direction:column;gap:12px;padding:12px}.urgent-alert-content{flex-direction:column;gap:8px;text-align:center}.urgent-alert-banner .btn{width:100%}}.reports-filters{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-primary);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.filter-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fffbf4}.filter-btn-warning.active{background:var(--warning);border-color:var(--warning)}.filter-btn-info.active{background:var(--info, #70A8C0);border-color:var(--info, #70A8C0)}.filter-btn-danger.active{background:var(--danger);border-color:var(--danger)}.filter-btn-success.active{background:var(--success);border-color:var(--success)}.filter-btn-muted.active{background:var(--text-muted);border-color:var(--text-muted)}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#00000026;font-size:.75rem;font-weight:600}.filter-btn:not(.active) .filter-count{background:var(--bg-secondary)}.filter-count-danger{background:var(--danger);color:#fffbf4}.filter-btn:not(.active) .filter-count-danger{background:var(--danger)}.reports-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:16px;color:var(--text-secondary)}.reports-list{display:grid;gap:16px}.report-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .15s ease;overflow:hidden}.report-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a}.report-card.report-priority-urgent{border-left:4px solid var(--danger)}.report-card.report-priority-high{border-left:4px solid var(--warning)}.report-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 16px 0;gap:12px}.report-card-badges{display:flex;flex-wrap:wrap;gap:8px}.priority-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.priority-badge.priority-urgent{background:var(--danger);color:#fffbf4}.priority-badge.priority-high{background:var(--warning);color:#fffbf4}.priority-badge.priority-normal{background:var(--bg-secondary);color:var(--text-secondary)}.priority-badge.priority-low{background:var(--bg-tertiary, var(--bg-secondary));color:var(--text-muted)}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:capitalize}.status-badge.status-pending{background:#e8b05026;color:var(--warning)}.status-badge.status-in_review{background:#3b82f626;color:var(--info, #70A8C0)}.status-badge.status-escalated{background:#d8807026;color:var(--danger)}.status-badge.status-resolved{background:#7cb87c26;color:var(--success)}.status-badge.status-dismissed{background:var(--bg-secondary);color:var(--text-muted)}.report-type-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:500;background:var(--bg-secondary);color:var(--text-secondary);text-transform:capitalize}.report-time{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-muted);white-space:nowrap}.report-card-body{padding:12px 16px}.report-reason{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--text-primary)}.report-reason svg{color:var(--danger);flex-shrink:0}.report-details{margin:0 0 12px;font-size:.9rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.report-parties{display:flex;flex-wrap:wrap;gap:16px}.report-party{display:flex;align-items:center;gap:6px;font-size:.85rem}.party-label{color:var(--text-muted)}.party-name{color:var(--text-primary);font-weight:500}.report-card-footer{display:flex;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.admin-error{display:flex;align-items:center;gap:12px;padding:16px;background:#d880701a;border:1px solid var(--danger);border-radius:8px;color:var(--danger)}.feedback-list{display:grid;gap:16px}.feedback-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .15s ease;overflow:hidden}.feedback-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a}.feedback-card.feedback-new{border-left:4px solid var(--warning)}.feedback-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 16px 0;gap:12px}.feedback-card-badges{display:flex;flex-wrap:wrap;gap:8px}.route-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:500;font-family:monospace;background:var(--bg-secondary);color:var(--text-secondary)}.feedback-time{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted);white-space:nowrap}.feedback-card-body{padding:12px 16px 16px}.feedback-message{margin:0 0 12px;color:var(--text-primary);line-height:1.5}.feedback-meta{display:flex;gap:16px;font-size:.8rem;color:var(--text-muted)}.feedback-user{font-weight:500;color:var(--text-secondary)}.feedback-user.feedback-anonymous{font-style:italic}.feedback-viewport{font-family:monospace}.feedback-card-footer{display:flex;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.status-badge.status-new{background:#e8b05026;color:var(--warning)}.status-badge.status-reviewed{background:#7cb87c26;color:var(--success)}.status-badge.status-archived{background:var(--bg-tertiary, var(--bg-secondary));color:var(--text-muted)}.feedback-detail-modal{position:relative;width:100%;max-width:600px;max-height:calc(100vh - 48px);background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden}.feedback-detail-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.feedback-detail-modal .modal-header h2{margin:0;font-size:1.25rem}.feedback-detail-modal .modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer}.feedback-detail-modal .modal-close:hover{background:var(--bg-tertiary, var(--border-color));color:var(--text-primary)}.feedback-detail-modal .modal-body{padding:24px;overflow-y:auto;flex:1}.feedback-detail-modal .detail-section{margin-bottom:24px}.feedback-detail-modal .detail-section:last-child{margin-bottom:0}.feedback-detail-modal .detail-section h3{margin:0 0 12px;font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.feedback-message-full{margin:0;font-size:1rem;line-height:1.6;color:var(--text-primary);padding:16px;background:var(--bg-secondary);border-radius:8px}.context-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.context-item{display:flex;flex-direction:column;gap:4px}.context-item.full-width{grid-column:1 / -1}.context-item label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.context-item code{padding:8px 12px;background:var(--bg-secondary);border-radius:6px;font-size:.85rem;color:var(--text-secondary);word-break:break-all}.context-item .url-code,.context-item .user-agent{font-size:.75rem;line-height:1.4}.feedback-detail-modal .user-info{display:flex;flex-direction:column;gap:4px}.feedback-detail-modal .user-id{font-size:.85rem;color:var(--text-muted)}.feedback-detail-modal .anonymous{font-style:italic;color:var(--text-muted)}.feedback-detail-modal .modal-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-secondary);gap:16px}.status-actions{display:flex;align-items:center;gap:8px}.status-actions span{font-size:.85rem;color:var(--text-muted);margin-right:4px}@media (max-width: 640px){.context-grid{grid-template-columns:1fr}.feedback-detail-modal .modal-footer{flex-direction:column;align-items:stretch}.status-actions{flex-wrap:wrap;justify-content:center}}.report-detail-modal{position:relative;width:100%;max-width:700px;max-height:calc(100vh - 48px);background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden}.modal-close-btn{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;z-index:10}.modal-close-btn:hover{background:var(--bg-tertiary, var(--border-color));color:var(--text-primary)}.report-detail-header{display:flex;align-items:flex-start;gap:16px;padding:20px 60px 20px 24px;border-bottom:1px solid var(--border-color)}.report-detail-icon{color:var(--danger);flex-shrink:0}.report-detail-title{flex:1}.report-detail-title h2{margin:0 0 4px;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.report-meta{font-size:.85rem;color:var(--text-secondary);text-transform:capitalize}.report-detail-badges{display:flex;flex-wrap:wrap;gap:8px}.report-detail-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 24px;background:var(--bg-secondary)}.report-tab{padding:14px 16px;border:none;background:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s ease}.report-tab:hover{color:var(--text-primary)}.report-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.report-detail-content{flex:1;overflow-y:auto;padding:24px}.report-tab-content{animation:fadeIn .2s ease}.detail-section h3{margin:0 0 12px;font-size:.9rem;font-weight:600;color:var(--text-primary)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.detail-item span{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-primary)}.report-reason-text{margin:0;font-size:.95rem;color:var(--text-primary)}.reporter-comments{margin-top:16px;padding:16px;background:var(--bg-secondary);border-radius:8px}.reporter-comments label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px}.reporter-comments p{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.user-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:8px}.user-card-info{display:flex;flex-direction:column;gap:2px}.user-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.user-handle{font-size:.85rem;color:var(--text-secondary)}.resolution-info{padding:16px;background:var(--bg-secondary);border-radius:8px}.resolution-info p{margin:0 0 8px;font-size:.9rem;color:var(--text-secondary)}.resolution-info p:last-child{margin-bottom:0}.content-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary)}.content-preview{padding:16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.content-author{display:flex;align-items:center;gap:12px;margin-bottom:12px}.content-author>div{display:flex;flex-direction:column;gap:2px}.author-name{font-weight:600;color:var(--text-primary);font-size:.9rem}.author-handle{font-size:.8rem;color:var(--text-secondary)}.content-body{color:var(--text-primary);font-size:.95rem;line-height:1.6;margin-bottom:12px}.content-body p{margin:0}.content-body label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px}.content-image{margin:12px 0;border-radius:8px;overflow:hidden}.content-image img{width:100%;max-height:300px;object-fit:cover}.content-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.8rem;color:var(--text-muted);padding-top:12px;border-top:1px solid var(--border-color)}.hidden-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#d880701a;color:var(--danger);border-radius:4px;font-weight:500}.content-unavailable{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;background:var(--bg-secondary);border-radius:8px;color:var(--text-muted);text-align:center}.content-unavailable p{margin:0}.user-detail-card{padding:20px;background:var(--bg-secondary);border-radius:12px}.user-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.user-detail-info h4{margin:0 0 4px;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.user-detail-info p{margin:0;font-size:.9rem;color:var(--text-secondary)}.resolution-form{display:flex;flex-direction:column;gap:24px}.resolution-options{display:grid;gap:8px}.resolution-option{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary);border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .15s ease}.resolution-option:hover{background:var(--bg-tertiary, rgba(255, 255, 255, .05))}.resolution-option.selected{border-color:var(--primary);background:rgba(var(--primary-rgb, 99, 102, 241),.1)}.resolution-option input[type=radio]{display:none}.resolution-option svg{flex-shrink:0;color:var(--text-secondary)}.resolution-option.selected svg{color:var(--primary)}.resolution-option-text{flex:1;display:flex;flex-direction:column;gap:2px}.resolution-label{font-weight:500;color:var(--text-primary)}.resolution-description{font-size:.8rem;color:var(--text-secondary)}.admin-textarea{width:100%;min-height:100px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.9rem;resize:vertical}.admin-textarea:focus{outline:none;border-color:var(--primary)}.admin-textarea::placeholder{color:var(--text-muted)}.resolution-actions{display:flex;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--border-color)}.resolution-actions-left,.resolution-actions-right{display:flex;gap:8px}.btn-warning{background:var(--warning);color:#fffbf4}.btn-warning:hover{opacity:.9}.btn-ghost.btn-warning{background:transparent;color:var(--warning)}.btn-ghost.btn-warning:hover{background:#e8b0501a}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fffbf4;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-muted{color:var(--text-muted)}@media (max-width: 640px){.report-detail-modal{max-width:100%;max-height:100vh;border-radius:0}.report-detail-header{padding:16px 50px 16px 16px}.report-detail-tabs{padding:0 16px;overflow-x:auto}.report-tab{padding:12px;white-space:nowrap}.report-detail-content{padding:16px}.detail-grid{grid-template-columns:1fr}.user-detail-header{flex-direction:column;text-align:center}.resolution-actions{flex-direction:column}.resolution-actions-left,.resolution-actions-right{width:100%}.resolution-actions-left button,.resolution-actions-right button{flex:1}}.search-clear-btn{display:flex;align-items:center;justify-content:center;padding:8px;border:none;background:none;color:var(--text-muted);cursor:pointer;transition:color .15s ease}.search-clear-btn:hover{color:var(--text-primary)}.search-results-count{display:flex;align-items:center;font-size:.9rem;color:var(--text-secondary);margin-left:auto}.admin-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:16px;color:var(--text-secondary)}.users-table-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table th{text-align:left;padding:14px 16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.users-table td{padding:14px 16px;border-bottom:1px solid var(--border-color);vertical-align:middle}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover{background:var(--bg-secondary)}.user-row.status-suspended{background:#e8b0500d}.user-row.status-banned{background:#d880700d}.user-cell{display:flex;align-items:center;gap:12px}.user-cell-info{display:flex;flex-direction:column;gap:2px}.user-cell-name{font-weight:600;color:var(--text-primary);text-decoration:none}.user-cell-name:hover{color:var(--primary);text-decoration:underline}.user-cell-handle{font-size:.85rem;color:var(--text-secondary)}.user-cell-email{font-size:.75rem;color:var(--text-muted)}.status-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-pill.status-success{background:#7cb87c26;color:var(--success)}.status-pill.status-warning{background:#e8b05026;color:var(--warning)}.status-pill.status-danger{background:#d8807026;color:var(--danger)}.status-pill.status-default{background:var(--bg-secondary);color:var(--text-secondary)}.stat-cell{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-secondary)}.stat-cell svg{color:var(--text-muted)}.stat-cell.has-value{color:var(--danger)}.stat-cell.has-value svg{color:var(--danger)}.stat-cell.has-warning{color:var(--warning)}.stat-cell.has-warning svg{color:var(--warning)}.date-cell{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.date-cell svg{color:var(--text-muted)}.actions-cell{display:flex;align-items:center;gap:4px}.dropdown-container{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;z-index:100;min-width:180px;padding:8px 0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #00000026}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:none;color:var(--text-primary);font-size:.9rem;text-align:left;cursor:pointer;transition:background .15s ease}.dropdown-item:hover{background:var(--bg-secondary)}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-item-danger{color:var(--danger)}.dropdown-item-danger:hover{background:#d880701a}.user-action-modal{position:relative;width:100%;max-width:500px;max-height:calc(100vh - 48px);background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden}.user-action-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--border-color)}.user-action-header.action-warning{background:#e8b0501a;color:var(--warning)}.user-action-header.action-danger{background:#d880701a;color:var(--danger)}.user-action-header h2{margin:0;font-size:1.1rem;font-weight:600;color:inherit}.user-action-target{display:flex;align-items:center;gap:12px;padding:16px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.target-info{flex:1;display:flex;flex-direction:column;gap:2px}.target-name{font-weight:600;color:var(--text-primary)}.target-handle{font-size:.85rem;color:var(--text-secondary)}.user-action-form{padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.action-description{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-primary)}.reason-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.suggestion-chip{padding:6px 12px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .15s ease}.suggestion-chip:hover{border-color:var(--primary);color:var(--primary)}.action-error{display:flex;align-items:center;gap:8px;padding:12px;background:#d880701a;border:1px solid var(--danger);border-radius:8px;color:var(--danger);font-size:.9rem}.user-action-buttons{display:flex;justify-content:flex-end;gap:12px;padding-top:12px;border-top:1px solid var(--border-color)}.user-action-confirm{padding:24px;display:flex;flex-direction:column;gap:20px}.confirm-warning{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--warning)}.confirm-warning h3{margin:0;font-size:1.1rem;font-weight:600}.confirm-details{padding:16px;background:var(--bg-secondary);border-radius:8px}.confirm-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color)}.confirm-item:last-child{border-bottom:none}.confirm-label{color:var(--text-muted);font-size:.9rem}.confirm-value{color:var(--text-primary);font-size:.9rem;font-weight:500}.confirm-notice{margin:0;font-size:.85rem;color:var(--text-muted);text-align:center}.user-profile-card{padding:24px}.user-profile-header{display:flex;align-items:flex-start;gap:20px}.user-profile-main{flex:1}.user-profile-names h2{margin:0 0 4px;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.user-profile-names .user-handle{font-size:1rem;color:var(--text-secondary)}.user-profile-badges{display:flex;gap:8px;margin-top:12px}.admin-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#5aaca826;color:var(--primary);border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.user-profile-details{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.profile-detail{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary)}.profile-detail svg{color:var(--text-muted)}.profile-bio{width:100%;margin-top:8px}.profile-bio p{margin:0;font-size:.95rem;color:var(--text-secondary);line-height:1.5}.user-status-reason{display:flex;align-items:flex-start;gap:12px;margin-top:20px;padding:16px;background:#e8b0501a;border:1px solid var(--warning);border-radius:8px;color:var(--warning)}.user-status-reason strong{text-transform:capitalize}.status-until{display:block;font-size:.85rem;margin-top:4px;opacity:.8}.user-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.user-stat-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:10px}.user-stat-card svg{color:var(--text-muted)}.stat-info{display:flex;flex-direction:column;gap:2px}.stat-info .stat-value{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.stat-info .stat-label{font-size:.8rem;color:var(--text-muted)}.user-stat-card.has-reports svg,.user-stat-card.has-reports .stat-value{color:var(--danger)}.user-stat-card.has-warnings svg,.user-stat-card.has-warnings .stat-value{color:var(--warning)}.card-count{font-size:.85rem;color:var(--text-muted)}.admin-empty-state.small{padding:32px}.admin-empty-state.small svg{width:32px;height:32px}.admin-empty-state.small p{margin:8px 0 0;font-size:.9rem}.moderation-history{display:flex;flex-direction:column;gap:12px}.action-history-item{display:flex;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:10px;transition:opacity .2s ease}.action-history-item.revoked{opacity:.6}.action-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;flex-shrink:0}.action-icon.action-warning{background:#e8b05026;color:var(--warning)}.action-icon.action-danger{background:#d8807026;color:var(--danger)}.action-content{flex:1;min-width:0}.action-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.action-type{font-weight:600;font-size:.9rem}.action-type-warning{color:var(--warning)}.action-type-danger{color:var(--danger)}.revoked-badge{padding:2px 8px;background:var(--bg-tertiary, var(--border-color));color:var(--text-muted);border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.expires-badge{font-size:.8rem;color:var(--text-muted)}.action-reason{margin:0 0 8px;font-size:.9rem;color:var(--text-primary);line-height:1.5}.action-meta{display:flex;gap:16px;font-size:.8rem;color:var(--text-muted)}.action-notes,.revoke-info{margin-top:12px;padding:12px;background:var(--bg-tertiary, rgba(0, 0, 0, .1));border-radius:6px;font-size:.85rem;color:var(--text-secondary)}.reports-list-compact{display:flex;flex-direction:column;gap:8px}.report-list-item{display:flex;flex-direction:column;gap:6px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;text-decoration:none;transition:background .15s ease}.report-list-item:hover{background:var(--bg-tertiary, rgba(255, 255, 255, .05))}.report-item-main{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.status-warning{background:var(--warning)}.status-dot.status-info{background:var(--info, #70A8C0)}.status-dot.status-danger{background:var(--danger)}.status-dot.status-success{background:var(--success)}.status-dot.status-muted{background:var(--text-muted)}.report-reason{flex:1;font-size:.9rem;font-weight:500;color:var(--text-primary);text-transform:capitalize}.priority-pill{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.priority-pill.priority-urgent{background:var(--danger);color:#fffbf4}.priority-pill.priority-high{background:var(--warning);color:#fffbf4}.priority-pill.priority-normal{background:var(--bg-tertiary, var(--border-color));color:var(--text-secondary)}.priority-pill.priority-low{background:var(--bg-tertiary, var(--border-color));color:var(--text-muted)}.report-item-meta{display:flex;gap:16px;font-size:.8rem;color:var(--text-muted)}.posts-list-compact{display:flex;flex-direction:column;gap:8px}.post-list-item{display:flex;flex-direction:column;gap:6px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;text-decoration:none;transition:background .15s ease}.post-list-item:hover{background:var(--bg-tertiary, rgba(255, 255, 255, .05))}.post-list-item.hidden-post{opacity:.6}.post-item-content p{margin:0;font-size:.9rem;color:var(--text-primary);line-height:1.5}.post-item-meta{display:flex;gap:12px;font-size:.8rem;color:var(--text-muted)}.post-intent{padding:2px 8px;background:var(--bg-tertiary, var(--border-color));border-radius:4px;font-size:.75rem;text-transform:capitalize}.action-warning{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary)}.action-warning p{margin:0}.revoke-modal{width:100%;max-width:400px;padding:24px;background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 60px #0000004d}.revoke-modal h3{margin:0 0 12px;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.revoke-modal>p{margin:0 0 20px;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}@media (max-width: 1024px){.users-table-container{overflow-x:auto}.users-table{min-width:900px}}@media (max-width: 768px){.users-table-container{display:none}.admin-user-cards{display:flex;flex-direction:column;gap:12px}.admin-user-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;text-align:left;width:100%;cursor:pointer;text-decoration:none}.admin-user-card:active{background:var(--bg-secondary)}.admin-user-card.status-suspended{border-left:3px solid var(--warning)}.admin-user-card.status-banned{border-left:3px solid var(--danger)}.user-card-header{display:flex;align-items:center;gap:12px}.user-card-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-card-info{flex:1;min-width:0}.user-card-name{display:block;font-weight:600;font-size:.938rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card-handle{display:block;font-size:.813rem;color:var(--text-muted)}.user-card-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:12px;border-top:1px solid var(--border-color)}.user-card-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.user-card-stat-value{font-weight:600;font-size:1rem;color:var(--text-primary)}.user-card-stat-label{font-size:.688rem;color:var(--text-muted);text-transform:uppercase}.user-card-stat.has-warning .user-card-stat-value{color:var(--warning)}.user-card-stat.has-danger .user-card-stat-value{color:var(--danger)}.user-profile-header{flex-direction:column;align-items:center;text-align:center}.user-profile-main{width:100%}.user-profile-badges,.user-profile-details{justify-content:center}.user-stats-grid{grid-template-columns:1fr 1fr}.action-history-item{flex-direction:column;align-items:flex-start}.user-action-modal{max-width:100%;border-radius:0;max-height:100vh}}.admin-user-cards{display:none}@media (max-width: 768px){.admin-user-cards{display:flex}}.admin-page-header .header-title{flex:1}.admin-page-header .header-actions{display:flex;gap:12px}.audit-search-row{display:flex;gap:12px;align-items:center}.audit-search-row .admin-search-bar{flex:1}.toggle-filters-btn{display:flex;align-items:center;gap:8px;white-space:nowrap;position:relative}.toggle-filters-btn .rotated{transform:rotate(180deg)}.toggle-filters-btn.active{background:var(--bg-secondary)}.filter-indicator{width:8px;height:8px;background:var(--primary);border-radius:50%}.filters-card{padding:20px}.filters-footer{display:flex;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.spin{animation:spin 1s linear infinite}.audit-log-list{display:flex;flex-direction:column;gap:8px}.audit-log-item{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .15s ease}.audit-log-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000001a}.audit-log-item.severity-danger{border-left:3px solid var(--danger)}.audit-log-item.severity-warning{border-left:3px solid var(--warning)}.audit-log-item.severity-success{border-left:3px solid var(--success)}.audit-log-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--bg-secondary);color:var(--text-muted);flex-shrink:0}.audit-log-item.severity-danger .audit-log-icon{background:#d880701a;color:var(--danger)}.audit-log-item.severity-warning .audit-log-icon{background:#e8b0501a;color:var(--warning)}.audit-log-item.severity-success .audit-log-icon{background:#7cb87c1a;color:var(--success)}.audit-log-content{flex:1;min-width:0}.audit-log-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.action-label{font-weight:600;font-size:.95rem}.action-label.action-danger{color:var(--danger)}.action-label.action-warning{color:var(--warning)}.action-label.action-success{color:var(--success)}.action-label.action-default{color:var(--text-primary)}.audit-log-time{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-muted);white-space:nowrap}.audit-log-body{margin-bottom:8px}.audit-log-reason{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.audit-log-meta{display:flex;flex-wrap:wrap;gap:16px}.meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary)}.admin-meta{display:flex;align-items:center;gap:8px}.admin-role-tag{padding:2px 8px;background:var(--bg-secondary);border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.target-meta svg{color:var(--text-muted)}.view-details-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease;flex-shrink:0}.view-details-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.load-more-container{display:flex;justify-content:center;padding:24px 0}.audit-detail-modal{position:relative;width:100%;max-width:600px;max-height:calc(100vh - 48px);background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden}.audit-detail-header{display:flex;align-items:center;gap:12px;padding:20px 60px 20px 24px;border-bottom:1px solid var(--border-color)}.audit-detail-header.severity-danger{background:#d880701a;color:var(--danger)}.audit-detail-header.severity-warning{background:#e8b0501a;color:var(--warning)}.audit-detail-header.severity-success{background:#7cb87c1a;color:var(--success)}.audit-detail-header.severity-default{background:var(--bg-secondary);color:var(--text-primary)}.audit-detail-title{flex:1}.audit-detail-title h2{margin:0 0 4px;font-size:1.1rem;font-weight:600;color:inherit}.audit-detail-id{font-size:.8rem;opacity:.7}.audit-detail-content{flex:1;overflow-y:auto;padding:24px}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.detail-section h3{margin:0 0 12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.admin-info-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:8px}.admin-info-details{display:flex;flex-direction:column;gap:2px}.admin-name{font-weight:600;color:var(--text-primary)}.admin-info-details .admin-role{font-size:.85rem;color:var(--text-secondary);text-transform:capitalize}.view-admin-link{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:var(--primary);text-decoration:none;margin-top:4px}.view-admin-link:hover{text-decoration:underline}.timestamp-info{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--text-primary)}.timestamp-info svg{color:var(--text-muted)}.target-info{padding:12px;background:var(--bg-secondary);border-radius:8px}.target-row{display:flex;align-items:center;gap:8px;padding:6px 0}.target-row:first-child{padding-top:0}.target-row:last-child{padding-bottom:0}.target-label{font-size:.85rem;color:var(--text-muted);min-width:50px}.target-value{font-size:.9rem;color:var(--text-primary);text-transform:capitalize}.target-id{font-family:monospace;font-size:.85rem;text-transform:none}.target-link{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:.8rem;color:var(--primary);text-decoration:none}.target-link:hover{text-decoration:underline}.reason-text{margin:0;padding:16px;background:var(--bg-secondary);border-radius:8px;font-size:.95rem;color:var(--text-primary);line-height:1.6}.related-report-link{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;color:var(--primary);text-decoration:none;transition:background .15s ease}.related-report-link:hover{background:var(--bg-tertiary, rgba(255, 255, 255, .05))}.detail-section.collapsible{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.section-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border:none;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;text-align:left}.section-toggle h3{margin:0;flex:1}.toggle-hint{font-size:.8rem;color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:normal}.json-viewer{position:relative;padding:16px;background:var(--bg-primary)}.json-viewer pre{margin:0;font-family:monospace;font-size:.85rem;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto}.copy-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .15s ease}.copy-btn:hover{background:var(--bg-tertiary, var(--border-color));color:var(--text-primary)}.request-info{padding:12px;background:var(--bg-secondary);border-radius:8px}.request-row{display:flex;gap:8px;padding:6px 0}.request-label{font-size:.85rem;color:var(--text-muted);min-width:100px}.request-value{font-size:.85rem;color:var(--text-primary)}.request-value.user-agent{font-size:.8rem;word-break:break-all;color:var(--text-secondary)}.audit-detail-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}@media (max-width: 768px){.admin-page-header{flex-direction:column;align-items:flex-start;gap:12px}.admin-page-header .header-actions{width:100%}.admin-page-header .header-actions .btn{flex:1}.audit-search-row{flex-direction:column}.audit-search-row .admin-search-bar{width:100%}.toggle-filters-btn{width:100%;justify-content:center}.audit-log-item{flex-direction:column;padding:16px}.audit-log-icon{display:none}.audit-log-header{flex-direction:column;align-items:flex-start;gap:4px}.audit-log-meta{flex-direction:column;gap:8px}.view-details-btn{position:absolute;top:16px;right:16px}.audit-log-item{position:relative;padding-right:48px}.audit-detail-modal{max-width:100%;border-radius:0;max-height:100vh}.audit-detail-header{padding:16px 48px 16px 16px}.audit-detail-content{padding:16px}.audit-detail-footer{flex-direction:column}.audit-detail-footer button{width:100%}}.last-refresh{font-size:.8rem;color:var(--text-muted)}.urgent-alert-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#d880701a;border:1px solid var(--danger);border-radius:12px;margin-bottom:24px}.urgent-alert-content{display:flex;align-items:center;gap:12px;color:var(--danger)}.urgent-alert-text{display:flex;flex-direction:column;gap:2px}.urgent-alert-text strong{font-size:.95rem}.urgent-alert-text span{font-size:.85rem;opacity:.9}.admin-stat-card.clickable{cursor:pointer;position:relative;transition:all .15s ease}.admin-stat-card.clickable:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a}.admin-stat-card.has-alert{border-color:var(--warning)}.stat-card-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);opacity:0;transition:opacity .15s ease}.admin-stat-card.clickable:hover .stat-card-arrow{opacity:1}.admin-stat-icon.icon-success{background:#7cb87c26;color:var(--success)}.admin-stat-icon.icon-warning{background:#e8b05026;color:var(--warning)}.admin-stat-icon.icon-danger{background:#d8807026;color:var(--danger)}.stat-change{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:.75rem;font-weight:500}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--danger)}.admin-stats-secondary{display:flex;flex-wrap:wrap;gap:24px;padding:16px 20px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px}.secondary-stat{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.secondary-stat svg{color:var(--text-muted)}.secondary-stat-value{font-weight:600;color:var(--text-primary)}.secondary-stat-label{font-size:.85rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:24px}.card-link{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;color:var(--primary);text-decoration:none}.card-link:hover{text-decoration:underline}.reports-summary{display:flex;flex-direction:column;gap:16px}.reports-breakdown{display:flex;flex-direction:column;gap:8px}.report-priority-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-secondary);border-radius:8px;transition:background .15s ease}.report-priority-row.has-items{background:var(--bg-tertiary, rgba(255, 255, 255, .05))}.report-priority-row.has-items.escalated{background:#d880701a}.priority-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.priority-indicator.urgent{background:var(--danger)}.priority-indicator.high{background:var(--warning)}.priority-indicator.normal{background:var(--text-muted)}.priority-indicator.escalated{background:var(--danger);box-shadow:0 0 8px var(--danger)}.priority-label{flex:1;font-size:.9rem;color:var(--text-primary)}.priority-count{font-weight:600;font-size:1rem;color:var(--text-primary)}.report-priority-row.has-items .priority-count{color:var(--danger)}.btn-block{width:100%;justify-content:center}.urgent-items-list{display:flex;flex-direction:column;gap:8px}.urgent-item{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-secondary);border-radius:8px;border-left:3px solid var(--border-color);text-decoration:none;transition:all .15s ease}.urgent-item:hover{background:var(--bg-tertiary, rgba(255, 255, 255, .05))}.urgent-item.priority-urgent{border-left-color:var(--danger)}.urgent-item.priority-high{border-left-color:var(--warning)}.urgent-item.status-escalated{border-left-color:var(--danger);background:#d880700d}.urgent-item-header{display:flex;align-items:center;gap:8px}.escalated-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#d8807026;color:var(--danger);border-radius:4px;font-size:.7rem;font-weight:600}.urgent-item-content{display:flex;flex-direction:column;gap:2px}.urgent-reason{font-weight:500;color:var(--text-primary);font-size:.9rem}.urgent-meta{font-size:.8rem;color:var(--text-muted);text-transform:capitalize}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:8px;border-left:3px solid transparent}.activity-item.severity-danger{border-left-color:var(--danger)}.activity-item.severity-warning{border-left-color:var(--warning)}.activity-item.severity-success{border-left-color:var(--success)}.activity-content{flex:1;min-width:0}.activity-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.activity-admin{font-weight:600;color:var(--text-primary);font-size:.9rem}.activity-action{font-size:.8rem;font-weight:500}.activity-action.action-danger{color:var(--danger)}.activity-action.action-warning{color:var(--warning)}.activity-action.action-success{color:var(--success)}.activity-action.action-default{color:var(--text-secondary)}.activity-reason{margin:0 0 4px;font-size:.85rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.activity-time{font-size:.75rem;color:var(--text-muted)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);text-decoration:none;transition:all .15s ease}.quick-action-btn:hover{border-color:var(--primary);background:var(--bg-tertiary, rgba(255, 255, 255, .05));color:var(--primary)}.quick-action-btn svg{color:var(--text-muted);transition:color .15s ease}.quick-action-btn:hover svg{color:var(--primary)}.quick-action-btn span{font-size:.85rem;font-weight:500}@media (max-width: 768px){.urgent-alert-banner{flex-direction:column;text-align:center}.urgent-alert-content{flex-direction:column}.admin-stats-secondary{justify-content:center;gap:16px 24px}.secondary-stat{flex:1;min-width:120px;justify-content:center}.dashboard-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}.share-btn{background:none;border:none;color:var(--text-muted, #7A6A58);cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:.8125rem;transition:color .2s,background-color .2s}.share-btn:hover{color:var(--accent, #70A8C0);background:color-mix(in srgb,var(--accent, #70A8C0) 12%,transparent)}.share-btn:active{transform:scale(.95)}.share-btn--disabled:hover{color:var(--text-muted, #7A6A58);background:none}.share-btn-count{font-size:.75rem;font-weight:500;color:inherit}.post-actions .share-btn{color:var(--intent-muted, var(--text-muted))}.post-actions .share-btn:hover{color:var(--intent-accent, var(--accent, #70A8C0));background:color-mix(in srgb,var(--intent-accent, var(--accent, #70A8C0)) 15%,transparent)}.share-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.share-modal{background:var(--bg-card, #FFFBF4);border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.share-modal-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #1E1A16)}.share-modal-close{background:none;border:none;color:var(--text-muted, #7A6A58);cursor:pointer;padding:.375rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s}.share-modal-preview{padding:1rem 1.25rem;background:var(--bg-secondary, #FDF6E9);border-bottom:1px solid var(--border-color, #E8D8C0)}.share-preview-label{font-size:.75rem;font-weight:500;color:var(--text-muted, #7A6A58);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.025em}.share-preview-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.share-preview-avatar--placeholder{background:var(--accent, #70A8C0);color:#fffbf4;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.share-preview-text{display:flex;flex-direction:column;gap:.25rem;min-width:0}.share-preview-author{font-weight:600;font-size:.875rem;color:var(--text-primary, #1E1A16)}.share-preview-excerpt{font-size:.8125rem;color:var(--text-secondary, #4A423A);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.share-modal-section+.share-modal-section{padding-top:0}.share-modal-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary, #1E1A16);margin-bottom:.75rem}.share-label-optional{font-weight:400;color:var(--text-muted, #7A6A58)}.share-circles-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-muted, #7A6A58);font-size:.875rem}.share-circles-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem;color:var(--text-muted, #7A6A58)}.share-circles-hint{font-size:.8125rem!important;opacity:.8}.share-circles-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.share-circle-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-secondary, #FDF6E9);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s;text-align:left;width:100%}.share-circle-option:hover:not(.disabled){background:var(--bg-card, #FFFBF4);border-color:var(--border-color, #E8D8C0)}.share-circle-option.selected{background:var(--accent-light, #F2F8FA);border-color:var(--accent, #70A8C0)}.share-circle-info{display:flex;align-items:center;gap:.5rem}.share-circle-icon{font-size:1.125rem}.share-circle-name{font-weight:500;color:var(--text-primary, #1E1A16)}.share-circle-count{font-size:.8125rem;color:var(--text-muted, #7A6A58)}.share-circle-check{color:var(--accent, #70A8C0)}.share-circle-shared-badge{font-size:.6875rem;font-weight:500;padding:.125rem .5rem;background:var(--bg-secondary, #E8D8C0);color:var(--text-muted, #7A6A58);border-radius:1rem;text-transform:uppercase;letter-spacing:.025em}.share-circles-divider{display:flex;align-items:center;gap:.75rem;margin:.5rem 0;font-size:.75rem;color:var(--text-muted, #7A6A58)}.share-circles-divider:after{content:"";flex:1;height:1px;background:var(--border-color, #E8D8C0)}.share-note-input{width:100%;padding:.75rem;border:1px solid var(--border-color, #E8D8C0);border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical;min-height:80px;background:var(--bg-card, #FFFBF4);color:var(--text-primary, #1E1A16);transition:border-color .15s}.share-note-input:focus{outline:none;border-color:var(--accent, #70A8C0)}.share-note-counter{text-align:right;font-size:.75rem;color:var(--text-muted, #7A6A58);margin-top:.375rem}.share-modal-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;margin:0 1.25rem 1rem;background:#fdf4f2;border:1px solid #F8D0C8;border-radius:8px;color:#c87060;font-size:.875rem}.share-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border-color, #E8D8C0);background:var(--bg-secondary, #FDF6E9)}.share-modal-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.share-modal-btn--cancel{background:var(--bg-card, #FFFBF4);border:1px solid var(--border-color, #E8D8C0);color:var(--text-secondary, #4A423A)}.share-modal-btn--cancel:hover{background:var(--bg-secondary, #F8EED8)}.share-modal-btn--share{background:var(--accent, #70A8C0);border:1px solid var(--accent, #70A8C0);color:#fffbf4}.share-modal-btn--share:hover:not(:disabled){filter:brightness(1.1)}.loading-spinner.small{width:16px;height:16px;border-width:2px}[data-theme=dark] .share-modal{background:var(--bg-card, #3D352C)}[data-theme=dark] .share-modal-preview,[data-theme=dark] .share-circle-option{background:var(--bg-secondary, #2A2420)}[data-theme=dark] .share-circle-option.selected{background:#3b82f626}[data-theme=dark] .share-note-input{background:var(--bg-secondary, #2A2420)}[data-theme=dark] .share-modal-error{background:#dc262626;border-color:#dc26264d}[data-theme=dark] .share-modal-actions{background:var(--bg-secondary, #2A2420)}[data-theme=dark] .share-modal-btn--cancel{background:var(--bg-card, #3D352C)}@media (max-width: 480px){.share-modal-overlay{padding:0;align-items:flex-end}.share-modal{border-radius:16px 16px 0 0;max-height:85vh}.share-modal-actions{padding:1rem}.share-modal-btn{flex:1}}.shared-post-card{background:var(--bg-secondary, #FDF6E9);border:1px solid var(--border-color, #E8D8C0);border-radius:10px;padding:.875rem;margin-top:.75rem}.shared-post-card--unavailable{background:var(--bg-secondary, #FDF6E9)}.shared-post-unavailable{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;color:var(--text-muted, #7A6A58);font-size:.875rem;font-style:italic}.shared-post-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.625rem}.shared-post-author-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;min-width:0}.shared-post-author-link:hover .shared-post-author-name{color:var(--accent, #70A8C0)}.shared-post-avatar--placeholder{background:var(--accent, #70A8C0);color:#fffbf4;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.shared-post-author-name{font-weight:600;font-size:.8125rem;color:var(--text-primary, #1E1A16);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.shared-post-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.shared-post-content{font-size:.875rem;line-height:1.5;color:var(--text-secondary, #4A423A);white-space:pre-wrap;word-wrap:break-word;max-height:150px;overflow:hidden}.shared-post-media-indicator{display:flex;align-items:center;gap:.375rem;margin-top:.625rem;padding:.375rem .625rem;background:var(--bg-card, #FFFBF4);border:1px solid var(--border-color, #E8D8C0);border-radius:6px;font-size:.75rem;color:var(--text-muted, #7A6A58);width:fit-content}.shared-post-footer{display:flex;justify-content:flex-end;margin-top:.625rem;padding-top:.5rem;border-top:1px solid var(--border-color, #E8D8C0)}.shared-post-view-link{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;color:var(--accent, #70A8C0);text-decoration:none;padding:.25rem .5rem;border-radius:4px;transition:all .15s}.shared-post-view-link:hover{background:color-mix(in srgb,var(--accent, #70A8C0) 10%,transparent)}.shared-post-header .intent-badge{font-size:.625rem;padding:.125rem .375rem}[data-theme=dark] .shared-post-media-indicator{background:var(--bg-card, #3D352C);border-color:var(--border-color, #4A4038)}.post-card .shared-post-card{background:color-mix(in srgb,var(--bg-card, #FFFBF4) 50%,var(--bg-secondary, #FDF6E9) 50%)}.share-post{padding:1rem}.share-post-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.share-post-sharer{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.share-post-sharer:hover .share-post-sharer-name{color:var(--accent, #70A8C0)}.share-post-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.share-post-avatar--placeholder{background:var(--accent, #70A8C0);color:#fffbf4;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.share-post-sharer-name{font-weight:600;font-size:.875rem;color:var(--text-primary, #1E1A16);transition:color .15s}.share-post-action{font-size:.875rem;color:var(--text-muted, #7A6A58)}.share-post-time{font-size:.75rem;color:var(--text-muted, #7A6A58)}.share-post-note{margin:0 0 .75rem;padding:.75rem;background:var(--bg-secondary, #FDF6E9);border-radius:8px;font-size:.9rem;line-height:1.5;color:var(--text-secondary, #4A423A)}.share-post-footer{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color, #E8D8C0)}.share-post-hint{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-muted, #9A8A78);font-style:italic}[data-theme=dark] .share-post-note{background:var(--bg-secondary, #2A2420)}[data-theme=dark] .share-post-footer{border-top-color:var(--border-color, #4A4038)}.share-btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.375rem .625rem;background:transparent;border:1px solid var(--border-color, #E8D8C0);border-radius:6px;color:var(--text-muted, #7A6A58);font-size:.75rem;cursor:pointer;transition:all .15s}.share-btn:hover:not(:disabled){background:var(--bg-secondary, #FDF6E9);color:var(--text-primary, #1E1A16);border-color:var(--border-hover, #D8C8B0)}.share-btn--disabled{opacity:.5;cursor:not-allowed}.share-btn-icon{flex-shrink:0}.share-btn-count{font-weight:500;color:var(--text-secondary, #4A423A)}[data-theme=dark] .share-btn{border-color:var(--border-color, #4A4038)}[data-theme=dark] .share-btn:hover:not(:disabled){background:var(--bg-secondary, #4A4038)}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.share-modal{background:var(--bg-primary, #fff);border-radius:16px;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #E8D8C0)}.share-modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #1E1A16)}.share-modal-close{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-muted, #7A6A58);border-radius:8px;transition:all .15s;display:flex;align-items:center;justify-content:center}.share-modal-close:hover{background:var(--bg-secondary, #F8EED8);color:var(--text-primary, #1E1A16)}.share-modal-body{padding:1.25rem}.share-modal-preview{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #E8D8C0)}.share-preview-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #7A6A58);margin-bottom:.5rem}.share-preview-content{display:flex;align-items:flex-start;gap:.75rem}.share-preview-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.share-preview-avatar--placeholder{display:flex;align-items:center;justify-content:center;background:var(--accent-color, #5AACA8);color:#fffbf4;font-size:.875rem;font-weight:600}.share-preview-text{flex:1;min-width:0}.share-preview-author{display:block;font-weight:500;font-size:.875rem;color:var(--text-primary, #1E1A16);margin-bottom:.25rem}.share-preview-excerpt{display:block;font-size:.8rem;color:var(--text-muted, #7A6A58);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-modal-section{padding:1rem 1.25rem}.share-modal-label{display:block;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #7A6A58);margin-bottom:.75rem}.share-label-optional{font-weight:400;text-transform:none;letter-spacing:normal}.share-circles-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;color:var(--text-muted, #7A6A58);font-size:.875rem}.share-circles-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted, #7A6A58)}.share-circles-empty p{margin:.5rem 0 0;font-size:.875rem}.share-circles-hint{font-size:.75rem!important;color:var(--text-muted, #9A8A78)!important}.share-circles-list{display:flex;flex-direction:column;gap:.5rem}.share-circle-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem;background:var(--bg-secondary, #FDF6E9);border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .15s;text-align:left;width:100%}.share-circle-option:hover:not(.disabled){background:var(--bg-tertiary, #F8EED8)}.share-circle-option.selected{border-color:var(--accent-color, #5AACA8);background:var(--accent-bg, rgba(90, 172, 168, .1))}.share-circle-option.disabled{opacity:.6;cursor:not-allowed}.share-circle-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.share-circle-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.share-circle-icon{font-size:1.25rem}.share-circle-name{font-weight:500;font-size:.9rem;color:var(--text-primary, #1E1A16)}.share-circle-count{font-size:.75rem;color:var(--text-muted, #7A6A58)}.share-circle-shared-badge{font-size:.7rem;color:var(--success-text, #059669);background:var(--success-bg, #d1fae5);padding:.125rem .5rem;border-radius:9999px;font-weight:500}.share-circle-check{color:var(--accent-color, #5AACA8);flex-shrink:0}.share-circles-divider{padding:.5rem 0;margin-top:.5rem;font-size:.75rem;color:var(--text-muted, #9A8A78);border-top:1px solid var(--border-color, #E8D8C0)}.share-note-input{width:100%;padding:.75rem;border:1px solid var(--border-color, #E8D8C0);border-radius:10px;font-size:.9rem;font-family:inherit;resize:vertical;min-height:80px;background:var(--bg-primary, #fff);color:var(--text-primary, #1E1A16);transition:border-color .15s}.share-note-input:focus{outline:none;border-color:var(--accent-color, #5AACA8)}.share-note-input::placeholder{color:var(--text-muted, #9A8A78)}.share-note-counter{text-align:right;font-size:.75rem;color:var(--text-muted, #7A6A58);margin-top:.25rem}.share-modal-error{background:var(--danger-bg, #FDF4F2);color:var(--danger-text, #C87060);padding:.75rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.share-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem;border-top:1px solid var(--border-color, #E8D8C0)}.share-modal-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;border:none}.share-modal-btn--cancel{background:var(--bg-secondary, #F8EED8);color:var(--text-primary, #1E1A16)}.share-modal-btn--cancel:hover{background:var(--bg-tertiary, #E8D8C0)}.share-modal-btn--share{background:var(--accent-color, #5AACA8);color:#fffbf4}.share-modal-btn--share:hover:not(:disabled){background:var(--accent-hover, #5AACA8)}.share-modal-btn--share:disabled{opacity:.5;cursor:not-allowed}.share-loading,.share-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted, #7A6A58)}.share-empty p{margin:0}.shared-post-card{border:1px solid var(--border-color, #E8D8C0);border-radius:12px;padding:1rem;background:var(--bg-primary, #fff);transition:border-color .15s}.shared-post-card:hover{border-color:var(--border-hover, #D8C8B0)}.shared-post-card--unavailable{background:var(--bg-secondary, #FDF6E9);text-align:center;padding:1.5rem}.shared-post-unavailable{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted, #7A6A58);font-size:.875rem}.shared-post-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.shared-post-author-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.shared-post-author-link:hover .shared-post-author-name{color:var(--accent-color, #5AACA8)}.shared-post-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.shared-post-avatar--placeholder{display:flex;align-items:center;justify-content:center;background:var(--accent-color, #5AACA8);color:#fffbf4;font-size:.75rem;font-weight:600}.shared-post-author-name{font-weight:500;font-size:.875rem;color:var(--text-primary, #1E1A16);transition:color .15s}.shared-post-meta{display:flex;align-items:center;gap:.5rem}.shared-post-time{font-size:.75rem;color:var(--text-muted, #7A6A58)}.shared-post-voice{color:var(--text-muted, #7A6A58);display:flex;align-items:center}.shared-post-content{font-size:.9rem;color:var(--text-secondary, #4A423A);line-height:1.5;margin-bottom:.75rem;word-wrap:break-word;overflow-wrap:break-word}.shared-post-no-text{color:var(--text-muted, #9A8A78);font-style:italic}.shared-post-truncated{color:var(--text-muted, #7A6A58)}.shared-post-media-indicator{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-muted, #7A6A58);margin-bottom:.75rem}.shared-post-footer{padding-top:.75rem;border-top:1px solid var(--border-color, #E8D8C0)}.shared-post-view-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--accent-color, #5AACA8);text-decoration:none;font-weight:500}.shared-post-view-link:hover{text-decoration:underline}[data-theme=dark] .share-modal{background:var(--bg-primary, #3D352C)}[data-theme=dark] .share-modal-header{border-bottom-color:var(--border-color, #4A4038)}[data-theme=dark] .share-modal-close:hover{background:var(--bg-secondary, #4A4038)}[data-theme=dark] .share-modal-preview{border-bottom-color:var(--border-color, #4A4038)}[data-theme=dark] .share-circle-option{background:var(--bg-secondary, #2A2420)}[data-theme=dark] .share-circle-option:hover:not(.disabled){background:var(--bg-tertiary, #3D352C)}[data-theme=dark] .share-circles-divider{border-top-color:var(--border-color, #4A4038)}[data-theme=dark] .share-note-input{background:var(--bg-secondary, #2A2420);border-color:var(--border-color, #4A4038)}[data-theme=dark] .share-modal-actions{border-top-color:var(--border-color, #4A4038)}[data-theme=dark] .share-modal-btn--cancel{background:var(--bg-secondary, #4A4038)}[data-theme=dark] .share-modal-btn--cancel:hover{background:var(--bg-tertiary, #5A4D40)}[data-theme=dark] .shared-post-card{background:var(--bg-secondary, #2A2420);border-color:var(--border-color, #4A4038)}[data-theme=dark] .shared-post-card:hover{border-color:var(--border-hover, #5A4D40)}[data-theme=dark] .shared-post-card--unavailable{background:var(--bg-tertiary, #3D352C)}[data-theme=dark] .shared-post-footer{border-top-color:var(--border-color, #4A4038)}.sharing-toggle{display:flex;flex-direction:column;gap:4px;padding:8px 0}.sharing-toggle__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.sharing-toggle__label-wrapper{display:flex;align-items:center;gap:8px;cursor:pointer}.sharing-toggle__icon{color:var(--text-muted, #7A6A58);flex-shrink:0}.sharing-toggle__label{font-size:.875rem;font-weight:500;color:var(--text-primary, #3D352C)}.sharing-toggle__switch-wrapper{display:flex;align-items:center;gap:8px}.sharing-toggle__switch{position:relative;min-width:44px;min-height:24px;width:44px;height:24px;background:var(--bg-tertiary, #E8D8C0);border:none;border-radius:12px;cursor:pointer;transition:background-color .2s ease;padding:0}.sharing-toggle__switch:focus-visible{outline:2px solid var(--accent-color, #5AACA8);outline-offset:2px}.sharing-toggle__switch--on{background:var(--accent-color, #5AACA8)}.sharing-toggle__switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fffbf4;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.sharing-toggle__switch--on .sharing-toggle__switch-thumb{transform:translate(20px)}.sharing-toggle__info{display:flex;align-items:center;justify-content:center;color:var(--text-muted, #7A6A58);cursor:help;position:relative}.sharing-toggle__info[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);right:0;background:var(--bg-primary, #3D352C);color:var(--text-primary, #FDF6E9);padding:8px 12px;border-radius:6px;font-size:.75rem;white-space:nowrap;box-shadow:0 4px 12px #00000026;z-index:100}.sharing-toggle__helper{font-size:.813rem;color:var(--text-muted, #7A6A58);margin:0;padding-left:24px}@media (max-width: 639px){.sharing-toggle__switch{min-width:44px;min-height:44px;width:52px;height:28px}.sharing-toggle__switch-thumb{width:24px;height:24px}.sharing-toggle__switch--on .sharing-toggle__switch-thumb{transform:translate(24px)}}@media (min-width: 640px){.sharing-toggle__helper{display:none}}[data-theme=dark] .sharing-toggle__label{color:var(--text-primary, #FDF6E9)}[data-theme=dark] .sharing-toggle__switch{background:var(--bg-tertiary, #4A4038)}[data-theme=dark] .sharing-toggle__switch--on{background:var(--accent-color, #5AACA8)}[data-theme=dark] .sharing-toggle__info[data-tooltip]:hover:after{background:var(--bg-secondary, #4A4038);color:var(--text-primary, #FDF6E9)}.new-account-badge{display:inline-flex;align-items:center;justify-content:center;color:#7cb87c;cursor:help;position:relative;vertical-align:middle}.new-account-badge-small{width:16px;height:16px;margin-left:4px}.new-account-badge-medium{width:20px;height:20px;margin-left:6px}.new-account-badge-large{width:24px;height:24px;margin-left:8px}.new-account-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-primary, #3D352C);border:1px solid var(--border-color, #4A4038);border-radius:8px;padding:12px;min-width:200px;max-width:280px;box-shadow:0 4px 12px #00000026;z-index:1000;text-align:left;font-size:13px;line-height:1.4;color:var(--text-primary, #FDF6E9)}.new-account-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border-color, #4A4038)}.new-account-tooltip strong{display:block;margin-bottom:4px;color:#7cb87c}.new-account-tooltip p{margin:0 0 4px}.new-account-tooltip .tooltip-subtext{font-size:11px;color:var(--text-secondary, #9A8A78);margin:0}.new-account-banner{display:flex;gap:16px;padding:16px;background:linear-gradient(135deg,#7cb87c1a,#7cb87c0d);border:1px solid rgba(124,184,124,.3);border-radius:12px;margin-bottom:16px;position:relative}.new-account-banner-icon{flex-shrink:0;width:48px;height:48px;background:#7cb87c33;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#7cb87c}.new-account-banner-content{flex:1}.new-account-banner-content h4{font-size:16px;font-weight:600;color:var(--text-primary, #FDF6E9);margin:0 0 8px}.new-account-banner-content p{font-size:14px;color:var(--text-secondary, #9A8A78);margin:0 0 12px;line-height:1.5}.new-account-progress{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.new-account-progress .progress-item{display:inline-flex;align-items:center;padding:4px 10px;background:#7cb87c26;border-radius:20px;font-size:12px;color:#7cb87c;font-weight:500}.new-account-features{font-size:13px;color:var(--text-secondary, #9A8A78)}.new-account-features strong{color:var(--text-primary, #FDF6E9)}.new-account-banner-dismiss{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-secondary, #9A8A78);cursor:pointer;padding:4px;border-radius:4px;transition:color .2s,background .2s}.new-account-banner-dismiss:hover{color:var(--text-primary, #FDF6E9);background:#ffffff1a}.new-account-restriction{display:flex;gap:12px;padding:16px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;margin:12px 0}.new-account-restriction .restriction-icon{flex-shrink:0;color:#e8b050;margin-top:2px}.new-account-restriction .restriction-content p{margin:0 0 8px;font-size:14px;color:var(--text-primary, #FDF6E9);line-height:1.5}.new-account-restriction .restriction-content p:last-child{margin-bottom:0}.new-account-restriction .restriction-content strong{color:#e8b050}.new-account-restriction .restriction-reason{font-size:12px;color:var(--text-secondary, #9A8A78)}@media (max-width: 639px){.new-account-banner{flex-direction:column;text-align:center;padding:20px 16px}.new-account-banner-icon{margin:0 auto}.new-account-progress{justify-content:center}.new-account-tooltip{min-width:180px;max-width:240px;font-size:12px;padding:10px}.new-account-restriction{flex-direction:column;text-align:center}.new-account-restriction .restriction-icon{margin:0 auto}}:root.light .new-account-tooltip{background:#fffbf4;border-color:#e8d8c0;color:#3d352c}:root.light .new-account-tooltip:after{border-top-color:#e8d8c0}:root.light .new-account-banner{background:linear-gradient(135deg,#7cb87c14,#7cb87c08)}:root.light .new-account-restriction{background:#fbbf2414}.data-retention-settings{margin-top:24px}.data-retention-settings .settings-loading{padding:24px;text-align:center;color:var(--text-secondary)}.data-retention-settings .settings-error{display:flex;align-items:center;gap:8px;padding:12px;background:#d880701a;border:1px solid rgba(216,128,112,.3);border-radius:8px;color:#d88070;margin-bottom:16px;font-size:14px}.data-retention-settings .setting-group{margin-bottom:24px}.data-retention-settings .setting-label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.data-retention-settings .setting-description{font-size:13px;color:var(--text-secondary);margin-bottom:12px;line-height:1.5}.data-retention-settings .setting-select{width:100%;max-width:300px;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;cursor:pointer}.data-retention-settings .setting-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #5aaca81a}.data-retention-settings .data-export-group{padding-top:16px;border-top:1px solid var(--border-color)}.data-retention-settings .export-success{display:flex;align-items:center;gap:8px;padding:12px;background:#7cb87c1a;border:1px solid rgba(124,184,124,.3);border-radius:8px;color:#7cb87c;font-size:14px}.data-retention-settings .privacy-info{margin-top:24px;padding:16px;background:var(--bg-tertiary);border-radius:8px}.data-retention-settings .privacy-info h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.data-retention-settings .privacy-info ul{margin:0;padding-left:20px}.data-retention-settings .privacy-info li{font-size:13px;color:var(--text-secondary);line-height:1.6}@media (max-width: 639px){.data-retention-settings .setting-select{max-width:100%}}.encryption-settings{margin-top:24px}.encryption-settings .settings-loading{padding:24px;text-align:center;color:var(--text-secondary)}.encryption-settings .settings-error,.encryption-settings .settings-warning{display:flex;align-items:center;gap:8px;padding:12px;background:#d880701a;border:1px solid rgba(216,128,112,.3);border-radius:8px;color:#d88070;margin-bottom:16px;font-size:14px}.encryption-settings .settings-warning{background:#e8b0501a;border-color:#e8b0504d;color:#e8b050}.encryption-settings .encryption-status{margin-bottom:20px}.encryption-settings .status-indicator{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500}.encryption-settings .status-indicator.not-setup{background:var(--bg-tertiary);color:var(--text-secondary)}.encryption-settings .status-indicator.locked{background:#e8b05026;color:#e8b050}.encryption-settings .status-indicator.unlocked{background:#7cb87c26;color:#7cb87c}.encryption-settings .setting-group{margin-bottom:24px}.encryption-settings .setting-description{font-size:13px;color:var(--text-secondary);margin-bottom:12px;line-height:1.5}.encryption-settings .encryption-form{background:var(--bg-tertiary);padding:16px;border-radius:8px}.encryption-settings .form-group{margin-bottom:16px}.encryption-settings .form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.encryption-settings .form-group input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:14px}.encryption-settings .form-group input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #5aaca81a}.encryption-settings .form-error{padding:10px 12px;background:#d880701a;border-radius:6px;color:#d88070;font-size:13px;margin-bottom:12px}.encryption-settings .form-warning{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#e8b0501a;border-radius:6px;color:#c89030;font-size:13px;margin-bottom:16px;line-height:1.4}.encryption-settings .form-warning svg{flex-shrink:0;margin-top:2px}.encryption-settings .form-actions{display:flex;justify-content:flex-end;gap:8px}.encryption-settings .migration-group{padding-top:16px;border-top:1px solid var(--border-color)}.encryption-settings .migration-group h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.encryption-settings .migration-status{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:6px;font-size:13px;margin-bottom:12px}.encryption-settings .migration-status.migrating{background:#5aaca81a;color:var(--accent-color)}.encryption-settings .migration-status.success{background:#7cb87c1a;color:#7cb87c}.encryption-settings .migration-status.error{background:#d880701a;color:#d88070}.encryption-settings .migration-status .spinning{animation:spin 1s linear infinite}.encryption-settings .privacy-info{margin-top:24px;padding:16px;background:var(--bg-tertiary);border-radius:8px}.encryption-settings .privacy-info h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.encryption-settings .privacy-info ul{margin:0;padding-left:20px}.encryption-settings .privacy-info li{font-size:13px;color:var(--text-secondary);line-height:1.6}.encryption-settings .btn{display:inline-flex;align-items:center;gap:6px}.encryption-settings .btn-text{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px 12px;font-size:14px}.encryption-settings .btn-text:hover{color:var(--text-primary)}@keyframes btnShine{0%{left:-100%}20%{left:150%}to{left:150%}}.room-canvas{position:relative;width:100%;min-height:400px}.room-canvas.edit-mode{outline:2px dashed var(--primary);outline-offset:8px;border-radius:8px}.room-canvas-edit-badge{position:fixed;bottom:20px;right:20px;background:var(--primary);color:#fff;padding:8px 16px;border-radius:20px;font-size:.8rem;font-weight:500;z-index:100;box-shadow:0 2px 8px #0003}.layout-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);border-radius:12px;border:2px dashed var(--border-color)}.layout-empty p{margin:4px 0}.layout-single{display:flex;flex-direction:column;gap:24px;max-width:700px;margin:0 auto}.layout-single-item{transition:transform .15s,box-shadow .15s}.layout-single-item.editable:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.layout-columns{display:grid;grid-template-columns:repeat(var(--columns, 2),1fr);gap:24px;max-width:1200px;margin:0 auto}.layout-column{display:flex;flex-direction:column;gap:24px}.layout-column-item{transition:transform .15s,box-shadow .15s}.layout-column-item.editable:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.layout-freeform{position:relative;margin:0 auto;overflow:auto;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color)}.freeform-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--border-color) 1px,transparent 1px),linear-gradient(var(--border-color) 1px,transparent 1px);background-size:20px 20px;opacity:.3;pointer-events:none;z-index:0}.freeform-module{position:absolute;cursor:default;transition:box-shadow .15s;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.freeform-module.editable{cursor:move}.freeform-module.editable:hover{box-shadow:0 0 0 2px var(--primary),0 4px 12px var(--shadow)}.freeform-module.dragging{opacity:.9;box-shadow:0 8px 24px var(--shadow);z-index:1000!important}.freeform-module.resizing{opacity:.9}.freeform-module-handle{position:absolute;top:4px;left:4px;width:24px;height:24px;background:var(--primary);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .15s;z-index:10;cursor:move}.freeform-module.editable:hover .freeform-module-handle{opacity:1}.module-resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:se-resize;opacity:0;transition:opacity .15s;z-index:10}.module-resize-handle:before{content:"";position:absolute;bottom:4px;right:4px;width:8px;height:8px;border-right:2px solid var(--primary);border-bottom:2px solid var(--primary)}.freeform-module.editable:hover .module-resize-handle{opacity:1}.freeform-position-indicator{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);background:var(--text-primary);color:var(--bg-card);padding:2px 8px;border-radius:4px;font-size:.7rem;font-family:monospace;white-space:nowrap}.freeform-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.layout-mindmap{position:relative;margin:0 auto;overflow:auto;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color)}.layout-mindmap.connecting{cursor:crosshair}.mindmap-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,var(--border-color) 1px,transparent 1px);background-size:40px 40px;opacity:.3;pointer-events:none;z-index:0}.mindmap-node{position:absolute;background:var(--bg-card);border-radius:16px;border:2px solid var(--border-color);box-shadow:0 2px 8px var(--shadow);transition:box-shadow .15s,border-color .15s;overflow:hidden}.mindmap-node.editable{cursor:move}.mindmap-node.editable:hover{border-color:var(--primary);box-shadow:0 4px 16px var(--shadow)}.mindmap-node.dragging{opacity:.9;box-shadow:0 8px 24px var(--shadow);z-index:1000!important}.mindmap-node.connecting-source{border-color:var(--primary);box-shadow:0 0 0 4px #4a7dbd33}.mindmap-node.connection-target{cursor:pointer}.mindmap-node.connection-target:hover{border-color:var(--primary);background:var(--primary);color:#fff}.mindmap-node-handle{position:absolute;top:8px;left:8px;width:24px;height:24px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .15s;z-index:10;cursor:move}.mindmap-node.editable:hover .mindmap-node-handle{opacity:1}.mindmap-connect-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;opacity:0;transition:opacity .15s,background .15s;z-index:10}.mindmap-node.editable:hover .mindmap-connect-btn{opacity:1}.mindmap-connect-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.mindmap-connection-badge{position:absolute;bottom:-8px;right:-8px;background:var(--primary);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600}.mindmap-connection-hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--text-primary);color:var(--bg-card);padding:12px 20px;border-radius:8px;font-size:.85rem;z-index:1000;box-shadow:0 4px 12px var(--shadow)}.mindmap-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.connection-lines-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}.connection-line{transition:stroke-opacity .15s}.connection-line-group:hover .connection-line{stroke-opacity:1}.layout-masonry{column-count:var(--columns, 3);column-gap:24px;max-width:1200px;margin:0 auto}.masonry-item{break-inside:avoid;margin-bottom:24px;transition:transform .15s,box-shadow .15s}.masonry-item.editable:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.layout-magazine{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto;gap:24px;max-width:1200px;margin:0 auto}.magazine-featured{grid-row:span 2}.magazine-featured-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-secondary)}.magazine-featured-placeholder .hint{font-size:.85rem;opacity:.7}.magazine-sidebar{display:flex;flex-direction:column;gap:16px}.magazine-sidebar-item{transition:transform .15s,box-shadow .15s}.magazine-sidebar-item.editable:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.magazine-sidebar-empty{padding:40px 20px;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);border-radius:8px;border:1px dashed var(--border-color)}.magazine-empty{grid-column:1 / -1}.room-module{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.room-module-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.room-module-icon{font-size:1.1rem}.room-module-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0}.room-module-content{padding:16px}.room-module-content.no-header{padding:0}.room-module.compact .room-module-header{padding:8px 12px}.room-module.compact .room-module-content{padding:12px}@media (max-width: 1024px){.layout-columns{grid-template-columns:repeat(min(var(--columns, 2),2),1fr)}.layout-masonry{column-count:2}.layout-magazine{grid-template-columns:1fr}.magazine-featured{grid-row:auto}}@media (max-width: 768px){.layout-columns,.layout-magazine{grid-template-columns:1fr}.layout-masonry{column-count:1}.layout-freeform,.layout-mindmap{min-width:100%;overflow-x:auto}.room-canvas-edit-badge{bottom:80px;right:10px;font-size:.75rem;padding:6px 12px}}.hover-effect-none{transition:none}.hover-effect-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-effect-lift:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.hover-effect-glow{transition:box-shadow .2s ease}.hover-effect-glow:hover{box-shadow:0 0 20px var(--accent-color, #6366f1)}.hover-effect-scale{transition:transform .2s ease}.hover-effect-scale:hover{transform:scale(1.02)}.hover-effect-shake:hover{animation:shake .5s ease-in-out}.hover-effect-pulse:hover{animation:pulse 1s infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.entrance-none{opacity:1}.entrance-fade{animation:fadeIn .5s ease-out forwards}.entrance-slide-up{animation:slideUp .5s ease-out forwards}.entrance-slide-left{animation:slideLeft .5s ease-out forwards}.entrance-zoom{animation:zoomIn .4s ease-out forwards}.entrance-bounce{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.room-module:nth-child(1){animation-delay:0s}.room-module:nth-child(2){animation-delay:.1s}.room-module:nth-child(3){animation-delay:.2s}.room-module:nth-child(4){animation-delay:.3s}.room-module:nth-child(5){animation-delay:.4s}.room-module:nth-child(6){animation-delay:.5s}.room-module:nth-child(7){animation-delay:.6s}.room-module:nth-child(8){animation-delay:.7s}.room-module:nth-child(9){animation-delay:.8s}.room-module:nth-child(10){animation-delay:.9s}.entrance-fade,.entrance-slide-up,.entrance-slide-left,.entrance-zoom,.entrance-bounce{opacity:0}[data-animation-preset=none] *{animation:none!important;transition:none!important}[data-animation-preset=subtle]{--transition-speed: .2s;--animation-scale: .98}[data-animation-preset=playful]{--transition-speed: .3s;--animation-scale: .95}[data-animation-preset=dramatic]{--transition-speed: .5s;--animation-scale: .9}[data-animation-preset] .room-module{transition-duration:var(--transition-speed, .2s)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-gradient{background-size:200% 200%;animation:gradientShift 8s ease infinite}@keyframes floatPattern{0%,to{background-position:0 0}50%{background-position:20px 20px}}.animated-pattern{animation:floatPattern 20s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.7}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary, #e5e5e5) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.glow-soft{box-shadow:0 0 15px var(--accent-color, #6366f1)}.glow-strong{box-shadow:0 0 30px var(--accent-color, #6366f1)}.glow-pulse{animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 10px var(--accent-color, #6366f1)}50%{box-shadow:0 0 25px var(--accent-color, #6366f1)}}@keyframes borderDance{0%,to{border-color:var(--accent-color, #6366f1)}50%{border-color:var(--accent-color-secondary, #8b5cf6)}}.animated-border{animation:borderDance 2s ease-in-out infinite}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);opacity:0}.ripple:active:after{width:200%;height:200%;opacity:1;transition:width .3s,height .3s,opacity .3s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.entrance-fade,.entrance-slide-up,.entrance-slide-left,.entrance-zoom,.entrance-bounce{opacity:1;transform:none}}.transition-fast{transition-duration:.1s}.transition-normal{transition-duration:.2s}.transition-slow{transition-duration:.3s}.transition-slower{transition-duration:.5s}.ease-in{transition-timing-function:ease-in}.ease-out{transition-timing-function:ease-out}.ease-in-out{transition-timing-function:ease-in-out}.ease-bounce{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.style-editor-panel{position:absolute;top:1rem;right:1rem;width:380px;max-height:calc(100vh - 180px);z-index:100;box-shadow:0 8px 32px #00000026;border-radius:12px;overflow:hidden}.style-editor-panel .style-editor{max-height:calc(100vh - 180px)}.customize-preview-area{position:relative}.style-editor{display:flex;flex-direction:column;height:100%;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.style-editor-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.style-editor-header h2{font-size:1.1rem;font-weight:600;margin:0}.header-actions{display:flex;align-items:center;gap:8px}.preview-toggle,.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.preview-toggle:hover,.close-btn:hover{background:var(--bg-tertiary, #e5e5e5);color:var(--text-primary)}.preview-toggle.active{color:var(--primary)}.style-editor-tabs{display:flex;gap:4px;padding:12px 16px;border-bottom:1px solid var(--border-color);overflow-x:auto}.style-tab{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.style-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.style-tab.active{background:var(--primary);color:#fff}.style-editor-content{flex:1;overflow-y:auto;padding:20px}.style-section{display:flex;flex-direction:column;gap:20px}.style-group{display:flex;flex-direction:column;gap:8px}.style-group.half{flex:1}.style-row{display:flex;gap:16px}.style-label{font-size:.85rem;font-weight:500;color:var(--text-primary)}.style-hint{font-size:.75rem;color:var(--text-secondary);margin:4px 0 0}.style-input,.style-select{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-primary);font-size:.9rem;transition:border-color .15s}.style-input:focus,.style-select:focus{outline:none;border-color:var(--primary)}.slider-with-value{display:flex;align-items:center;gap:12px}.slider-with-value input[type=range]{flex:1;height:6px;border-radius:3px;background:var(--bg-secondary);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.slider-with-value input[type=range]::-webkit-slider-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:grab}.slider-with-value input[type=range]::-webkit-slider-thumb:active{cursor:grabbing}.slider-with-value span{min-width:50px;text-align:right;font-size:.85rem;color:var(--text-secondary);font-family:monospace}.color-picker{position:relative}.color-picker-trigger{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);cursor:pointer;transition:border-color .15s}.color-picker-trigger:hover{border-color:var(--primary)}.color-swatch-preview{width:28px;height:28px;border-radius:4px;border:1px solid var(--border-color);flex-shrink:0}.color-hex-input{flex:1;border:none;background:transparent;font-family:monospace;font-size:.9rem;color:var(--text-primary);text-transform:uppercase}.color-hex-input:focus{outline:none}.color-picker-dropdown{position:absolute;top:100%;left:0;margin-top:8px;padding:12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 20px var(--shadow);z-index:100;min-width:220px}.color-picker-native{width:100%;height:150px;border:none;border-radius:6px;cursor:pointer;margin-bottom:12px}.color-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.color-preset{width:100%;aspect-ratio:1;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:transform .15s,border-color .15s}.color-preset:hover{transform:scale(1.1)}.color-preset.active{border-color:var(--primary)}.font-picker{position:relative}.font-picker-trigger{display:flex;align-items:center;width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-primary);text-align:left;cursor:pointer;transition:border-color .15s}.font-picker-trigger:hover{border-color:var(--primary)}.font-preview-text{flex:1;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-picker-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 20px var(--shadow);z-index:100;max-height:400px;display:flex;flex-direction:column}.font-search{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.font-search input{flex:1;border:none;background:transparent;font-size:.9rem;color:var(--text-primary)}.font-search input:focus{outline:none}.font-categories{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border-color);overflow-x:auto}.category-btn{padding:4px 10px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.category-btn:hover{background:var(--bg-secondary)}.category-btn.active{background:var(--primary);color:#fff}.font-list{flex:1;overflow-y:auto;padding:8px}.font-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;transition:background .15s}.font-option:hover{background:var(--bg-secondary)}.font-option.selected{background:var(--primary-light, #e0e7ff)}.font-option-badges{display:flex;align-items:center;gap:8px}.a11y-badge{padding:2px 6px;border-radius:4px;background:#22c55e;color:#fff;font-size:.65rem;font-weight:600}.font-no-results{padding:20px;text-align:center;color:var(--text-secondary);font-size:.9rem}.background-editor{display:flex;flex-direction:column;gap:20px}.bg-type-tabs{display:flex;gap:4px;padding:4px;background:var(--bg-secondary);border-radius:8px}.bg-type-tab{flex:1;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.bg-type-tab:hover{color:var(--text-primary)}.bg-type-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.bg-section{display:flex;flex-direction:column;gap:12px}.gradient-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gradient-preset{aspect-ratio:1;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:transform .15s,border-color .15s}.gradient-preset:hover{transform:scale(1.05)}.gradient-preset.active{border-color:var(--primary)}.pattern-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pattern-preset{padding:16px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-card);color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:border-color .15s}.pattern-preset:hover,.pattern-preset.active{border-color:var(--primary)}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;border:2px dashed var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:border-color .15s,background .15s}.upload-area:hover{border-color:var(--primary);background:var(--primary-light, #e0e7ff)}.upload-area.uploading{opacity:.7;pointer-events:none}.upload-area input{display:none}.upload-hint{font-size:.75rem;opacity:.7}.upload-error{color:#ef4444;font-size:.85rem;margin:0}.image-preview-container{position:relative;border-radius:8px;overflow:hidden}.image-preview{width:100%;height:150px;object-fit:cover}.remove-image-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:#0009;color:#fff;cursor:pointer;transition:background .15s}.remove-image-btn:hover{background:#ef4444}.animation-picker{display:flex;flex-direction:column;gap:24px}.animation-toggle{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-secondary);border-radius:8px}.toggle-info h3{font-size:.95rem;font-weight:600;margin:0 0 4px}.toggle-info p{font-size:.8rem;color:var(--text-secondary);margin:0}.toggle-switch{position:relative;display:flex;align-items:center;justify-content:flex-end;width:52px;height:28px;padding:4px;border:none;border-radius:14px;background:var(--bg-tertiary, #d1d5db);cursor:pointer;transition:background .2s}.toggle-switch.on{background:var(--primary);justify-content:flex-start}.toggle-slider{position:absolute;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.toggle-switch.on .toggle-slider{transform:translate(24px)}.toggle-switch svg{color:#fff}.animation-presets{display:flex;flex-direction:column;gap:12px}.preset-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.preset-card{display:flex;flex-direction:column;padding:12px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-card);text-align:left;cursor:pointer;transition:border-color .15s}.preset-card:hover{border-color:var(--primary-light, #a5b4fc)}.preset-card.active{border-color:var(--primary);background:var(--primary-light, #e0e7ff)}.preset-preview{height:40px;margin-bottom:8px;display:flex;align-items:center;justify-content:center}.preview-box{width:60px;height:30px;border-radius:4px;background:var(--primary);transition:transform .2s,box-shadow .2s}.preset-card:hover .preview-box.hover-effect-lift{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.preset-card:hover .preview-box.hover-effect-scale{transform:scale(1.05)}.preset-card:hover .preview-box.hover-effect-glow{box-shadow:0 0 15px var(--primary)}.preset-info{display:flex;flex-direction:column;gap:2px}.preset-label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.preset-desc{font-size:.75rem;color:var(--text-secondary)}.a11y-notice{padding:12px;background:var(--bg-secondary);border-radius:6px}.a11y-notice p{font-size:.8rem;color:var(--text-secondary);margin:0}.custom-css-editor{display:flex;flex-direction:column;gap:16px}.css-warning{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e}.css-warning svg{flex-shrink:0;margin-top:2px}.css-warning strong{display:block;margin-bottom:4px}.css-warning p{font-size:.85rem;margin:0}.css-editor-header{display:flex;align-items:center;justify-content:space-between}.help-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer}.help-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.css-help{padding:12px;background:var(--bg-secondary);border-radius:6px;font-size:.85rem}.css-help h4{font-size:.9rem;margin:0 0 8px}.css-help ul{margin:0 0 8px;padding-left:20px}.css-help li{margin-bottom:4px}.css-help code{padding:2px 6px;background:var(--bg-card);border-radius:4px;font-family:monospace;font-size:.8rem}.css-help p{margin:0;color:var(--text-secondary)}.css-textarea{min-height:200px;padding:12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;line-height:1.5;resize:vertical}.css-textarea:focus{outline:none;border-color:var(--primary)}.css-examples,.example-list{display:flex;flex-direction:column;gap:8px}.css-example{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-secondary);border-radius:6px}.example-label{font-size:.85rem;color:var(--text-primary)}.example-actions{display:flex;gap:4px}.example-btn{display:flex;align-items:center;justify-content:center;padding:4px 8px;border:none;border-radius:4px;background:var(--bg-card);color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:background .15s,color .15s}.example-btn:hover{background:var(--primary);color:#fff}.example-btn.insert{padding:4px 10px}.css-preview-hint{padding:8px 12px;background:var(--bg-secondary);border-radius:6px}.css-preview-hint p{font-size:.8rem;color:var(--text-secondary);margin:0}.module-style-editor{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;max-width:95vw;max-height:85vh;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 20px 60px #0000004d;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.editor-header h3{font-size:.95rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-actions{display:flex;align-items:center;gap:4px}.editor-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.editor-btn:hover{background:var(--bg-tertiary, #e5e5e5);color:var(--text-primary)}.editor-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;margin-left:4px}.editor-close:hover{background:#ef4444;color:#fff}.editor-nav{display:flex;gap:2px;padding:8px 12px;border-bottom:1px solid var(--border-color);overflow-x:auto}.nav-btn{padding:6px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.nav-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-btn.active{background:var(--primary);color:#fff}.editor-content{flex:1;overflow-y:auto;padding:16px}.editor-section{display:flex;flex-direction:column;gap:16px}.toggle-row{display:flex;align-items:center;gap:10px;padding:12px;background:var(--bg-secondary);border-radius:8px;cursor:pointer}.toggle-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.toggle-row span{font-size:.9rem;font-weight:500}.bg-type-options{display:flex;flex-direction:column;gap:6px}.bg-type-btn{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-primary);font-size:.85rem;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.bg-type-btn:hover{border-color:var(--primary-light, #a5b4fc)}.bg-type-btn.active{border-color:var(--primary);background:var(--primary-light, #e0e7ff)}.gradient-presets-small{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.gradient-preset-small{aspect-ratio:1;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:transform .15s,border-color .15s}.gradient-preset-small:hover{transform:scale(1.1)}.gradient-preset-small.active{border-color:var(--primary)}.advanced-corners{margin-top:8px}.advanced-corners summary{padding:8px 12px;background:var(--bg-secondary);border-radius:6px;cursor:pointer;font-size:.85rem;color:var(--text-secondary)}.advanced-corners summary:hover{color:var(--text-primary)}.corner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px 0}.corner-input{display:flex;flex-direction:column;gap:4px}.corner-input label{font-size:.75rem;color:var(--text-secondary)}.corner-input input{padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-primary);font-size:.85rem;width:100%}.corner-input input:focus{outline:none;border-color:var(--primary)}.shadow-preview{display:flex;align-items:center;justify-content:center;padding:30px;background:var(--bg-secondary);border-radius:8px}.shadow-preview-box{width:100px;height:60px;background:var(--bg-card);border-radius:8px;transition:box-shadow .15s}.shadow-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.shadow-preset-btn{padding:8px 6px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:border-color .15s,background .15s}.shadow-preset-btn:hover{border-color:var(--primary);background:var(--primary-light, #e0e7ff)}.spacing-visual{padding:16px;background:var(--bg-secondary);border-radius:8px}.spacing-preview{position:relative;border:2px dashed var(--border-color);border-radius:8px;padding:12px}.spacing-margin-label{position:absolute;top:-10px;left:12px;padding:0 6px;background:var(--bg-secondary);font-size:.7rem;color:var(--text-secondary)}.spacing-inner{background:var(--primary-light, #e0e7ff);border-radius:6px;position:relative}.spacing-padding-label{position:absolute;top:4px;left:8px;font-size:.65rem;color:var(--primary);opacity:.7}.spacing-content{background:var(--bg-card);border-radius:4px;padding:12px;text-align:center;font-size:.85rem;color:var(--text-secondary)}.spacing-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.spacing-preset-btn{padding:10px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-primary);font-size:.8rem;cursor:pointer;transition:border-color .15s,background .15s}.spacing-preset-btn:hover{border-color:var(--primary);background:var(--primary-light, #e0e7ff)}.effect-options{display:flex;flex-direction:column;gap:6px}.effect-btn{display:flex;flex-direction:column;align-items:flex-start;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.effect-btn:hover{border-color:var(--primary-light, #a5b4fc)}.effect-btn.active{border-color:var(--primary);background:var(--primary-light, #e0e7ff)}.effect-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.effect-preview{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.animation-demo{margin-top:8px}.animation-demo-area{display:flex;align-items:center;justify-content:center;padding:30px;background:var(--bg-secondary);border-radius:8px;margin-top:8px}.animation-demo-box{padding:16px 24px;background:var(--primary);color:#fff;border-radius:8px;font-size:.85rem;font-weight:500;transition:transform .2s,box-shadow .2s}.animation-demo-box.hover-effect-lift:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003}.animation-demo-box.hover-effect-glow:hover{box-shadow:0 0 20px var(--primary)}.animation-demo-box.hover-effect-scale:hover{transform:scale(1.05)}.animation-demo-box.hover-effect-shake:hover{animation:shake .5s ease-in-out}.animation-demo-box.hover-effect-pulse:hover{animation:pulse 1s infinite}.module-style-editor-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999}@media (max-width: 768px){.style-editor-tabs{padding:8px 12px}.style-tab span{display:none}.style-tab{padding:10px}.style-row{flex-direction:column;gap:12px}.gradient-presets{grid-template-columns:repeat(3,1fr)}.preset-cards{grid-template-columns:1fr}.module-style-editor{width:100%;max-width:none;height:100%;max-height:none;border-radius:0;top:0;left:0;transform:none}.shadow-presets{grid-template-columns:repeat(2,1fr)}.spacing-presets{grid-template-columns:1fr}.gradient-presets-small{grid-template-columns:repeat(4,1fr)}}.spotify-module{background:linear-gradient(135deg,#191414,#1a1a1a);border-radius:12px;overflow:hidden}.spotify-module.loading{min-height:200px}.spotify-skeleton{padding:16px}.spotify-skeleton .skeleton-header{height:40px;background:#282828;border-radius:6px;margin-bottom:12px}.spotify-skeleton .skeleton-player{height:300px;background:#282828;border-radius:6px;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.spotify-module.empty{padding:32px;text-align:center}.spotify-module.editing{padding:24px}.spotify-setup{display:flex;flex-direction:column;gap:16px;color:#b3b3b3}.spotify-setup-header{display:flex;align-items:center;gap:12px}.spotify-setup-header h4{flex:1;color:#fff;margin:0;font-size:1.1rem}.spotify-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#282828;border:none;border-radius:50%;color:#b3b3b3;cursor:pointer;transition:all .15s}.spotify-close-btn:hover{background:#404040;color:#fff}.spotify-icon{color:#1db954}.spotify-setup-desc{margin:0;font-size:.9rem;color:#b3b3b3}.spotify-error{padding:12px;background:#ef444433;border:1px solid #ef4444;border-radius:8px;color:#fca5a5;font-size:.85rem}.spotify-form{display:flex;flex-direction:column;gap:16px}.spotify-form .form-group{display:flex;flex-direction:column;gap:6px}.spotify-form label{font-size:.85rem;font-weight:500;color:#b3b3b3}.spotify-url-input{width:100%;padding:12px 16px;background:#282828;border:1px solid #404040;border-radius:8px;color:#fff;font-size:.95rem;transition:border-color .15s}.spotify-url-input:focus{outline:none;border-color:#1db954}.spotify-url-input::placeholder{color:#666}.spotify-options{display:flex;gap:16px;flex-wrap:wrap}.spotify-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem}.spotify-option input[type=checkbox]{width:16px;height:16px;accent-color:#1db954}.theme-options{display:flex;gap:8px}.theme-btn{flex:1;padding:10px 16px;background:#282828;border:1px solid #404040;border-radius:6px;color:#b3b3b3;font-size:.85rem;cursor:pointer;transition:all .15s}.theme-btn:hover{border-color:#666;color:#fff}.theme-btn.active{background:#1db954;border-color:#1db954;color:#fff}.spotify-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.spotify-actions .btn-secondary{padding:10px 20px;background:#404040;border:none;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s}.spotify-actions .btn-secondary:hover{background:#505050}.spotify-actions .btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#1db954;border:none;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.spotify-actions .btn-primary:hover:not(:disabled){background:#1ed760}.spotify-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.spotify-actions .btn-danger{padding:10px 20px;background:transparent;border:1px solid #ef4444;border-radius:20px;color:#ef4444;font-size:.9rem;font-weight:500;cursor:pointer;margin-right:auto;transition:all .15s}.spotify-actions .btn-danger:hover{background:#ef4444;color:#fff}.spotify-add-btn{display:flex;align-items:center;gap:12px;padding:16px 28px;background:#1db954;color:#fff;border:none;border-radius:24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.spotify-add-btn:hover{background:#1ed760;transform:scale(1.02)}.spotify-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#282828;color:#fff;font-size:.9rem;font-weight:500}.spotify-header-icon{color:#1db954;flex-shrink:0}.spotify-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotify-header-actions{display:flex;align-items:center;gap:4px}.spotify-external,.spotify-edit-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#b3b3b3;background:none;border:none;border-radius:4px;cursor:pointer;transition:all .15s}.spotify-external:hover,.spotify-edit-btn:hover{color:#fff;background:#ffffff1a}.spotify-embed-wrapper{position:relative;background:#191414}.spotify-embed-wrapper iframe{display:block}.spotify-edit-floating{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#0009;border:none;border-radius:6px;color:#fff;cursor:pointer;opacity:0;transition:opacity .15s;z-index:10}.spotify-module:hover .spotify-edit-floating{opacity:1}.spotify-edit-floating:hover{background:#000c}.spotify-note{display:flex;align-items:center;gap:6px;padding:10px 16px;margin:0;background:#282828;color:#b3b3b3;font-size:.75rem}.spotify-login-link{color:#1db954;text-decoration:none;font-weight:500}.spotify-login-link:hover{color:#1ed760;text-decoration:underline}@media (max-width: 768px){.spotify-module.editing{padding:16px}.spotify-actions{flex-direction:column}.spotify-actions .btn-danger{margin-right:0;order:3;margin-top:8px}.spotify-options{flex-direction:column;gap:12px}.theme-options{flex-direction:column}}.custom-module{position:relative}.custom-module.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;background:var(--bg-secondary);border-radius:12px;border:2px dashed var(--border-color)}.custom-add-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .15s}.custom-add-btn:hover{background:var(--primary-dark, #4f46e5);transform:translateY(-1px)}.custom-empty-hint{font-size:.85rem;color:var(--text-secondary);margin:0}.custom-module.editing{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.custom-editor-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.custom-title-input{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-primary);font-size:.95rem;font-weight:500}.custom-title-input:focus{outline:none;border-color:var(--primary)}.custom-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer}.custom-close-btn:hover{background:var(--bg-tertiary, #e5e5e5);color:var(--text-primary)}.editor-toolbar{display:flex;gap:4px;padding:8px 16px;border-bottom:1px solid var(--border-color)}.toolbar-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .15s}.toolbar-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.toolbar-btn.active{background:var(--primary);color:#fff}.toolbar-btn.help{margin-left:auto}.custom-module-editor{width:100%;min-height:250px;padding:16px;border:none;background:var(--bg-card);color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;line-height:1.6;resize:vertical}.custom-module-editor:focus{outline:none}.custom-module-preview{padding:20px;min-height:200px;background:var(--bg-card)}.preview-empty{color:var(--text-secondary);font-style:italic;text-align:center;padding:40px}.editor-actions{display:flex;gap:12px;justify-content:flex-end;padding:12px 16px;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.editor-actions .btn-secondary{padding:10px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;cursor:pointer}.editor-actions .btn-primary{display:flex;align-items:center;gap:6px;padding:10px 20px;background:var(--primary);border:none;border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer}.custom-edit-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;opacity:0;transition:opacity .15s}.custom-module:hover .custom-edit-btn{opacity:1}.custom-edit-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.custom-module-title{font-size:1.1rem;font-weight:600;margin:0 0 12px;color:var(--text-primary)}.custom-module-content{line-height:1.6}.custom-module-content h2{font-size:1.3rem;margin:0 0 12px}.custom-module-content h3{font-size:1.1rem;margin:16px 0 8px}.custom-module-content h4{font-size:1rem;margin:12px 0 6px}.custom-module-content p{margin:0 0 12px}.custom-module-content a{color:var(--primary);text-decoration:none}.custom-module-content a:hover{text-decoration:underline}.custom-module-content code{padding:2px 6px;background:var(--bg-secondary);border-radius:4px;font-family:monospace;font-size:.9em}.unknown-shortcode{display:inline-block;padding:4px 8px;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:4px;color:var(--text-secondary);font-family:monospace;font-size:.85rem}.shortcode-help{margin:0 16px 16px;background:var(--bg-secondary);border-radius:8px;overflow:hidden}.shortcode-help-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-tertiary, #e5e5e5)}.shortcode-help-header h4{margin:0;font-size:.95rem}.shortcode-help-header button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer}.shortcode-help-content{padding:16px}.help-intro{font-size:.85rem;color:var(--text-secondary);margin:0 0 12px}.shortcode-list{list-style:none;padding:0;margin:0}.shortcode-list li{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-bottom:1px solid var(--border-color)}.shortcode-list li:last-child{border-bottom:none}.shortcode-list code{font-size:.8rem;color:var(--primary);word-break:break-all}.shortcode-list span{font-size:.8rem;color:var(--text-secondary)}.shortcode-countdown{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--bg-secondary);border-radius:12px;text-align:center}.shortcode-countdown.completed{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary)}.countdown-header{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary)}.countdown-label{font-size:.9rem;font-weight:500}.countdown-units{display:flex;justify-content:center;gap:16px}.countdown-unit{display:flex;flex-direction:column;align-items:center;min-width:60px}.countdown-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.countdown-suffix{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;margin-top:4px}.shortcode-quote{position:relative;margin:16px 0;padding:20px 24px;background:var(--bg-secondary);border-left:4px solid var(--primary);border-radius:0 12px 12px 0}.shortcode-quote .quote-icon{position:absolute;top:12px;right:12px;color:var(--primary);opacity:.3}.quote-text{margin:0 0 8px;font-size:1.1rem;font-style:italic;line-height:1.5}.quote-author{display:block;font-size:.9rem;color:var(--text-secondary);font-style:normal}.shortcode-poll{padding:20px;background:var(--bg-secondary);border-radius:12px}.poll-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;color:var(--text-secondary)}.poll-question{margin:0;font-size:1rem;font-weight:500;color:var(--text-primary)}.poll-options{display:flex;flex-direction:column;gap:8px}.poll-option{position:relative;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;text-align:left;cursor:pointer;transition:all .15s;overflow:hidden}.poll-option:hover:not(:disabled){border-color:var(--primary)}.poll-option.voted{cursor:default}.poll-option.selected{border-color:var(--primary);background:var(--primary-light, #e0e7ff)}.option-text{position:relative;z-index:1;font-size:.9rem}.option-result{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.result-bar{position:absolute;left:0;top:0;bottom:0;background:var(--primary);opacity:.15;transition:width .3s ease}.result-percent{font-size:.85rem;font-weight:600;color:var(--primary)}.poll-total{margin:12px 0 0;font-size:.8rem;color:var(--text-secondary);text-align:center}.shortcode-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .15s}.shortcode-button.color-primary{background:var(--primary);color:#fff}.shortcode-button.color-primary:hover{background:var(--primary-dark, #4f46e5)}.shortcode-button.color-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.shortcode-button.color-secondary:hover{background:var(--bg-tertiary, #e5e5e5)}.shortcode-button.color-success{background:#22c55e;color:#fff}.shortcode-button.color-danger{background:#ef4444;color:#fff}.shortcode-button.size-small{padding:8px 16px;font-size:.85rem}.shortcode-button.size-large{padding:16px 32px;font-size:1.1rem}.shortcode-embed{position:relative;width:100%;padding-bottom:56.25%;border-radius:12px;overflow:hidden;background:#000}.shortcode-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.shortcode-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);text-decoration:none}.shortcode-link:hover{text-decoration:underline}.shortcode-divider{margin:24px 0;border:none;height:1px;background:var(--border-color)}.shortcode-divider.style-dots{background:none;text-align:center}.shortcode-divider.style-dots:before{content:"• • •";color:var(--text-secondary);letter-spacing:8px}.shortcode-divider.style-dashed{border-top:2px dashed var(--border-color);background:none}.shortcode-spacer{display:block}.shortcode-progress{display:flex;align-items:center;gap:12px;margin:12px 0}.progress-label{font-size:.85rem;color:var(--text-secondary);min-width:80px}.progress-track{flex:1;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.progress-bar{height:100%;border-radius:4px;transition:width .3s ease}.progress-bar.color-primary{background:var(--primary)}.progress-bar.color-success{background:#22c55e}.progress-bar.color-warning{background:#f59e0b}.progress-bar.color-danger{background:#ef4444}.progress-value{font-size:.85rem;font-weight:600;color:var(--text-primary);min-width:40px;text-align:right}.shortcode-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.shortcode-badge.color-default{background:var(--bg-secondary);color:var(--text-primary)}.shortcode-badge.color-primary{background:var(--primary);color:#fff}.shortcode-badge.color-success{background:#dcfce7;color:#166534}.shortcode-badge.color-warning{background:#fef3c7;color:#92400e}.shortcode-badge.color-danger{background:#fee2e2;color:#991b1b}.shortcode-alert{display:flex;gap:12px;padding:16px;border-radius:8px;margin:12px 0}.shortcode-alert.type-info{background:#dbeafe;color:#1e40af}.shortcode-alert.type-success{background:#dcfce7;color:#166534}.shortcode-alert.type-warning{background:#fef3c7;color:#92400e}.shortcode-alert.type-error{background:#fee2e2;color:#991b1b}.alert-icon{flex-shrink:0;margin-top:2px}.alert-content{flex:1}.alert-title{display:block;font-weight:600;margin-bottom:4px}.alert-text{margin:0;font-size:.9rem;opacity:.9}.shortcode-error{padding:12px;background:#fee2e2;border-radius:6px;color:#991b1b;font-size:.85rem}@media (max-width: 768px){.countdown-units{gap:8px}.countdown-unit{min-width:50px}.countdown-value{font-size:1.5rem}.shortcode-button{width:100%;justify-content:center}.shortcode-progress{flex-direction:column;align-items:stretch;gap:6px}.progress-label{min-width:auto}.progress-value{text-align:left}}.guestbook-module{display:flex;flex-direction:column;gap:16px}.guestbook-module.loading{min-height:200px}.guestbook-skeleton{display:flex;flex-direction:column;gap:12px}.skeleton-entry{height:80px;background:var(--bg-secondary);border-radius:10px;animation:skeleton-pulse 1.5s ease-in-out infinite}.pending-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#92400e;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s}.pending-banner:hover{background:#fde68a}.pending-banner span{flex:1}.pending-entries{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px}.pending-title{font-size:.85rem;font-weight:600;color:#92400e;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.guestbook-entry.pending{border-left:3px solid #fcd34d;background:#fff}.guestbook-success{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#dcfce7;border:1px solid #86efac;border-radius:8px;color:#166534;font-size:.9rem}.guestbook-entries{display:flex;flex-direction:column;gap:12px}.guestbook-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;text-align:center;color:var(--text-secondary)}.guestbook-empty p{margin:0}.empty-cta{color:var(--primary);font-weight:500}.guestbook-entry{padding:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;transition:border-color .15s}.guestbook-entry:hover{border-color:var(--primary-light, #a5b4fc)}.entry-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.entry-meta{display:flex;flex-direction:column;flex:1;gap:2px}.entry-author{font-weight:600;color:var(--text-primary);font-size:.95rem}.entry-time{font-size:.8rem;color:var(--text-secondary)}.entry-message{margin:0;font-size:.95rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.entry-actions,.owner-actions{display:flex;gap:6px;margin-left:auto}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.action-btn:hover{background:var(--bg-tertiary, #e5e5e5)}.action-btn.approve:hover{background:#dcfce7;border-color:#22c55e;color:#22c55e}.action-btn.reject:hover,.action-btn.delete:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.action-btn.hide:hover{background:var(--bg-secondary);border-color:var(--text-secondary);color:var(--text-primary)}.action-btn.show{background:#fef3c7;border-color:#fcd34d;color:#92400e}.action-btn.show:hover{background:#fde68a;border-color:#f59e0b;color:#78350f}.guestbook-entry.hidden-entry{opacity:.6;background:var(--bg-secondary);border-style:dashed}.guestbook-entry.hidden-entry:hover{opacity:.8}.guestbook-entry.hidden-entry .entry-message{color:var(--text-secondary)}.hidden-badge{display:inline-block;margin-left:8px;padding:2px 6px;background:#fef3c7;border-radius:4px;font-size:.7rem;font-weight:600;color:#92400e;text-transform:uppercase;letter-spacing:.3px}.guestbook-form-container{margin-top:8px}.guestbook-notice{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--bg-secondary);border-radius:8px;font-size:.9rem;color:var(--text-secondary)}.guestbook-notice.submitted{background:#dcfce7;color:#166534}.leave-message-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background:var(--bg-card);border:2px dashed var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .15s}.leave-message-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light, #e0e7ff)}.guestbook-form{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px}.guestbook-form textarea{width:100%;padding:14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;line-height:1.5;resize:vertical;min-height:100px;font-family:inherit}.guestbook-form textarea:focus{outline:none;border-color:var(--primary);background:var(--bg-card)}.guestbook-form textarea::placeholder{color:var(--text-secondary)}.form-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.char-count{font-size:.8rem;color:var(--text-secondary);font-family:monospace}.form-error{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#ef4444}.form-actions{display:flex;gap:8px;margin-left:auto}.form-actions .btn-secondary{padding:10px 18px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .15s}.form-actions .btn-secondary:hover{background:var(--bg-tertiary, #e5e5e5)}.form-actions .btn-primary{display:flex;align-items:center;gap:6px;padding:10px 18px;background:var(--primary);border:none;border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s}.form-actions .btn-primary:hover:not(:disabled){background:var(--primary-dark, #4f46e5)}.form-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.form-hint{margin:0;font-size:.8rem;color:var(--text-secondary)}@media (max-width: 768px){.guestbook-entry{padding:14px}.entry-header{flex-wrap:wrap}.entry-actions,.owner-actions{width:100%;justify-content:flex-end;margin-top:8px}.form-footer{flex-direction:column;align-items:stretch}.form-actions{margin-left:0;justify-content:flex-end}.char-count{text-align:right}}