.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}._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}}.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)}:root.theme-neon,:root.theme-forest,:root.theme-circus{--radius-none: 0;--radius-sharp: 0;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-full: 0;--corner-cut-sm: 4px;--corner-cut-md: 8px;--corner-cut-lg: 12px;--corner-cut-xl: 20px;--line-hairline: .5px;--line-thin: 1px;--line-regular: 1.5px;--line-medium: 2px;--line-bold: 3px;--shadow-blur: 0;--backdrop-blur: 0;--transition-instant: 50ms;--transition-fast: .1s;--transition-normal: .15s;--transition-slow: .25s;--transition-ease: steps(4, end);--transition-ease-smooth: linear}.corner-cut,:root.theme-neon .card,:root.theme-forest .card,:root.theme-circus .card{clip-path:polygon(var(--corner-cut-md) 0,100% 0,100% calc(100% - var(--corner-cut-md)),calc(100% - var(--corner-cut-md)) 100%,0 100%,0 var(--corner-cut-md))}.corner-bevel{clip-path:polygon(var(--corner-cut-sm) 0,calc(100% - var(--corner-cut-sm)) 0,100% var(--corner-cut-sm),100% calc(100% - var(--corner-cut-sm)),calc(100% - var(--corner-cut-sm)) 100%,var(--corner-cut-sm) 100%,0 calc(100% - var(--corner-cut-sm)),0 var(--corner-cut-sm))}.corner-notch{clip-path:polygon(0 0,calc(100% - var(--corner-cut-lg)) 0,100% var(--corner-cut-lg),100% 100%,var(--corner-cut-lg) 100%,0 calc(100% - var(--corner-cut-lg)))}.corner-diamond{clip-path:polygon(var(--corner-cut-md) 0,calc(100% - var(--corner-cut-md)) 0,100% 50%,calc(100% - var(--corner-cut-md)) 100%,var(--corner-cut-md) 100%,0 50%)}.corner-tab{clip-path:polygon(var(--corner-cut-sm) 0,calc(100% - var(--corner-cut-sm)) 0,100% var(--corner-cut-sm),100% 100%,0 100%,0 var(--corner-cut-sm))}.gradient-band-4{background:linear-gradient(to bottom,var(--gradient-step-1) 0%,var(--gradient-step-1) 25%,var(--gradient-step-2) 25%,var(--gradient-step-2) 50%,var(--gradient-step-3) 50%,var(--gradient-step-3) 75%,var(--gradient-step-4) 75%,var(--gradient-step-4) 100%)}.gradient-band-8{background:linear-gradient(to bottom,var(--gradient-step-1) 0%,var(--gradient-step-1) 12.5%,var(--gradient-step-2) 12.5%,var(--gradient-step-2) 25%,var(--gradient-step-3) 25%,var(--gradient-step-3) 37.5%,var(--gradient-step-4) 37.5%,var(--gradient-step-4) 50%,var(--gradient-step-5) 50%,var(--gradient-step-5) 62.5%,var(--gradient-step-6) 62.5%,var(--gradient-step-6) 75%,var(--gradient-step-7) 75%,var(--gradient-step-7) 87.5%,var(--gradient-step-8) 87.5%,var(--gradient-step-8) 100%)}.gradient-band-h{background:linear-gradient(to right,var(--gradient-step-1) 0%,var(--gradient-step-1) 25%,var(--gradient-step-2) 25%,var(--gradient-step-2) 50%,var(--gradient-step-3) 50%,var(--gradient-step-3) 75%,var(--gradient-step-4) 75%,var(--gradient-step-4) 100%)}.scanlines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}:root.theme-neon *,:root.theme-forest *,:root.theme-circus *{border-radius:0!important}.border-double{border:var(--line-thin) solid var(--border-primary);box-shadow:inset 0 0 0 var(--line-regular) var(--bg-primary),inset 0 0 0 calc(var(--line-regular) + var(--line-thin)) var(--border-primary)}.border-inset{border:var(--line-thin) solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark)}.border-outset{border:var(--line-thin) solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light)}:root.theme-neon,:root.theme-forest,:root.theme-circus{--tracking-tight: -.02em;--tracking-normal: -.01em;--tracking-wide: .05em;--tracking-wider: .1em;--quote-open: "▸";--quote-close: "◂"}:root.theme-neon button:hover,:root.theme-forest button:hover,:root.theme-circus button:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--shadow-color)}:root.theme-neon button:active,:root.theme-forest button:active,:root.theme-circus button:active{transform:translate(1px,1px);box-shadow:none}:root.theme-neon :focus-visible,:root.theme-forest :focus-visible,:root.theme-circus :focus-visible{outline:var(--line-medium) solid var(--focus-color);outline-offset:2px;border-radius:0}:root.theme-neon{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-elevated: #0f0f0f;--bg-sunken: #050505;--neon-cyan: #00ffff;--neon-magenta: #ff00ff;--neon-green: #00ff66;--neon-orange: #ff9500;--neon-pink: #ff3366;--neon-blue: #0099ff;--neon-yellow: #ffff00;--neon-purple: #9933ff;--accent-primary: var(--neon-cyan);--accent-secondary: var(--neon-magenta);--accent-tertiary: var(--neon-green);--text-primary: #ffffff;--text-secondary: #aaaaaa;--text-tertiary: #666666;--text-muted: #444444;--text-accent: var(--accent-primary);--border-primary: var(--accent-primary);--border-secondary: #333333;--border-muted: #222222;--border-light: #444444;--border-dark: #111111;--shadow-color: var(--accent-secondary);--focus-color: var(--accent-primary);--gradient-step-1: #00ffff;--gradient-step-2: #33ccff;--gradient-step-3: #6699ff;--gradient-step-4: #9966ff;--gradient-step-5: #cc33ff;--gradient-step-6: #ff00ff;--gradient-step-7: #ff33cc;--gradient-step-8: #ff6699;--intent-sharing: var(--neon-cyan);--intent-venting: var(--neon-orange);--intent-celebrating: var(--neon-yellow);--intent-questioning: var(--neon-purple);--intent-processing: var(--neon-green);--intent-recommending: var(--neon-pink);--glow-sm: 0 0 4px currentColor;--glow-md: 0 0 8px currentColor, 0 0 16px currentColor;--glow-lg: 0 0 12px currentColor, 0 0 24px currentColor, 0 0 36px currentColor}:root.theme-neon[data-theme=light],:root.theme-neon .light-mode{--bg-primary: #ffffff;--bg-secondary: #f8f8f8;--bg-tertiary: #f0f0f0;--bg-elevated: #ffffff;--bg-sunken: #e8e8e8;--pastel-cyan: #88dddd;--pastel-magenta: #dd88dd;--pastel-green: #88dd99;--pastel-orange: #ddaa77;--pastel-pink: #dd8899;--pastel-blue: #88aadd;--pastel-yellow: #dddd88;--pastel-purple: #aa88dd;--accent-primary: var(--pastel-cyan);--accent-secondary: var(--pastel-magenta);--accent-tertiary: var(--pastel-green);--text-primary: #111111;--text-secondary: #444444;--text-tertiary: #777777;--text-muted: #aaaaaa;--text-accent: #006666;--border-primary: var(--pastel-cyan);--border-secondary: #dddddd;--border-muted: #eeeeee;--border-light: #ffffff;--border-dark: #cccccc;--shadow-color: var(--pastel-magenta);--gradient-step-1: #88dddd;--gradient-step-2: #99ccdd;--gradient-step-3: #aabbdd;--gradient-step-4: #bbaadd;--gradient-step-5: #cc99dd;--gradient-step-6: #dd88dd;--gradient-step-7: #dd99cc;--gradient-step-8: #ddaabb;--intent-sharing: var(--pastel-cyan);--intent-venting: var(--pastel-orange);--intent-celebrating: var(--pastel-yellow);--intent-questioning: var(--pastel-purple);--intent-processing: var(--pastel-green);--intent-recommending: var(--pastel-pink);--glow-sm: none;--glow-md: none;--glow-lg: none}:root.theme-neon .card,:root.theme-neon [class*=Card]{background:var(--bg-secondary);border:var(--line-thin) solid var(--border-primary);transition:box-shadow var(--transition-fast) var(--transition-ease-smooth)}:root.theme-neon .card:hover,:root.theme-neon [class*=Card]:hover{box-shadow:var(--glow-sm)}:root.theme-neon button,:root.theme-neon [class*=Button]{background:transparent;border:var(--line-thin) solid var(--accent-primary);color:var(--accent-primary);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-size:.85em;padding:.5em 1.5em}:root.theme-neon button:hover,:root.theme-neon [class*=Button]:hover{background:var(--accent-primary);color:var(--bg-primary);box-shadow:var(--glow-md)}:root.theme-neon button[class*=primary],:root.theme-neon [class*=Button][class*=primary]{background:var(--accent-primary);color:var(--bg-primary)}:root.theme-neon button[class*=primary]:hover{background:var(--accent-secondary);border-color:var(--accent-secondary)}:root.theme-neon input,:root.theme-neon textarea,:root.theme-neon select{background:transparent;border:none;border-bottom:var(--line-thin) solid var(--border-secondary);padding:.5em 0;color:var(--text-primary)}:root.theme-neon input:focus,:root.theme-neon textarea:focus,:root.theme-neon select:focus{border-bottom-color:var(--accent-primary);box-shadow:0 1px 0 var(--accent-primary)}:root.theme-neon [class*=Post],:root.theme-neon [class*=FeedItem]{border:var(--line-thin) solid var(--border-secondary);border-left:var(--line-medium) solid var(--accent-primary)}:root.theme-neon nav a,:root.theme-neon [class*=Nav] a{position:relative;color:var(--text-secondary)}:root.theme-neon nav a:after,:root.theme-neon [class*=Nav] a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:var(--line-thin);background:var(--accent-primary);transition:width var(--transition-fast)}:root.theme-neon nav a:hover:after,:root.theme-neon nav a[class*=active]:after{width:100%}:root.theme-neon svg,:root.theme-neon [class*=Icon]{stroke-width:1;fill:none;stroke:currentColor}:root.theme-neon [class*=Modal],:root.theme-neon [class*=Dialog]{border:var(--line-thin) solid var(--accent-primary);box-shadow:4px 4px 0 var(--accent-secondary),8px 8px 0 var(--bg-sunken)}:root.theme-neon ::-webkit-scrollbar{width:6px;height:6px}:root.theme-neon ::-webkit-scrollbar-track{background:var(--bg-tertiary)}:root.theme-neon ::-webkit-scrollbar-thumb{background:var(--accent-primary)}:root.theme-neon ::-webkit-scrollbar-thumb:hover{box-shadow:var(--glow-sm)}:root.theme-neon .card-isometric{transform:rotateX(10deg) rotateY(-10deg);transform-style:preserve-3d;box-shadow:5px 5px 0 var(--accent-secondary),10px 10px 0 var(--accent-tertiary)}:root.theme-neon .shadow-stepped{box-shadow:2px 2px 0 var(--border-secondary),4px 4px 0 var(--border-muted),6px 6px 0 var(--bg-tertiary)}:root.theme-neon .grid-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--border-muted) 1px,transparent 1px),linear-gradient(90deg,var(--border-muted) 1px,transparent 1px);background-size:20px 20px;opacity:.3}:root.theme-forest{--bg-primary: #0d1a0f;--bg-secondary: #142318;--bg-tertiary: #1a2d1f;--bg-elevated: #0f1f12;--bg-sunken: #081008;--forest-moss: #7cb342;--forest-sage: #a8c69f;--forest-bark: #8d6e63;--forest-earth: #a1887f;--forest-sky: #90caf9;--forest-dawn: #ffb74d;--forest-berry: #ce93d8;--forest-fern: #4db6ac;--forest-mushroom: #f5deb3;--accent-primary: var(--forest-moss);--accent-secondary: var(--forest-sage);--accent-tertiary: var(--forest-fern);--text-primary: #e8f5e9;--text-secondary: #a5d6a7;--text-tertiary: #81c784;--text-muted: #4a635e;--text-accent: var(--forest-dawn);--border-primary: var(--forest-moss);--border-secondary: #2e4a33;--border-muted: #1f3324;--border-light: var(--forest-sage);--border-dark: #0d150f;--shadow-color: var(--forest-bark);--focus-color: var(--forest-sky);--gradient-step-1: #0d1a0f;--gradient-step-2: #1a2d1f;--gradient-step-3: #2e4a33;--gradient-step-4: #4a635e;--gradient-step-5: #6b8e7a;--gradient-step-6: #8fb89e;--gradient-step-7: #b8d4c0;--gradient-step-8: #e8f5e9;--intent-sharing: var(--forest-moss);--intent-venting: var(--forest-bark);--intent-celebrating: var(--forest-dawn);--intent-questioning: var(--forest-sky);--intent-processing: var(--forest-fern);--intent-recommending: var(--forest-berry);--glow-sm: 0 0 6px rgba(124, 179, 66, .3);--glow-md: 0 0 12px rgba(124, 179, 66, .3), 0 0 24px rgba(124, 179, 66, .15);--glow-lg: 0 0 16px rgba(124, 179, 66, .4), 0 0 32px rgba(124, 179, 66, .2)}:root.theme-forest[data-theme=light],:root.theme-forest .light-mode{--bg-primary: #f1f8e9;--bg-secondary: #e8f5e9;--bg-tertiary: #dcedc8;--bg-elevated: #ffffff;--bg-sunken: #c8e6c9;--forest-moss: #558b2f;--forest-sage: #689f38;--forest-bark: #6d4c41;--forest-earth: #795548;--forest-sky: #1976d2;--forest-dawn: #ef6c00;--forest-berry: #7b1fa2;--forest-fern: #00796b;--accent-primary: var(--forest-moss);--accent-secondary: var(--forest-bark);--accent-tertiary: var(--forest-fern);--text-primary: #1b5e20;--text-secondary: #2e7d32;--text-tertiary: #558b2f;--text-muted: #81c784;--text-accent: var(--forest-bark);--border-primary: var(--forest-moss);--border-secondary: #a5d6a7;--border-muted: #c8e6c9;--border-light: #ffffff;--border-dark: #81c784;--glow-sm: none;--glow-md: none;--glow-lg: none}:root.theme-forest .card,:root.theme-forest [class*=Card]{background:var(--bg-secondary);border:var(--line-thin) solid var(--border-primary);clip-path:polygon(0 0,calc(100% - var(--corner-cut-lg)) 0,100% var(--corner-cut-sm),100% 100%,var(--corner-cut-sm) 100%,0 calc(100% - var(--corner-cut-lg)))}:root.theme-forest button,:root.theme-forest [class*=Button]{background:var(--accent-primary);border:var(--line-thin) solid var(--border-dark);color:var(--bg-primary);text-transform:none;letter-spacing:var(--tracking-normal);padding:.6em 1.2em}:root.theme-forest button:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 4px 0 var(--border-dark)}:root.theme-forest button:active{transform:translateY(0);box-shadow:none}:root.theme-forest button[class*=secondary],:root.theme-forest [class*=Button][class*=secondary]{background:transparent;color:var(--accent-primary);border-color:var(--accent-primary)}:root.theme-forest input,:root.theme-forest textarea,:root.theme-forest select{background:var(--bg-tertiary);border:none;border-left:var(--line-medium) solid var(--accent-primary);padding:.75em 1em;color:var(--text-primary)}:root.theme-forest input:focus,:root.theme-forest textarea:focus{border-left-color:var(--forest-dawn);background:var(--bg-elevated)}:root.theme-forest [class*=Post],:root.theme-forest [class*=FeedItem]{border:var(--line-thin) solid var(--border-secondary);border-bottom:var(--line-medium) solid var(--accent-primary);box-shadow:0 2px 0 var(--border-muted)}:root.theme-forest nav,:root.theme-forest [class*=Nav]{border-bottom:var(--line-thin) solid var(--border-secondary)}:root.theme-forest nav a,:root.theme-forest [class*=Nav] a{color:var(--text-secondary);padding:.5em 1em;position:relative}:root.theme-forest nav a:before{content:"◆";font-size:.5em;margin-right:.5em;opacity:0;transition:opacity var(--transition-fast)}:root.theme-forest nav a:hover:before,:root.theme-forest nav a[class*=active]:before{opacity:1}:root.theme-forest [class*=Tag],:root.theme-forest [class*=Badge]{background:var(--bg-tertiary);border:var(--line-thin) solid var(--border-primary);padding:.25em .75em;font-size:.85em;clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%)}:root.theme-forest [class*=Modal],:root.theme-forest [class*=Dialog]{border:var(--line-regular) solid var(--accent-primary);box-shadow:0 4px 0 var(--border-dark),0 8px 24px #0000004d}:root.theme-forest ::-webkit-scrollbar{width:8px;height:8px}:root.theme-forest ::-webkit-scrollbar-track{background:var(--bg-tertiary);border-left:var(--line-thin) solid var(--border-muted)}:root.theme-forest ::-webkit-scrollbar-thumb{background:var(--accent-primary);border-left:var(--line-thin) solid var(--accent-secondary)}:root.theme-forest [class*=Progress]{background:var(--bg-tertiary);border:var(--line-thin) solid var(--border-secondary);overflow:visible}:root.theme-forest [class*=Progress]>*{background:var(--forest-moss);position:relative}:root.theme-forest [class*=Progress]>*:after{content:"🌱";position:absolute;right:-8px;top:50%;transform:translateY(-50%);font-size:1rem}:root.theme-forest [class*=success],:root.theme-forest .success{background:#7cb3421a;border-color:var(--forest-moss);color:var(--forest-moss)}:root.theme-forest [class*=warning],:root.theme-forest .warning{background:#ffb74d1a;border-color:var(--forest-dawn);color:var(--forest-dawn)}:root.theme-forest [class*=error],:root.theme-forest .error{background:#8d6e631a;border-color:var(--forest-bark);color:var(--forest-bark)}:root.theme-forest .texture-leaves:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5 Q35 15 30 25 Q25 15 30 5' fill='%237cb342' /%3E%3C/svg%3E");background-size:60px 60px}:root.theme-forest .texture-bark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.05;background:repeating-linear-gradient(90deg,transparent,transparent 2px,var(--forest-bark) 2px,var(--forest-bark) 3px)}:root.theme-circus{--bg-primary: #0a0810;--bg-secondary: #12101a;--bg-tertiary: #1a1824;--bg-elevated: #0f0d16;--bg-sunken: #050408;--circus-bone: #f5f5dc;--circus-blood: #8b0000;--circus-plum: #6b3fa0;--circus-teal: #008080;--circus-rust: #a0522d;--circus-gold: #daa520;--circus-seafoam: #66cdaa;--circus-candy: #ff69b4;--stripe-light: var(--circus-bone);--stripe-dark: #1a1824;--accent-primary: var(--circus-bone);--accent-secondary: var(--circus-plum);--accent-tertiary: var(--circus-teal);--text-primary: var(--circus-bone);--text-secondary: #b8b8a8;--text-tertiary: #787870;--text-muted: #484840;--text-accent: var(--circus-gold);--border-primary: var(--circus-bone);--border-secondary: #2a2830;--border-muted: #1a1820;--border-light: var(--circus-bone);--border-dark: #000000;--shadow-color: var(--circus-plum);--focus-color: var(--circus-teal);--gradient-step-1: #0a0810;--gradient-step-2: #1a1830;--gradient-step-3: #2a2850;--gradient-step-4: #3a3870;--gradient-step-5: #6b3fa0;--gradient-step-6: #8b4fb0;--gradient-step-7: #ab6fc0;--gradient-step-8: var(--circus-bone);--intent-sharing: var(--circus-bone);--intent-venting: var(--circus-blood);--intent-celebrating: var(--circus-gold);--intent-questioning: var(--circus-plum);--intent-processing: var(--circus-teal);--intent-recommending: var(--circus-candy);--glow-sm: 0 0 4px rgba(245, 245, 220, .3);--glow-md: 0 0 8px rgba(245, 245, 220, .3), 0 0 16px rgba(107, 63, 160, .3);--glow-lg: 0 0 12px rgba(245, 245, 220, .4), 0 0 24px rgba(107, 63, 160, .4)}:root.theme-circus[data-theme=light],:root.theme-circus .light-mode{--bg-primary: #f5f5dc;--bg-secondary: #ede8d0;--bg-tertiary: #e0dbc0;--bg-elevated: #faf8f0;--bg-sunken: #d8d3b8;--circus-bone: #1a1810;--circus-blood: #b01030;--circus-plum: #5a2d82;--circus-teal: #006666;--circus-rust: #8b4513;--circus-gold: #b8860b;--stripe-light: #faf8f0;--stripe-dark: #d8d3b8;--accent-primary: var(--circus-bone);--accent-secondary: var(--circus-blood);--accent-tertiary: var(--circus-plum);--text-primary: #1a1810;--text-secondary: #3a3830;--text-tertiary: #5a5850;--text-muted: #8a8878;--text-accent: var(--circus-blood);--glow-sm: none;--glow-md: none;--glow-lg: none}.stripes-vertical,:root.theme-circus .card{background:repeating-linear-gradient(90deg,var(--stripe-dark) 0px,var(--stripe-dark) 8px,var(--stripe-light) 8px,var(--stripe-light) 10px)!important}.stripes-tent{background:repeating-linear-gradient(90deg,var(--bg-primary) 0px,var(--bg-primary) 20px,var(--circus-blood) 20px,var(--circus-blood) 40px)}.stripes-diagonal{background:repeating-linear-gradient(45deg,var(--stripe-dark) 0px,var(--stripe-dark) 4px,transparent 4px,transparent 8px)}.checkerboard{background:linear-gradient(45deg,var(--stripe-dark) 25%,transparent 25%),linear-gradient(-45deg,var(--stripe-dark) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--stripe-dark) 75%),linear-gradient(-45deg,transparent 75%,var(--stripe-dark) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;background-color:var(--stripe-light)}.spiral{background:conic-gradient(from 0deg,var(--stripe-dark) 0deg 45deg,var(--stripe-light) 45deg 90deg,var(--stripe-dark) 90deg 135deg,var(--stripe-light) 135deg 180deg,var(--stripe-dark) 180deg 225deg,var(--stripe-light) 225deg 270deg,var(--stripe-dark) 270deg 315deg,var(--stripe-light) 315deg 360deg)}:root.theme-circus .card,:root.theme-circus [class*=Card]{border:var(--line-medium) solid var(--circus-bone);position:relative}:root.theme-circus .card:before,:root.theme-circus [class*=Card]:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;background:repeating-linear-gradient(to bottom,var(--bg-primary) 0px,var(--bg-primary) 4px,transparent 4px,transparent 8px)}:root.theme-circus button,:root.theme-circus [class*=Button]{background:var(--circus-bone);color:var(--bg-primary);border:var(--line-medium) solid var(--bg-primary);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:700;padding:.6em 1.5em;position:relative}:root.theme-circus button:before{content:"★";margin-right:.5em;font-size:.8em}:root.theme-circus button:after{content:"★";margin-left:.5em;font-size:.8em}:root.theme-circus button:hover{background:var(--circus-gold);transform:scale(1.02);box-shadow:4px 4px 0 var(--circus-plum)}:root.theme-circus button[class*=danger],:root.theme-circus button[class*=destructive]{background:var(--circus-blood);color:var(--circus-bone)}:root.theme-circus input,:root.theme-circus textarea,:root.theme-circus select{background:var(--bg-elevated);border:var(--line-thin) solid var(--border-primary);border-bottom:var(--line-medium) dashed var(--border-primary);padding:.75em 1em;color:var(--text-primary)}:root.theme-circus input:focus,:root.theme-circus textarea:focus{border-color:var(--circus-plum);box-shadow:inset 0 0 0 1px var(--circus-plum)}:root.theme-circus [class*=Post],:root.theme-circus [class*=FeedItem]{border:var(--line-regular) solid var(--border-primary);border-top:var(--line-bold) double var(--border-primary);border-bottom:var(--line-bold) double var(--border-primary)}:root.theme-circus nav,:root.theme-circus [class*=Nav]{border-bottom:var(--line-medium) solid var(--border-primary);position:relative}:root.theme-circus nav:after{content:"• • • • • • • • • • • • • • • •";position:absolute;bottom:-12px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:4px;color:var(--circus-gold);animation:marquee-blink 2s steps(2) infinite}@keyframes marquee-blink{0%,to{opacity:1}50%{opacity:.5}}:root.theme-circus nav a{color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}:root.theme-circus nav a:hover,:root.theme-circus nav a[class*=active]{color:var(--circus-gold);text-shadow:0 0 8px var(--circus-gold)}:root.theme-circus svg,:root.theme-circus [class*=Icon]{stroke-width:1.5}:root.theme-circus [class*=Modal],:root.theme-circus [class*=Dialog]{border:var(--line-bold) double var(--circus-bone);box-shadow:8px 8px 0 var(--circus-plum),16px 16px 0 var(--circus-blood)}:root.theme-circus [class*=Backdrop],:root.theme-circus [class*=Overlay]{background:repeating-linear-gradient(90deg,#0a0810f2,#0a0810f2 30px,#1a1824f2 30px,#1a1824f2 60px)}:root.theme-circus [class*=Tag],:root.theme-circus [class*=Badge]{background:var(--circus-gold);color:var(--bg-primary);border:var(--line-thin) solid var(--bg-primary);font-weight:700;text-transform:uppercase;font-size:.75em;letter-spacing:var(--tracking-wide)}:root.theme-circus [class*=Avatar]{border:var(--line-medium) solid var(--circus-bone);box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--circus-gold)}:root.theme-circus ::-webkit-scrollbar{width:12px;height:12px}:root.theme-circus ::-webkit-scrollbar-track{background:var(--stripe-dark);border-left:var(--line-thin) solid var(--circus-bone);border-right:var(--line-thin) solid var(--circus-bone)}:root.theme-circus ::-webkit-scrollbar-thumb{background:var(--circus-plum);border:var(--line-thin) solid var(--circus-bone)}:root.theme-circus ::-webkit-scrollbar-thumb:hover{background:var(--circus-gold)}.stitched{border:var(--line-medium) dashed var(--circus-bone);border-radius:0;position:relative}.stitched:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:var(--line-thin) solid var(--circus-bone);pointer-events:none}.text-spooky{text-shadow:2px 2px 0 var(--circus-plum),4px 4px 0 rgba(0,0,0,.5)}.wonky{transform:rotate(-1deg)}.wonky-alt{transform:rotate(1deg)}.deco-key:before{content:"⚷";margin-right:.5em}.web-corner:after{content:"🕸️";position:absolute;top:-5px;right:-5px;font-size:1.5rem;opacity:.3}.drip{position:relative}.drip:after{content:"";position:absolute;bottom:-8px;left:20%;width:8px;height:12px;background:var(--circus-blood);clip-path:polygon(0 0,100% 0,50% 100%)}:root.theme-circus ul:not([class])>li::marker{content:"◇ ";color:var(--circus-gold)}:root.theme-circus tr:nth-child(2n),:root.theme-circus li:nth-child(2n){background:#f5f5dc08}*{margin:0;padding:0;box-sizing:border-box}body.light{--bg-primary: #fafafa;--bg-card: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #2a2a2a;--text-secondary: #707070;--text-muted: #909090;--border-color: #e8e8e8;--border-light: #f0f0f0;--input-bg: #ffffff;--input-border: #e0e0e0;--shadow: rgba(0, 0, 0, .06);--shadow-light: rgba(0, 0, 0, .03);--primary: #4a7dbd;--primary-hover: #3d6aa6;--primary-disabled: #a8c4e0}body.dark{--bg-primary: #1c1c1e;--bg-card: #2c2c2e;--bg-secondary: #3a3a3c;--text-primary: #e8e8e8;--text-secondary: #a0a0a0;--text-muted: #808080;--border-color: #404040;--border-light: #383838;--input-bg: #3a3a3c;--input-border: #505050;--shadow: rgba(0, 0, 0, .2);--shadow-light: rgba(0, 0, 0, .15);--primary: #6a9fd4;--primary-hover: #5a8fc4;--primary-disabled: #4a6a8a}body.light{--surface-light-bg: #ffffff;--surface-light-text: #333333;--surface-light-text-secondary: #666666;--surface-light-border: #e5e5e5;--surface-dark-bg: #1a1a1a;--surface-dark-text: #f0f0f0;--surface-dark-text-secondary: #b0b0b0;--surface-dark-border: #333333;--surface-warm-bg: #f5efe4;--surface-warm-text: #4a4035;--surface-warm-text-secondary: #6b5d4d;--surface-warm-border: #e0d5c5;--surface-cool-bg: #e8eef5;--surface-cool-text: #2a3540;--surface-cool-text-secondary: #4a5a6a;--surface-cool-border: #c8d5e5}body.dark{--surface-light-bg: #2a2a2a;--surface-light-text: #e0e0e0;--surface-light-text-secondary: #a0a0a0;--surface-light-border: #404040;--surface-dark-bg: #0d0d0d;--surface-dark-text: #f5f5f5;--surface-dark-text-secondary: #c0c0c0;--surface-dark-border: #222222;--surface-warm-bg: #2d2a25;--surface-warm-text: #f0e8dc;--surface-warm-text-secondary: #c0b8a8;--surface-warm-border: #4a4035;--surface-cool-bg: #1e2530;--surface-cool-text: #e4e8f0;--surface-cool-text-secondary: #98a4b8;--surface-cool-border: #3a4555}body.light{--intent-thinking-bg-tint: #d8e4ed;--intent-thinking-accent: #4a7a9e;--intent-thinking-border: #4a7a9e;--intent-thinking-avatar-bg: #c8d8e8;--intent-thinking-content: #2a3d4d;--intent-thinking-author: #3d5a70;--intent-thinking-muted: #5a7080;--intent-discussion-bg-tint: #d4eaf4;--intent-discussion-accent: #2a8ab8;--intent-discussion-border: #2a8ab8;--intent-discussion-avatar-bg: #c0dde8;--intent-discussion-content: #1a3d4d;--intent-discussion-author: #2a5a70;--intent-discussion-muted: #4a7088;--intent-personal-bg-tint: #f4e0dc;--intent-personal-accent: #c86a5a;--intent-personal-border: #c86a5a;--intent-personal-avatar-bg: #e8ccc4;--intent-personal-content: #4d2a24;--intent-personal-author: #704038;--intent-personal-muted: #8a5a50;--intent-help-bg-tint: #dceede;--intent-help-accent: #4a9a5a;--intent-help-border: #4a9a5a;--intent-help-avatar-bg: #c8e0c8;--intent-help-content: #1a3d20;--intent-help-author: #2a5a30;--intent-help-muted: #4a7050;--intent-fun-bg-tint: #f4ecd0;--intent-fun-accent: #b8a030;--intent-fun-border: #b8a030;--intent-fun-avatar-bg: #e8ddb8;--intent-fun-content: #3d3510;--intent-fun-author: #5a5020;--intent-fun-muted: #7a7040;--intent-info-bg-tint: #d4ecec;--intent-info-accent: #3a8a8a;--intent-info-border: #3a8a8a;--intent-info-avatar-bg: #c0dede;--intent-info-content: #1a3d3d;--intent-info-author: #2a5a5a;--intent-info-muted: #4a7070}body.dark{--intent-thinking-bg-tint: #2a3a48;--intent-thinking-accent: #6aaad0;--intent-thinking-border: #6aaad0;--intent-thinking-avatar-bg: #3a4a5a;--intent-thinking-content: #e8f0f8;--intent-thinking-author: #b8d0e0;--intent-thinking-muted: #8aaabe;--intent-discussion-bg-tint: #1a3848;--intent-discussion-accent: #50b8e8;--intent-discussion-border: #50b8e8;--intent-discussion-avatar-bg: #2a4858;--intent-discussion-content: #e8f8ff;--intent-discussion-author: #a8d8f0;--intent-discussion-muted: #70a8c8;--intent-personal-bg-tint: #3d2828;--intent-personal-accent: #e88a78;--intent-personal-border: #e88a78;--intent-personal-avatar-bg: #4d3838;--intent-personal-content: #fff0ec;--intent-personal-author: #f0c8c0;--intent-personal-muted: #c8988a;--intent-help-bg-tint: #1a3020;--intent-help-accent: #60c870;--intent-help-border: #60c870;--intent-help-avatar-bg: #2a4030;--intent-help-content: #e8ffe8;--intent-help-author: #a8e0a8;--intent-help-muted: #70a878;--intent-fun-bg-tint: #383020;--intent-fun-accent: #e0c850;--intent-fun-border: #e0c850;--intent-fun-avatar-bg: #484030;--intent-fun-content: #fffde8;--intent-fun-author: #e8daa0;--intent-fun-muted: #b8a868;--intent-info-bg-tint: #1a3838;--intent-info-accent: #50c8c8;--intent-info-border: #50c8c8;--intent-info-avatar-bg: #2a4848;--intent-info-content: #e8ffff;--intent-info-author: #a8e0e0;--intent-info-muted: #70a8a8}body.light,body.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}body.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)}body.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}body.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-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}body.dark .skeleton-avatar:after,body.dark .skeleton-name:after,body.dark .skeleton-time:after,body.dark .skeleton-line:after,body.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:#fff;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:#fff}.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:#fef2f2;color:#b91c1c;padding:14px 16px;border-radius:10px;margin-bottom:20px;font-size:.9rem}body.dark .error-message{background:#3a2525;color:#fca5a5}.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-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)}.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:#fff;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:#fff;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:#c45c5c}.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:#fff;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:#c45c5c;color:#fff;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:#fff;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:#fff;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)}body.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:#fff;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:#fff;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:#fff;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:#fef2f2;color:#b91c1c;padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:.9rem}body.dark .image-error{background:#3a2525;color:#fca5a5}.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:#fff;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:#fff;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:#e53935;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:#fff}.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-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:#fff;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)}.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:#fff;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:#e74c3c;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:#fff;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:#a78bfa}.post-intent-open_to_discussion{border-left-color:#60a5fa}.post-intent-sharing_personal{border-left-color:#f472b6}.post-intent-asking_for_help{border-left-color:#fbbf24}.post-intent-just_for_fun{border-left-color:#4ade80}.post-intent-sharing_information{border-left-color:#94a3b8}.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:#fff;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}.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:#ef4444;border-color:#ef4444;background:#fef2f2}.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:#ef4444;color:#fff}.post-saved-note-confirm .confirm-yes:hover{background:#dc2626}.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, #f59e0b);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:#fff;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:#fff;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:#fff;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:#fff;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:#c45c5c;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:#fff;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:#fff;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:#fff;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:#fff;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:#fff;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:#fff;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)}}.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),#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;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:#fff}.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:#fff;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:#fff;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:#fff}.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:#fff;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}.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:#ef44441a}.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:#fff}.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:#fff;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:#fff}.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:#fff;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:#fff;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:#fff;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:#fff;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-direction:column;gap:8px}.avatar-upload-btn,.avatar-remove-btn{padding:8px 16px;font-size:.85rem}.avatar-remove-btn{background:transparent;color:var(--text-muted);border-color:var(--border-color)}.avatar-remove-btn:hover{color:#ef4444;border-color:#ef4444;background:#ef44440d}.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:#ef4444;border-color:#ef4444;background:#ef44440d}.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:#000;display:flex;align-items:center;justify-content:center}.camera-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-error{color:#ef4444;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:#fff;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:#22c55e}.save-indicator.error{background:#ef4444}.save-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;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:#fff;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{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border-color);overflow-x:auto;-webkit-overflow-scrolling:touch}.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;transition:color .15s,border-color .15s}.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, #f59e0b);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(34, 197, 94, .1));color:var(--success, #22c55e);border-color:var(--success, #22c55e)}.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(239, 68, 68, .1));border:1px solid var(--error-border, rgba(239, 68, 68, .2));border-radius:8px;color:var(--error, #ef4444);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, #ef4444);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(239, 68, 68, .1));border-radius:8px;color:var(--error, #ef4444);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(99, 102, 241, .1))}.friend-list-item.selected:hover{background:var(--primary-light, rgba(99, 102, 241, .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:#fff}.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:#fff}.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:#fff;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(239, 68, 68, .1));border:1px solid var(--error-border, rgba(239, 68, 68, .2));border-radius:8px;color:var(--error, #ef4444);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(34, 197, 94, .1));color:var(--success, #22c55e)}.lookup-status.pending{background:var(--warning-bg, rgba(245, 158, 11, .1));color:var(--warning, #f59e0b)}.lookup-status.incoming{background:var(--primary-light, rgba(99, 102, 241, .1));color:var(--primary);text-decoration:none;cursor:pointer}.lookup-status.incoming:hover{background:var(--primary-light, rgba(99, 102, 241, .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, #f59e0b);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 h2{margin:0 0 24px;font-size:1.1rem;color:var(--text-primary)}.settings-message{padding:12px 16px;border-radius:8px;margin-bottom:20px}.settings-message.success{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.settings-message.error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.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:#fff;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:#fff;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:#dc2626;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)}.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:#fff;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:#22c55e1a;color:#16a34a;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)}.composer-body{flex:1;max-width:640px;width:100%;margin:0 auto;padding:24px}.composer-section{margin-bottom:28px}.composer-section-label{display:block;font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:12px}.intent-pills-row{display:flex;flex-wrap:wrap;gap:8px}.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}.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}.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:#fff}.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:#fff}.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:#f59e0b}.simple-editor .char-count.limit{color:#ef4444;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:#fff}.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:#fff}.canvas-container{background:#f0f0f0;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}@media (max-width: 600px){.drawing-toolbar{gap:8px;padding:8px}.drawing-toolbar .tool-btn,.drawing-toolbar .actions button{width:32px;height:32px;font-size:1rem}.color-btn{width:20px;height:20px}.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,#e8e8e8);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,#fafafa,#f0f0f0);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)}@media (max-width: 600px){.poetry-canvas{min-height:200px}.word-pool{max-height:150px}.word-tile{font-size:.85rem;padding:3px 8px}.poetry-instructions{flex-direction:column;gap:8px;align-items:flex-start}}.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:#fff;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:#fff;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:#fff;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-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:#fff;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, #10b981);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:#fff}.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:#1a1a1a;border-color:#1a1a1a}.style-option-btn[data-surface=warm].selected{background:#f5f0e6;border-color:#e0d5c5;color:#4a4035}.style-option-btn[data-surface=cool].selected{background:#e8eef5;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:#fff}.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:#1a1a1a;color:#f0f0f0}.style-btn[data-surface=warm].selected{background:#f5f0e6;color:#4a4035;border-color:#e0d5c5}.style-btn[data-surface=cool].selected{background:#e8eef5;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)}.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:#fff;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:#e74c3c;border-color:#e74c3c;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:#fff;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:#fff;color:#333}.post-preview-card.surface-dark{background:#1a1a1a;color:#f0f0f0}.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:#f0f0f0}.post-preview-card.surface-warm{background:#f5f0e6;color:#4a4035}.post-preview-card.surface-warm .preview-time,.post-preview-card.surface-warm .preview-placeholder{color:#8a7565}.post-preview-card.surface-cool{background:#e8eef5;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}.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:#fff;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, #f1f5f9);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, #ffffff);border-color:var(--accent, #3b82f6);color:var(--accent, #3b82f6);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:#fff}.friend-btn:hover:not(:disabled){opacity:.9}.friend-btn:disabled{opacity:.7;cursor:default}.friend-btn.friends{background:var(--success, #10b981)}.friend-btn.pending{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.friend-btn.accept{background:var(--success, #10b981)}.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, #ef4444);color:#fff;border-color:var(--error, #ef4444)}.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, #ef4444)}.friend-btn-dropdown-item.danger:hover{background:#ef44441a}.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:#ef44441a;display:flex;align-items:center;justify-content:center;color:var(--error, #ef4444)}.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, #ef4444);color:#fff;border:none}.btn-danger:hover:not(:disabled){background:#dc2626}.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 #f59e0b}.block-dialog-circles-header{display:flex;align-items:center;gap:8px;font-weight:500;color:#d97706;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:#ef44441a;display:flex;align-items:center;justify-content:center;color:var(--error, #ef4444);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, #ef4444)}.profile-more-item.danger:hover{background:#ef44441a}.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, #10b981);color:#fff}.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:#d97706}.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:#fff;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:#3b82f6}.circle-size-warning.hard{background:#f59e0b1a;color:#d97706}.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-actions{display:flex;gap:4px;flex-shrink:0}.circle-member-actions .btn-ghost.danger:hover{color:var(--error, #ef4444)}.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, #ef4444);color:#fff;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:#ef444426;color:#dc2626}.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:#d97706}.circle-leave-btn,.circle-delete-btn{align-self:flex-start}.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-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}.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, #10b981)}.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, #ef4444)}.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, #ef4444);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, #ef4444)}.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:#ef44441a;border-radius:8px;font-size:14px;color:var(--error, #ef4444)}.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:#fff;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:#fff;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:#fff;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, #10b981)}.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:#fff;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:#fff}.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:#fff}.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:#fff}.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)}.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:#fff;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:#fff;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:#dc2626;color:#fff;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:#b91c1c}.avatar-library-current-badge{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);padding:2px 6px;background:var(--primary);color:#fff;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:#fff;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:#dc2626;color:#fff}.btn-confirm-yes:hover{background:#b91c1c}.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:#22c55e;color:#22c55e}@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:#fff}.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:#fff}.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:#fff;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:#f59e0b}.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:#fff;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:#fff}.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:#fff}.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:#dcfce7;color:#16a34a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dark .mebook-section-summary-icon{background:#16a34a33;color:#4ade80}.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:#fff;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:#fff}.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:#fff;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:#fff;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:#fff;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:#fff;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:#fff;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:#fff;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}.mebook-prompt-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:420px;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:#fff;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:#fff;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:#fff;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:#fff;border-color:var(--primary)}.write-btn--active:hover{background:var(--primary-hover, var(--primary));border-color:var(--primary-hover, var(--primary));color:#fff}.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:#e53935;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:#e53935;color:#fff;border:none;border-radius:6px;cursor:pointer}.voice-stop-btn:hover{background:#c62828}.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:#fff;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:#e53935;border:1px solid #e53935;border-radius:4px;cursor:pointer}.voice-preview-actions .btn-danger:hover{background:#e539351a}.voice-recorder-error{color:#e53935;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:#fff;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:#fff}.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:#fff;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}.audio-device-settings{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:12px}.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, #ffffff);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, #fef2f2);color:var(--danger, #dc2626);display:flex;align-items:center;justify-content:center}.block-dialog-title{flex:1;font-size:1.125rem;font-weight:600;color:var(--text, #1f2937);margin:0;padding-top:.5rem}.block-dialog-close{flex-shrink:0;padding:.5rem;border:none;background:transparent;color:var(--text-muted, #6b7280);cursor:pointer;border-radius:.375rem;transition:background-color .15s}.block-dialog-close:hover{background-color:var(--surface-hover, #f3f4f6)}.block-dialog-close:disabled{opacity:.5;cursor:not-allowed}.block-dialog-content{padding:1rem 1.25rem}.block-dialog-description{color:var(--text, #1f2937);margin:0 0 .75rem}.block-dialog-list{margin:0 0 1rem;padding-left:1.25rem;color:var(--text-muted, #6b7280);font-size:.875rem;line-height:1.6}.block-dialog-list li{margin-bottom:.25rem}.block-dialog-note{font-size:.875rem;color:var(--text-muted, #6b7280);margin:0;padding:.75rem;background-color:var(--surface-alt, #f9fafb);border-radius:.5rem}.block-dialog-reason{margin-top:1rem}.block-dialog-reason-label{display:block;font-size:.875rem;color:var(--text-muted, #6b7280);margin-bottom:.375rem}.block-dialog-reason-input{width:100%;padding:.625rem .75rem;border:1px solid var(--border, #e5e7eb);border-radius:.5rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.block-dialog-reason-input:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.block-dialog-reason-input:disabled{background-color:var(--surface-alt, #f9fafb);cursor:not-allowed}.block-dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;background-color:var(--surface-alt, #f9fafb);border-top:1px solid var(--border, #e5e7eb)}.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, #1f2937);margin:0}.blocked-users-count{background-color:var(--surface-alt, #f3f4f6);color:var(--text-muted, #6b7280);font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:9999px}.blocked-users-description{color:var(--text-muted, #6b7280);font-size:.875rem;margin:0}.blocked-users-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--text-muted, #6b7280)}.blocked-users-empty{text-align:center;padding:3rem 1.5rem;background-color:var(--surface-alt, #f9fafb);border-radius:.75rem}.blocked-users-empty-icon{color:var(--text-muted, #9ca3af);margin-bottom:1rem}.blocked-users-empty p{margin:0;color:var(--text-muted, #6b7280)}.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, #ffffff);border:1px solid var(--border, #e5e7eb);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, #e5e7eb);color:var(--text-muted, #6b7280);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, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blocked-user-username{font-size:.875rem;color:var(--text-muted, #6b7280)}.blocked-user-date{font-size:.75rem;color:var(--text-muted, #9ca3af)}.blocked-user-reason{font-size:.75rem;color:var(--text-muted, #9ca3af);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, #f9fafb);border-radius:.5rem}.blocked-users-footer p{margin:0;font-size:.875rem;color:var(--text-muted, #6b7280)}.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, #dc2626);margin-bottom:1.5rem}.profile-blocked-icon.muted{color:var(--text-muted, #9ca3af)}.profile-blocked-title{font-size:1.25rem;font-weight:600;color:var(--text, #1f2937);margin:0 0 .5rem}.profile-blocked-description{color:var(--text-muted, #6b7280);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, #e5e7eb);background:var(--surface, #ffffff);border-radius:.5rem;cursor:pointer;color:var(--text-muted, #6b7280);transition:all .15s}.profile-more-btn:hover{background-color:var(--surface-hover, #f3f4f6);color:var(--text, #1f2937)}.profile-more-dropdown{position:absolute;right:0;top:100%;margin-top:.5rem;min-width:12rem;background:var(--surface, #ffffff);border:1px solid var(--border, #e5e7eb);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, #1f2937);transition:background-color .15s;text-align:left}.profile-more-item:hover{background-color:var(--surface-hover, #f3f4f6)}.profile-more-item.danger{color:var(--danger, #dc2626)}.profile-more-item.danger:hover{background-color:var(--danger-bg, #fef2f2)}.btn-danger{background-color:var(--danger, #dc2626);color:#fff;border:none}.btn-danger:hover{background-color:var(--danger-dark, #b91c1c)}.btn-ghost{background:transparent;color:var(--text-muted, #6b7280);border:none}.btn-ghost:hover{background-color:var(--surface-hover, #f3f4f6);color:var(--text, #1f2937)}.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, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:1rem;font-size:.8125rem;color:var(--text, #1f2937);cursor:pointer;transition:all .15s}.audience-trigger:hover{background:var(--surface-hover, #f3f4f6);border-color:var(--border-hover, #d1d5db)}.audience-trigger-emoji{font-size:.875rem}.audience-trigger-label{font-weight:500}.audience-circle-count{color:var(--text-muted, #6b7280);font-weight:400}.audience-chevron{color:var(--text-muted, #6b7280);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, #e5e7eb);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, #6b7280);text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid var(--border-color, #e5e7eb)}.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, #f9fafb)}.audience-option.selected{background:var(--primary-light, #eff6ff)}.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, #1f2937)}.audience-option-desc{font-size:.75rem;color:var(--text-muted, #6b7280)}.audience-check{color:var(--primary, #3b82f6)}.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, #e5e7eb);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, #6b7280);text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid var(--border-color, #e5e7eb)}.circle-selector-loading,.circle-selector-empty{padding:1.25rem .875rem;text-align:center;color:var(--text-muted, #6b7280);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, #f9fafb)}.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, #d1d5db);border-radius:.25rem;background:var(--surface-card, #fff);transition:all .15s}.circle-selector-item input:checked+.circle-selector-checkbox{background:var(--primary, #3b82f6);border-color:var(--primary, #3b82f6);color:#fff}.circle-selector-name{flex:1;font-size:.875rem;font-weight:500;color:var(--text, #1f2937)}.circle-selector-members{font-size:.75rem;color:var(--text-muted, #6b7280)}.circle-selector-footer{padding:.625rem .875rem;border-top:1px solid var(--border-color, #e5e7eb);display:flex;justify-content:flex-end}.circle-selector-done{padding:.375rem .875rem;background:var(--primary, #3b82f6);color:#fff;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, #2563eb)}.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, #eff6ff);border:1px solid var(--primary-border, #bfdbfe);border-radius:1rem;font-size:.75rem;color:var(--primary-dark, #1d4ed8)}.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, #3b82f6);transition:all .15s}.circle-pill-remove:hover{background:var(--primary, #3b82f6);color:#fff}.circle-pill-add{padding:.25rem .5rem;background:transparent;border:1px dashed var(--border-color, #d1d5db);border-radius:1rem;font-size:.75rem;color:var(--text-muted, #6b7280);cursor:pointer;transition:all .15s}.circle-pill-add:hover{border-color:var(--primary, #3b82f6);color:var(--primary, #3b82f6)}.audience-description{margin:.5rem 0 0;font-size:.75rem;color:var(--text-muted, #6b7280)}[data-theme=dark] .audience-trigger{background:var(--surface-elevated, #374151);border-color:var(--border-color, #4b5563);color:var(--text, #f9fafb)}[data-theme=dark] .audience-trigger:hover{background:var(--surface-hover, #4b5563)}[data-theme=dark] .audience-dropdown,[data-theme=dark] .circle-selector-dropdown{background:var(--surface-card, #1f2937);border-color:var(--border-color, #374151)}[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, #6b7280);margin-left:.5rem}.post-audience-indicator:before{content:"·";margin-right:.25rem}.post-audience-emoji{font-size:.75rem}.post-audience-link{color:var(--text-muted, #6b7280);text-decoration:none;transition:color .15s}.post-audience-link:hover{color:var(--primary, #3b82f6);text-decoration:underline}.circle-tabs{display:flex;gap:.25rem;padding:0 1rem;margin:1rem 0;border-bottom:1px solid var(--border-color, #e5e7eb)}.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, #6b7280);cursor:pointer;transition:all .15s;margin-bottom:-1px}.circle-tab:hover{color:var(--text, #1f2937)}.circle-tab.active{color:var(--primary, #3b82f6);border-bottom-color:var(--primary, #3b82f6)}.circle-tab-count{padding:.125rem .5rem;background:var(--surface-elevated, #f3f4f6);border-radius:1rem;font-size:.75rem;font-weight:500}.circle-tab.active .circle-tab-count{background:var(--primary-light, #eff6ff);color:var(--primary, #3b82f6)}.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, #6b7280)}.circle-posts-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted, #6b7280)}.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, #1f2937)}.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, #3b82f6);color:#fff;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, #3b82f6);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, #3b82f6);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, #e5e7eb)}.circle-caught-up-divider .divider-content{flex-shrink:0}.caught-up-text{color:var(--text-muted, #6b7280);font-size:.875rem;font-style:italic}.btn-caught-up{display:inline-flex;align-items:center;gap:.5rem;background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.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:#16a34a;color:#fff;border-color:#16a34a}.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, #3b82f6);color:#fff;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, #e5e7eb);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, #9ca3af)}.filter-circle-item{padding-left:.5rem!important}.filter-item-icon{color:var(--text-muted, #9ca3af);flex-shrink:0}.filter-circle-item.active .filter-item-icon{color:var(--primary, #3b82f6)}[data-theme=dark] .circle-tabs{border-bottom-color:var(--border-color, #374151)}[data-theme=dark] .circle-tab:hover{color:var(--text, #f9fafb)}[data-theme=dark] .circle-tab-count{background:var(--surface-elevated, #374151)}[data-theme=dark] .circle-posts-empty h3{color:var(--text, #f9fafb)}[data-theme=dark] .filter-dropdown-divider{background:var(--border-color, #374151)}.charter-section{margin:1rem;padding:1rem;background:var(--surface-elevated, #f9fafb);border-radius:.75rem;border:1px solid var(--border-color, #e5e7eb)}.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, #1f2937)}.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, #6b7280)}.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, #e5e7eb)}.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, #1f2937)}.charter-norm-description{font-size:.75rem;color:var(--text-muted, #6b7280)}.charter-summary{margin-bottom:1rem;padding:.625rem .75rem;background:var(--surface-elevated, #f9fafb);border-radius:.5rem;border:1px solid var(--border-color, #e5e7eb)}.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, #6b7280);cursor:pointer;text-align:left;transition:color .15s}.charter-summary-trigger:hover{color:var(--text, #1f2937)}.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, #e5e7eb);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, #e5e7eb);border-radius:1rem;font-size:.75rem;color:var(--text, #1f2937)}.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, #f9fafb);border-radius:.375rem}.charter-hint-text{font-size:.75rem;font-style:italic;color:var(--text-muted, #6b7280)}.charter-editor-modal{max-width:520px;width:100%}.charter-editor-intro{margin:0 0 1rem;font-size:.875rem;color:var(--text-muted, #6b7280);line-height:1.5}.charter-editor-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-muted, #6b7280)}.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, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:.625rem;cursor:pointer;transition:all .15s}.charter-toggle-item:hover{background:var(--surface-hover, #f3f4f6)}.charter-toggle-item.enabled{background:var(--primary-light, #eff6ff);border-color:var(--primary-border, #bfdbfe)}.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, #d1d5db);border-radius:.25rem;flex-shrink:0;margin-top:.125rem;transition:all .15s}.charter-toggle-item.enabled .charter-toggle-checkbox{background:var(--primary, #3b82f6);border-color:var(--primary, #3b82f6)}.charter-toggle-check{color:#fff;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, #1f2937)}.charter-toggle-description{font-size:.75rem;color:var(--text-muted, #6b7280);line-height:1.4}.charter-editor-count{font-size:.8125rem;color:var(--text-muted, #6b7280)}.modal-footer-buttons{display:flex;gap:.5rem}[data-theme=dark] .charter-section{background:var(--surface-elevated, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .charter-norm-item{background:var(--surface-card, #111827);border-color:var(--border-color, #374151)}[data-theme=dark] .charter-summary{background:var(--surface-elevated, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .charter-summary-item{background:var(--surface-card, #111827);border-color:var(--border-color, #374151)}[data-theme=dark] .charter-toggle-item{background:var(--surface-elevated, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .charter-toggle-item:hover{background:var(--surface-hover, #374151)}[data-theme=dark] .charter-toggle-item.enabled{background:#3b82f626;border-color:#3b82f64d}[data-theme=dark] .charter-toggle-checkbox{background:var(--surface-card, #111827);border-color:var(--border-color, #4b5563)}[data-theme=dark] .charter-hint{background:var(--surface-elevated, #1f2937)}.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, #6b7280)}.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, #e5e7eb);background:var(--bg-card, #ffffff);border-radius:.5rem;font-size:.85rem;cursor:pointer;transition:all .2s}.messages-filters .filter-btn:hover{background:var(--bg-secondary, #f9fafb)}.messages-filters .filter-btn.active{background:var(--accent, #3b82f6);color:#fff;border-color:var(--accent, #3b82f6)}.messages-empty{text-align:center;padding:3rem 1rem}.messages-empty .empty-icon{color:var(--text-muted, #9ca3af);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, #6b7280);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, #e5e7eb);background:var(--bg-card, #ffffff);border-radius:.75rem;text-align:left;cursor:pointer;transition:all .2s}.conversation-preview:hover{background:var(--bg-secondary, #f9fafb);border-color:var(--border-hover, #d1d5db)}.conversation-preview.has-unread{border-left:3px solid var(--accent, #3b82f6)}.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, #f3f4f6);display:flex;align-items:center;justify-content:center;color:var(--text-muted, #6b7280)}.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, #1f2937)}.conversation-last-message{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:var(--text-muted, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-indicator{display:flex;align-items:center;color:var(--text-muted, #9ca3af)}.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, #9ca3af)}.unread-badge{background:var(--accent, #3b82f6);color:#fff;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, #e5e7eb);background:var(--bg-card, #ffffff);border-radius:.5rem;cursor:pointer;font-size:.9rem;transition:all .2s}.mode-btn:hover:not(:disabled){background:var(--bg-secondary, #f9fafb)}.mode-btn.active{background:var(--accent, #3b82f6);color:#fff;border-color:var(--accent, #3b82f6)}.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, #9ca3af);pointer-events:none}.search-input-wrapper input{width:100%;padding:.75rem .75rem .75rem 2.25rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;font-size:.9rem;background:var(--bg-card, #ffffff)}.search-input-wrapper input:focus{outline:none;border-color:var(--accent, #3b82f6)}.selection-info{padding:.5rem .75rem;background:var(--bg-secondary, #f3f4f6);border-radius:.375rem;font-size:.85rem;color:var(--text-secondary, #4b5563);margin-bottom:.75rem}.friends-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--text-muted, #6b7280)}.friends-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted, #6b7280);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, #f3f4f6)}.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, #1f2937)}.friend-item .friend-username{font-size:.8rem;color:var(--text-muted, #6b7280)}.friend-item .check-icon{color:var(--accent, #3b82f6);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:#d97706}.error-message{margin-top:.75rem;padding:.75rem;background:#ef44441a;border-radius:.5rem;font-size:.85rem;color:#dc2626}[data-theme=dark] .conversation-preview{background:var(--bg-card, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .conversation-preview:hover,[data-theme=dark] .group-avatar{background:var(--bg-secondary, #374151)}[data-theme=dark] .mode-btn{background:var(--bg-card, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .mode-btn:hover:not(:disabled):not(.active){background:var(--bg-secondary, #374151)}[data-theme=dark] .friend-item:hover:not(:disabled){background:var(--bg-secondary, #374151)}[data-theme=dark] .friend-item.selected{background:#3b82f633}[data-theme=dark] .selection-info{background:var(--bg-secondary, #374151)}.conversation-view{display:flex;flex-direction:column;height:calc(100vh - 60px);max-width:800px;margin:0 auto;background:var(--bg-primary, #ffffff)}.conversation-loading,.conversation-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%;color:var(--text-muted, #6b7280)}.conversation-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-card, #ffffff)}.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, #4b5563);transition:background .15s}.conversation-header .back-btn:hover,.conversation-header .more-btn:hover{background:var(--bg-secondary, #f3f4f6)}.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, #6b7280);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, #6b7280);font-size:.85rem}.load-more-btn{align-self:center;padding:.5rem 1rem;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-card, #ffffff);border-radius:999px;font-size:.85rem;cursor:pointer;color:var(--text-secondary, #4b5563);margin-bottom:1rem}.load-more-btn:hover{background:var(--bg-secondary, #f3f4f6)}.no-messages{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #6b7280)}.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, #6b7280);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, #3b82f6);color:#fff;border-bottom-right-radius:.25rem}.message.other .message-bubble{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #1f2937);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, #e5e7eb)}.deleted-text{font-style:italic;color:var(--text-muted, #9ca3af)}.message-time{font-size:.7rem;color:var(--text-muted, #9ca3af);padding:0 .5rem}.message-input-form{display:flex;gap:.75rem;padding:.75rem 1rem;border-top:1px solid var(--border-color, #e5e7eb);background:var(--bg-card, #ffffff)}.message-input-form input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color, #e5e7eb);border-radius:999px;font-size:.95rem;background:var(--bg-secondary, #f9fafb)}.message-input-form input:focus{outline:none;border-color:var(--accent, #3b82f6);background:var(--bg-card, #ffffff)}.message-input-form .send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:var(--accent, #3b82f6);color:#fff;border-radius:50%;cursor:pointer;transition:background .15s,transform .1s}.message-input-form .send-btn:hover:not(:disabled){background:var(--accent-hover, #2563eb)}.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, #111827)}[data-theme=dark] .conversation-header{background:var(--bg-card, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .conversation-header .back-btn:hover,[data-theme=dark] .conversation-header .more-btn:hover{background:var(--bg-secondary, #374151)}[data-theme=dark] .load-more-btn{background:var(--bg-card, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .load-more-btn:hover{background:var(--bg-secondary, #374151)}[data-theme=dark] .message.other .message-bubble{background:var(--bg-secondary, #374151);color:var(--text-primary, #f3f4f6)}[data-theme=dark] .message.deleted .message-bubble{border-color:var(--border-color, #374151)}[data-theme=dark] .message-input-form{background:var(--bg-card, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .message-input-form input{background:var(--bg-secondary, #374151);border-color:var(--border-color, #4b5563);color:var(--text-primary, #f3f4f6)}[data-theme=dark] .message-input-form input:focus{background:var(--bg-card, #1f2937)}.message-input-container{display:flex;flex-direction:column;background:var(--bg-card, #ffffff);border-top:1px solid var(--border-color, #e5e7eb)}.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, #f9fafb);border-bottom:1px solid var(--border-color, #e5e7eb)}.reply-preview-indicator{color:var(--accent, #3b82f6);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, #3b82f6)}.reply-preview-text{font-size:.8rem;color:var(--text-secondary, #6b7280);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, #9ca3af);border-radius:50%;cursor:pointer;flex-shrink:0}.reply-preview-cancel:hover{background:var(--bg-tertiary, #e5e7eb);color:var(--text-primary, #111827)}.message-reply-badge{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;margin-bottom:.25rem;background:var(--bg-secondary, #f3f4f6);border-left:2px solid var(--accent, #3b82f6);border-radius:.25rem;font-size:.75rem;color:var(--text-secondary, #6b7280);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, #e5e7eb)}.message-reply-badge .reply-icon{color:var(--accent, #3b82f6);flex-shrink:0}.message-reply-badge .reply-sender{font-weight:600;color:var(--accent, #3b82f6);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, #3b82f6)}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, #ffffff);color:var(--text-primary, #111827);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, #3b82f6);color:#fff;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, #ffffff);border:1px solid var(--border-color, #e5e7eb);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, #111827);font-size:.875rem;border-radius:.375rem;cursor:pointer;text-align:left}.message-context-menu button:hover{background:var(--bg-secondary, #f9fafb)}.message-context-menu button.destructive{color:var(--error, #ef4444)}.message-context-menu button.destructive:hover{background:#fef2f2}.context-menu-divider{height:1px;background:var(--border-color, #e5e7eb);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, #ffffff);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, #e5e7eb)}.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, #9ca3af);border-radius:50%;cursor:pointer}.edit-message-header .close-btn:hover{background:var(--bg-secondary, #f9fafb);color:var(--text-primary, #111827)}.edit-message-modal form{padding:1rem}.edit-message-modal textarea{width:100%;padding:.75rem;border:1px solid var(--border-color, #e5e7eb);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, #3b82f6)}.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, #9ca3af)}.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, #111827);color:#fff;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, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .reply-preview{background:var(--bg-secondary, #374151);border-color:var(--border-color, #4b5563)}[data-theme=dark] .reply-preview-cancel:hover{background:var(--bg-tertiary, #4b5563)}[data-theme=dark] .message-reply-badge{background:var(--bg-tertiary, #374151)}[data-theme=dark] .message-reply-badge:hover{background:var(--bg-secondary, #4b5563)}[data-theme=dark] .scroll-to-bottom-btn{background:var(--bg-card, #1f2937);color:var(--text-primary, #f3f4f6)}[data-theme=dark] .message-context-menu{background:var(--bg-card, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .message-context-menu button{color:var(--text-primary, #f3f4f6)}[data-theme=dark] .message-context-menu button:hover{background:var(--bg-secondary, #374151)}[data-theme=dark] .message-context-menu button.destructive:hover{background:#ef444426}[data-theme=dark] .edit-message-modal{background:var(--bg-card, #1f2937)}[data-theme=dark] .edit-message-header{border-color:var(--border-color, #374151)}[data-theme=dark] .edit-message-modal textarea{background:var(--bg-secondary, #374151);border-color:var(--border-color, #4b5563);color:var(--text-primary, #f3f4f6)}[data-theme=dark] .copy-toast{background:var(--bg-tertiary, #374151)}.conversation-name-row{display:flex;align-items:center;gap:.375rem}.pin-indicator{color:var(--accent, #3b82f6);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:#d97706}.state-badge.state-resting{background:#3b82f626;color:#3b82f6}.state-badge.state-closed{background:#6b728026;color:#6b7280}.state-banner{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;font-size:.85rem}.state-banner.state-paused{background:#f59e0b1a;color:#d97706;border-bottom:1px solid rgba(245,158,11,.2)}.state-banner.state-resting{background:#3b82f61a;color:#3b82f6;border-bottom:1px solid rgba(59,130,246,.2)}.state-banner.state-closed{background:#6b72801a;color:#6b7280;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:#fff;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, #ffffff);border:1px solid var(--border-color, #e5e7eb);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, #1f2937);cursor:pointer;transition:background .15s}.dropdown-menu button:hover:not(:disabled){background:var(--bg-secondary, #f3f4f6)}.dropdown-menu button:disabled{opacity:.5;cursor:not-allowed}.dropdown-menu button.active{color:var(--accent, #3b82f6)}.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, #e5e7eb);margin:.25rem 0}.submenu{border-top:1px solid var(--border-color, #e5e7eb);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, #f3f4f6);border-radius:999px;font-size:.8rem;color:var(--text-muted, #6b7280)}.system-message-time{font-size:.7rem;color:var(--text-muted, #9ca3af);margin-top:.25rem}[data-theme=dark] .dropdown-menu{background:var(--bg-card, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .dropdown-menu button{color:var(--text-primary, #f3f4f6)}[data-theme=dark] .dropdown-menu button:hover:not(:disabled){background:var(--bg-secondary, #374151)}[data-theme=dark] .dropdown-divider,[data-theme=dark] .submenu{border-color:var(--border-color, #374151)}[data-theme=dark] .system-message-content{background:var(--bg-secondary, #374151)}.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, #6b7280));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, #f3f4f6)}.section-header svg{flex-shrink:0}.section-count{margin-left:auto;padding:.125rem .5rem;background:var(--bg-secondary, #f3f4f6);border-radius:999px;font-size:.7rem;color:var(--text-muted, #6b7280)}.toggle-indicator{font-size:1rem;font-weight:400;color:var(--text-muted, #9ca3af);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, #e5e7eb)}[data-theme=dark] .section-header.clickable:hover,[data-theme=dark] .section-count{background:var(--bg-secondary, #374151)}[data-theme=dark] .closed-section{border-color:var(--border-color, #374151)}.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, #ffffff)}.conversation-preview .conversation-name-row{display:flex;align-items:center;gap:.375rem}.conversation-preview .pin-icon{color:var(--accent, #3b82f6);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, #1f2937)}.presence-note-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:var(--bg-secondary, #f1f5f9);border:none;border-radius:1rem;font-size:.75rem;color:var(--text-secondary, #64748b);font-style:italic;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presence-note-badge.own{background:#3b82f61a;color:var(--accent, #3b82f6)}.presence-note-badge.clickable{cursor:pointer;transition:all .15s}.presence-note-badge.clickable:hover{background:var(--bg-hover, #e2e8f0)}.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, #e5e7eb);background:none;border-radius:1rem;cursor:pointer;color:var(--text-muted, #9ca3af);transition:all .15s}.set-presence-btn:hover{border-color:var(--accent, #3b82f6);color:var(--accent, #3b82f6);background:#3b82f61a}.presence-editor-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;z-index:100}.presence-note-editor{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e5e7eb);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, #1f2937)}.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, #94a3b8)}.presence-note-editor .editor-header .close-btn:hover{background:var(--bg-secondary, #f1f5f9);color:var(--text-primary, #1f2937)}.presence-note-editor .editor-hint{font-size:.8rem;color:var(--text-secondary, #64748b);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, #e5e7eb);border-radius:.375rem;font-size:.9rem;outline:none;transition:border-color .15s;background:var(--bg-card, #ffffff);color:var(--text-primary, #1f2937)}.presence-note-editor .input-row input:focus{border-color:var(--accent, #3b82f6)}.presence-note-editor .char-count{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--text-muted, #9ca3af)}.presence-note-editor .suggestions{margin-bottom:1rem}.presence-note-editor .suggestions-label{display:block;font-size:.75rem;color:var(--text-muted, #9ca3af);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, #f1f5f9);border:1px solid transparent;border-radius:1rem;cursor:pointer;transition:all .15s;color:var(--text-secondary, #64748b)}.presence-note-editor .suggestion-chip:hover{background:var(--bg-hover, #e2e8f0)}.presence-note-editor .suggestion-chip.active{background:var(--accent, #3b82f6);color:#fff}.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, #e5e7eb)}.presence-note-editor .spacer{flex:1}.presence-note-editor .clear-btn{padding:.375rem .75rem;font-size:.8rem;background:none;border:none;color:#ef4444;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, #e5e7eb);border-radius:.375rem;cursor:pointer;color:var(--text-primary, #1f2937)}.presence-note-editor .cancel-btn:hover{background:var(--bg-secondary, #f1f5f9)}.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, #3b82f6);color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:background .15s}.presence-note-editor .save-btn:hover:not(:disabled){background:var(--accent-hover, #2563eb)}.presence-note-editor .save-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .presence-note-badge{background:var(--bg-secondary, #374151);color:var(--text-secondary, #9ca3af)}[data-theme=dark] .presence-note-badge.own{background:#3b82f633}[data-theme=dark] .presence-note-badge.clickable:hover{background:var(--bg-hover, #4b5563)}[data-theme=dark] .set-presence-btn{border-color:var(--border-color, #4b5563)}[data-theme=dark] .presence-note-editor{background:var(--bg-card, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .presence-note-editor .editor-header .close-btn:hover{background:var(--bg-secondary, #374151)}[data-theme=dark] .presence-note-editor .input-row input{background:var(--bg-secondary, #374151);border-color:var(--border-color, #4b5563);color:var(--text-primary, #f3f4f6)}[data-theme=dark] .presence-note-editor .suggestion-chip{background:var(--bg-secondary, #374151);color:var(--text-secondary, #9ca3af)}[data-theme=dark] .presence-note-editor .suggestion-chip:hover{background:var(--bg-hover, #4b5563)}[data-theme=dark] .presence-note-editor .cancel-btn{border-color:var(--border-color, #4b5563);color:var(--text-primary, #f3f4f6)}[data-theme=dark] .presence-note-editor .cancel-btn:hover{background:var(--bg-secondary, #374151)}[data-theme=dark] .presence-note-editor .editor-actions{border-color:var(--border-color, #374151)}.stepped-away-prompt{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);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, #f8fafc);border-bottom:1px solid var(--border-color, #e2e8f0);font-weight:500;font-size:.9rem}.stepped-away-prompt .prompt-header svg{color:var(--color-warning, #f59e0b)}.stepped-away-prompt .dismiss-all-btn{margin-left:auto;padding:.25rem .5rem;font-size:.75rem;background:none;border:1px solid var(--border-color, #e2e8f0);border-radius:.25rem;cursor:pointer;color:var(--text-secondary, #64748b)}.stepped-away-prompt .dismiss-all-btn:hover{background:var(--bg-hover, #f1f5f9)}.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, #f8fafc)}.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, #f8fafc);border:1px solid var(--border-color, #e2e8f0);display:flex;align-items:center;justify-content:center;color:var(--text-muted, #94a3b8);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, #94a3b8)}.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, #e2e8f0);border-radius:.25rem;background:var(--bg-card, white);cursor:pointer;transition:all .15s;color:var(--text-secondary, #64748b)}.stepped-away-prompt .action-btn:hover:not(:disabled){background:var(--bg-hover, #f1f5f9)}.stepped-away-prompt .action-btn:disabled{opacity:.5;cursor:not-allowed}.stepped-away-prompt .action-btn.resume{background:var(--primary, #6366f1);border-color:var(--primary, #6366f1);color:#fff}.stepped-away-prompt .action-btn.resume:hover:not(:disabled){background:var(--primary-hover, #4f46e5)}.stepped-away-prompt .action-btn.pause svg{color:var(--color-warning, #f59e0b)}.stepped-away-prompt .action-btn.rest svg{color:var(--text-muted, #94a3b8)}.stepped-away-prompt .action-btn.dismiss svg{color:var(--text-muted, #94a3b8)}.stepped-away-prompt .prompt-hint{padding:.5rem 1rem .75rem;font-size:.75rem;color:var(--text-muted, #94a3b8);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, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .stepped-away-prompt .prompt-header{background:var(--bg-secondary, #111827);border-color:var(--border-color, #374151)}[data-theme=dark] .stepped-away-prompt .dismiss-all-btn{border-color:var(--border-color, #374151);color:var(--text-secondary, #9ca3af)}[data-theme=dark] .stepped-away-prompt .dismiss-all-btn:hover{background:var(--bg-hover, #374151)}[data-theme=dark] .stepped-away-prompt .stepped-away-item:hover{background:var(--bg-secondary, #111827)}[data-theme=dark] .stepped-away-prompt .group-avatar-small{background:var(--bg-secondary, #111827);border-color:var(--border-color, #374151)}[data-theme=dark] .stepped-away-prompt .action-btn{background:var(--bg-card, #1f2937);border-color:var(--border-color, #374151);color:var(--text-secondary, #9ca3af)}[data-theme=dark] .stepped-away-prompt .action-btn:hover:not(:disabled){background:var(--bg-hover, #374151)}[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, #e2e8f0);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, #f1f5f9);transform:scale(1.2)}.reaction-picker .reaction-option.selected{background:var(--primary, #6366f1);background:color-mix(in srgb,var(--primary, #6366f1) 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, #ffffff);border:1px solid var(--border-color, #e2e8f0);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, #e2e8f0)}.message-reactions .reaction-badge.mine{background:color-mix(in srgb,var(--primary, #6366f1) 15%,transparent);border-color:var(--primary, #6366f1)}.message-reactions .reaction-emoji{font-size:.875rem;line-height:1}.message-reactions .reaction-count{font-size:.7rem;color:var(--text-secondary, #64748b);font-weight:500}.message-reactions .reaction-badge.mine .reaction-count{color:var(--primary, #6366f1)}.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, #f1f5f9);border-radius:50%;cursor:pointer;color:var(--text-muted, #94a3b8);transition:all .15s;opacity:0;animation:fadeIn .1s ease-out forwards}@keyframes fadeIn{to{opacity:1}}.add-reaction-btn:hover{background:var(--bg-hover, #e2e8f0);color:var(--text-secondary, #64748b)}.add-reaction-btn.has-reaction{color:var(--primary, #6366f1)}[data-theme=dark] .reaction-picker{background:var(--bg-card, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .reaction-picker .reaction-option:hover{background:var(--bg-secondary, #374151)}[data-theme=dark] .reaction-picker .reaction-option.selected{background:color-mix(in srgb,var(--primary, #6366f1) 30%,transparent)}[data-theme=dark] .message-reactions .reaction-badge{background:var(--bg-card, #1f2937);border-color:var(--border-color, #4b5563);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .message-reactions .reaction-badge:hover{background:var(--bg-hover, #4b5563)}[data-theme=dark] .message-reactions .reaction-badge.mine{background:color-mix(in srgb,var(--primary, #6366f1) 25%,transparent);border-color:var(--primary, #6366f1)}[data-theme=dark] .add-reaction-btn{background:var(--bg-secondary, #374151)}[data-theme=dark] .add-reaction-btn:hover{background:var(--bg-hover, #4b5563)}.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, #f1f5f9);color:var(--text-primary, #1e293b);border-radius:50%;cursor:pointer;flex-shrink:0;margin-top:.25rem}.settings-page-header .back-btn:hover{background:var(--bg-tertiary, #e2e8f0)}.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, #64748b);margin:0;line-height:1.5}.settings-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--text-muted, #64748b)}.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, #64748b);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.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, #ffffff);border-radius:.5rem;border:1px solid var(--border-color, #e2e8f0)}.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, #f1f5f9);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, #e2e8f0);color:var(--text-muted, #64748b);border-radius:.25rem}.relationship-type-card .type-description{font-size:.875rem;color:var(--text-muted, #64748b);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, #64748b);border-radius:.375rem;cursor:pointer}.relationship-type-card .btn-icon:hover{background:var(--bg-secondary, #f1f5f9);color:var(--text-primary, #1e293b)}.relationship-type-card .btn-icon.btn-danger:hover{background:#ef44441a;color:#ef4444}.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, #64748b);margin-top:.25rem}[data-theme=dark] .settings-page-header .back-btn{background:var(--bg-secondary, #374151);color:var(--text-primary, #f3f4f6)}[data-theme=dark] .settings-page-header .back-btn:hover{background:var(--bg-tertiary, #4b5563)}[data-theme=dark] .category-heading{border-color:var(--border-color, #374151)}[data-theme=dark] .relationship-type-card{background:var(--bg-card, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .relationship-type-card .type-icon,[data-theme=dark] .relationship-type-card .system-badge{background:var(--bg-secondary, #374151)}[data-theme=dark] .relationship-type-card .btn-icon:hover{background:var(--bg-secondary, #374151);color:var(--text-primary, #f3f4f6)}[data-theme=dark] .relationship-type-card .btn-icon.btn-danger:hover{background:#ef444426}.profile-relationships{margin:1rem 1.5rem;padding:1rem;background:var(--bg-card, #ffffff);border-radius:.5rem;border:1px solid var(--border-color, #e2e8f0)}.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, #64748b);margin:0}.relationship-message{padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;margin-bottom:.75rem}.relationship-message.error{background:#ef44441a;color:#ef4444}.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, #f1f5f9);border-radius:999px;font-size:.875rem}.relationship-badge .badge-type{font-weight:500}.relationship-badge .badge-label{color:var(--text-muted, #64748b);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, #64748b);opacity:.5;border-radius:.25rem}.btn-icon-tiny:hover{opacity:1;background:var(--bg-tertiary, #e2e8f0)}.btn-icon-tiny:disabled{opacity:.3;cursor:not-allowed}.modal-relationship{max-width:480px}.modal-subtitle{color:var(--text-muted, #64748b);font-size:.875rem;margin-bottom:1.5rem;line-height:1.5}.loading-inline{display:flex;align-items:center;gap:.5rem;color:var(--text-muted, #64748b);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, #f1f5f9);color:var(--text-primary, #1e293b);border-radius:50%;cursor:pointer;flex-shrink:0;margin-top:.25rem}.relationships-page .back-btn:hover{background:var(--bg-tertiary, #e2e8f0)}.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, #64748b)}.relationships-page .page-error{padding:1rem;background:#ef44441a;color:#ef4444;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, #64748b);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, #e2e8f0)}.relationships-summary .summary-count{font-size:1.5rem;font-weight:600}.relationships-summary .summary-label{color:var(--text-muted, #64748b)}.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, #64748b);background:var(--bg-secondary, #f1f5f9);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, #ffffff);border-radius:.5rem;border:1px solid var(--border-color, #e2e8f0)}.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, #3b82f6)}.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, #64748b);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, #64748b);white-space:nowrap}.relationship-list-item .relationship-actions{display:flex;gap:.25rem;flex-shrink:0}[data-theme=dark] .profile-relationships{background:var(--bg-card, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .relationship-badge{background:var(--bg-secondary, #374151)}[data-theme=dark] .btn-icon-tiny:hover{background:var(--bg-tertiary, #4b5563)}[data-theme=dark] .relationships-page .back-btn{background:var(--bg-secondary, #374151);color:var(--text-primary, #f3f4f6)}[data-theme=dark] .relationships-page .back-btn:hover{background:var(--bg-tertiary, #4b5563)}[data-theme=dark] .relationships-summary{border-color:var(--border-color, #374151)}[data-theme=dark] .relationship-type-section .type-count{background:var(--bg-secondary, #374151)}[data-theme=dark] .relationship-list-item{background:var(--bg-card, #1f2937);border-color:var(--border-color, #374151)}.profile-relationships-display{margin:1rem 1.5rem;padding:1rem;background:var(--bg-card, #ffffff);border-radius:.5rem;border:1px solid var(--border-color, #e2e8f0)}.relationships-heading{font-size:.875rem;font-weight:600;color:var(--text-muted, #64748b);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, #64748b);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, #f1f5f9);border-radius:9999px;text-decoration:none;color:inherit;font-size:.875rem;transition:background .15s}.relationship-person:hover{background:var(--bg-tertiary, #e2e8f0)}.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, #3b82f6);color:#fff;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, #e2e8f0);font-size:.75rem;color:var(--text-muted, #64748b)}.visibility-info summary{cursor:pointer;-webkit-user-select:none;user-select:none}.visibility-info summary:hover{color:var(--text-primary, #1e293b)}.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, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .relationship-person{background:var(--bg-secondary, #374151)}[data-theme=dark] .relationship-person:hover{background:var(--bg-tertiary, #4b5563)}[data-theme=dark] .visibility-info{border-color:var(--border-color, #374151)}[data-theme=dark] .visibility-info summary:hover{color:var(--text-primary, #f3f4f6)}.circle-type-label{font-size:.75rem;color:var(--text-muted, #64748b);font-style:italic}.circle-card-dynamic{border-color:var(--accent, #3b82f6);border-width:1px}.circle-card-dynamic .circle-card-icon{color:var(--accent, #3b82f6)}.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, #f1f5f9);border:2px solid var(--border-color, #e2e8f0);border-radius:.75rem;cursor:pointer;transition:all .2s;text-align:center}.circle-type-option:hover{border-color:var(--accent, #3b82f6);background:var(--bg-card, #ffffff)}.circle-type-option .option-icon{color:var(--accent, #3b82f6)}.circle-type-option .option-title{font-weight:600;font-size:1.125rem}.circle-type-option .option-desc{font-size:.875rem;color:var(--text-muted, #64748b)}.modal-actions.centered{justify-content:center}.modal-dynamic-circle{max-width:500px}.modal-dynamic-circle .dynamic-icon{color:var(--accent, #3b82f6);vertical-align:middle;margin-right:.5rem}.type-picker{max-height:300px;overflow-y:auto;border:1px solid var(--border-color, #e2e8f0);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, #64748b);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, #f1f5f9);border:1px solid var(--border-color, #e2e8f0);border-radius:999px;cursor:pointer;transition:all .15s}.type-picker-item:hover{border-color:var(--accent, #3b82f6)}.type-picker-item.selected{background:var(--accent, #3b82f6);color:#fff;border-color:var(--accent, #3b82f6)}.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, #f1f5f9);border-radius:.5rem;border-left:3px solid var(--accent, #3b82f6)}.circle-dynamic-note{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted, #64748b);margin-bottom:.75rem}.circle-dynamic-note svg{color:var(--accent, #3b82f6);flex-shrink:0}.circle-rules-summary{background:var(--bg-card, #ffffff);padding:.75rem;border-radius:.375rem}.circle-rules-summary h3{font-size:.75rem;font-weight:600;color:var(--text-muted, #64748b);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, #3b82f6);font-style:italic}[data-theme=dark] .circle-type-option{background:var(--bg-secondary, #374151);border-color:var(--border-color, #4b5563)}[data-theme=dark] .circle-type-option:hover{background:var(--bg-card, #1f2937)}[data-theme=dark] .type-picker{background:var(--bg-secondary, #374151);border-color:var(--border-color, #4b5563)}[data-theme=dark] .type-picker-item{background:var(--bg-card, #1f2937);border-color:var(--border-color, #4b5563)}[data-theme=dark] .circle-dynamic-info{background:var(--bg-secondary, #374151)}[data-theme=dark] .circle-rules-summary{background:var(--bg-card, #1f2937)}.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, #e2e8f0)}.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, #3b82f6);color:#fff;border-radius:.25rem;flex-shrink:0}.post-content-preview{flex:1;font-size:.875rem;color:var(--text-primary, #1e293b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-time{font-size:.75rem;color:var(--text-muted, #64748b);flex-shrink:0}.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, #1e293b);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, #3b82f6);color:#fff;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, #64748b);font-size:.875rem}.module-action-link{display:block;text-align:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color, #e2e8f0);font-size:.875rem;color:var(--accent, #3b82f6);text-decoration:none}.module-action-link:hover{text-decoration:underline}.customize-room{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary, #f8fafc)}.customize-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem;color:var(--text-muted, #64748b)}.customize-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bg-card, #ffffff);border-bottom:1px solid var(--border-color, #e2e8f0);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, #475569);cursor:pointer;font-size:.875rem;transition:all .15s}.toolbar-btn:hover{background:var(--bg-secondary, #f1f5f9);color:var(--text-primary, #1e293b)}.toolbar-btn.active{background:var(--accent, #3b82f6);color:#fff}.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, #f1f5f9);border:1px solid var(--border-color, #e2e8f0);border-radius:.375rem;color:var(--text-muted, #64748b);cursor:not-allowed;font-size:.875rem;transition:all .15s}.toolbar-save-btn.has-changes{background:var(--accent, #3b82f6);border-color:var(--accent, #3b82f6);color:#fff;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, #ffffff);border-bottom:1px solid var(--border-color, #e2e8f0);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, #e2e8f0)}.dropdown-header span{font-size:.875rem;font-weight:600;color:var(--text-primary, #1e293b)}.dropdown-close{background:none;border:none;cursor:pointer;color:var(--text-muted, #64748b);padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center}.dropdown-close:hover{background:var(--bg-secondary, #f1f5f9);color:var(--text-primary, #1e293b)}.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, #64748b)}.dropdown-swatches{display:flex;gap:.5rem;flex-wrap:wrap}.swatch{width:32px;height:32px;border:2px solid var(--border-color, #e2e8f0);border-radius:.375rem;cursor:pointer;transition:all .15s}.swatch:hover{transform:scale(1.05)}.swatch.active{border-color:var(--accent, #3b82f6);box-shadow:0 0 0 2px var(--accent, #3b82f6)}.swatch-custom{width:32px;height:32px;padding:0;border:2px dashed var(--border-color, #e2e8f0);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, #e2e8f0);border-radius:.375rem;font-size:.875rem;background:var(--bg-card, #ffffff);color:var(--text-primary, #1e293b);cursor:pointer;min-width:150px}.dropdown-select:focus{outline:none;border-color:var(--accent, #3b82f6)}.dropdown-chips{display:flex;gap:.375rem;flex-wrap:wrap}.chip{padding:.375rem .75rem;background:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-color, #e2e8f0);border-radius:1rem;font-size:.8125rem;cursor:pointer;transition:all .15s;color:var(--text-secondary, #475569)}.chip:hover{border-color:var(--accent, #3b82f6);background:var(--bg-card, #ffffff)}.chip.active{background:var(--accent, #3b82f6);border-color:var(--accent, #3b82f6);color:#fff}.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, #f1f5f9);border:1px solid var(--border-color, #e2e8f0);border-radius:.5rem;font-size:.875rem;cursor:pointer;text-align:left;transition:all .15s}.option-btn:hover{border-color:var(--accent, #3b82f6);background:var(--bg-card, #ffffff)}.option-btn.active{background:var(--accent-light, #eff6ff);border-color:var(--accent, #3b82f6)}.option-btn .option-label{font-weight:500;color:var(--text-primary, #1e293b)}.option-btn .option-hint{font-size:.75rem;color:var(--text-muted, #64748b)}.option-btn.active .option-label{color:var(--accent, #3b82f6)}.dropdown-row{display:flex;align-items:center;gap:.75rem}.dropdown-input{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color, #e2e8f0);border-radius:.375rem;font-size:.875rem;background:var(--bg-card, #ffffff);color:var(--text-primary, #1e293b)}.dropdown-input:focus{outline:none;border-color:var(--accent, #3b82f6)}.dropdown-input::placeholder{color:var(--text-muted, #94a3b8)}.dropdown-checkbox{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-secondary, #475569);cursor:pointer;white-space:nowrap}.dropdown-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent, #3b82f6);cursor:pointer}.customize-preview-area{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:auto;background:var(--bg-secondary, #f1f5f9)}.room-preview{width:100%;max-width:480px;min-height:400px;background:var(--bg-card, #ffffff);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, #e2e8f0)}.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, #3b82f6);color:#fff;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, #64748b)}.preview-tagline{font-size:.875rem;color:var(--text-secondary, #475569);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, #64748b);text-align:center}.preview-module{padding:.75rem;margin-bottom:.75rem;border:1px solid var(--border-color, #e2e8f0);border-radius:.5rem;cursor:pointer;transition:all .15s}.preview-module:hover,.preview-module.focused{border-color:var(--accent, #3b82f6);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, #f1f5f9);border-radius:.25rem}.preview-schematic{width:100%;max-width:600px;min-height:400px;padding:24px;border-radius:12px;border:1px solid var(--border-color, #e2e8f0);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, #e2e8f0);margin-bottom:20px}.preview-schematic .preview-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:var(--bg-secondary, #f1f5f9);border:2px dashed var(--border-color, #e2e8f0);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, #f1f5f9);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, #f1f5f9);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;cursor:pointer;transition:all .15s;text-align:left}.preview-module-block:hover{border-color:var(--accent, #3b82f6);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, #1e293b);flex:1}.module-expand-icon{color:var(--text-muted, #64748b);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, #64748b);font-size:.9rem;display:block}.preview-focused{width:100%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;background:var(--bg-card, #ffffff);border-radius:12px;border:1px solid var(--border-color, #e2e8f0);overflow:hidden}.preview-focused-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary, #f1f5f9);border-bottom:1px solid var(--border-color, #e2e8f0)}.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, #475569);cursor:pointer;padding:6px 10px;border-radius:6px;font-size:.875rem;transition:all .15s}.preview-back-btn:hover{background:var(--bg-card, #ffffff);color:var(--accent, #3b82f6)}.preview-focused-content{flex:1;padding:20px;overflow-y:auto}.customize-module-bar{padding:.75rem 1rem;background:var(--bg-card, #ffffff);border-top:1px solid var(--border-color, #e2e8f0)}.module-bar{display:flex;align-items:center;gap:12px}.module-bar-label{font-size:.75rem;font-weight:500;color:var(--text-muted, #64748b);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, #f1f5f9);border:1px solid var(--border-color, #e2e8f0);border-radius:6px;color:var(--text-muted, #64748b);cursor:pointer;font-size:.8125rem;transition:all .15s}.module-bar-toggle:hover{border-color:var(--text-muted, #64748b)}.module-bar-toggle.enabled{background:var(--accent-light, #eff6ff);border-color:var(--accent, #3b82f6);color:var(--accent, #3b82f6)}.module-bar-toggle.enabled:hover{background:var(--bg-card, #ffffff)}.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, #f1f5f9)}.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, #64748b);font-size:.875rem}.module-empty{padding:1.5rem;text-align:center;color:var(--text-muted, #64748b);font-size:.875rem}[data-theme=dark] .compact-post-item{border-color:var(--border-color, #374151)}[data-theme=dark] .post-content-preview,[data-theme=dark] .friend-tile{color:var(--text-primary, #f3f4f6)}[data-theme=dark] .module-action-link{border-color:var(--border-color, #374151)}[data-theme=dark] .customize-room{background:var(--bg-primary, #111827)}[data-theme=dark] .customize-toolbar{background:var(--bg-card, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .toolbar-btn:hover{background:var(--bg-secondary, #374151);color:var(--text-primary, #f3f4f6)}[data-theme=dark] .toolbar-save-btn{background:var(--bg-secondary, #374151);border-color:var(--border-color, #374151)}[data-theme=dark] .toolbar-dropdown{background:var(--bg-card, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .dropdown-header{border-color:var(--border-color, #374151)}[data-theme=dark] .dropdown-close:hover{background:var(--bg-secondary, #374151)}[data-theme=dark] .dropdown-tab{background:var(--bg-secondary, #374151);border-color:var(--border-color, #374151)}[data-theme=dark] .color-swatch,[data-theme=dark] .gradient-swatch{border-color:var(--border-color, #374151)}[data-theme=dark] .option-btn{background:var(--bg-secondary, #374151);border-color:var(--border-color, #374151)}[data-theme=dark] .text-input{background:var(--bg-secondary, #374151);border-color:var(--border-color, #374151);color:var(--text-primary, #f3f4f6)}[data-theme=dark] .customize-preview-area{background:var(--bg-secondary, #1f2937)}[data-theme=dark] .room-preview{background:var(--bg-card, #374151)}[data-theme=dark] .preview-header,[data-theme=dark] .preview-module{border-color:var(--border-color, #4b5563)}[data-theme=dark] .preview-module-placeholder{background:var(--bg-secondary, #374151)}[data-theme=dark] .customize-module-bar{background:var(--bg-card, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .module-bar-item{background:var(--bg-secondary, #374151);border-color:var(--border-color, #4b5563)}.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, #f59e0b);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(239, 68, 68, .1));border:1px solid var(--error-border, rgba(239, 68, 68, .2));border-radius:8px;color:var(--error, #ef4444);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, #ef4444);color:#fff;border-color:var(--error, #ef4444)}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.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, #22c55e);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(99, 102, 241, .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(99, 102, 241, .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}@media (max-width: 768px){.admin-sidebar{width:100%;position:relative;border-right:none;border-bottom:1px solid var(--border-color)}.admin-sidebar-header{padding:16px}.admin-nav{flex-direction:row;overflow-x:auto;padding:12px;gap:8px}.admin-nav-link{padding:10px 14px;white-space:nowrap}.admin-nav-link span,.admin-sidebar-footer{display:none}.admin-main{margin-left:0;padding:20px}.admin-stats-grid{grid-template-columns:1fr 1fr}.admin-reports-filters,.admin-users-filters,.admin-audit-filters{flex-direction:column}.admin-filter-group,.admin-select{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:#fff}.filter-btn-warning.active{background:var(--warning);border-color:var(--warning)}.filter-btn-info.active{background:var(--info, #3b82f6);border-color:var(--info, #3b82f6)}.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:#fff}.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:#fff}.priority-badge.priority-high{background:var(--warning);color:#fff}.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:#eab30826;color:var(--warning)}.status-badge.status-in_review{background:#3b82f626;color:var(--info, #3b82f6)}.status-badge.status-escalated{background:#ef444426;color:var(--danger)}.status-badge.status-resolved{background:#22c55e26;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:#ef44441a;border:1px solid var(--danger);border-radius:8px;color:var(--danger)}.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:#ef44441a;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:#fff}.btn-warning:hover{opacity:.9}.btn-ghost.btn-warning{background:transparent;color:var(--warning)}.btn-ghost.btn-warning:hover{background:#eab3081a}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;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:#eab3080d}.user-row.status-banned{background:#ef44440d}.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:#22c55e26;color:var(--success)}.status-pill.status-warning{background:#eab30826;color:var(--warning)}.status-pill.status-danger{background:#ef444426;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:#ef44441a}.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:#eab3081a;color:var(--warning)}.user-action-header.action-danger{background:#ef44441a;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:#ef44441a;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:#6366f126;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:#eab3081a;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:#eab30826;color:var(--warning)}.action-icon.action-danger{background:#ef444426;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, #3b82f6)}.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:#fff}.priority-pill.priority-high{background:var(--warning);color:#fff}.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){.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-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:#ef44441a;color:var(--danger)}.audit-log-item.severity-warning .audit-log-icon{background:#eab3081a;color:var(--warning)}.audit-log-item.severity-success .audit-log-icon{background:#22c55e1a;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:#ef44441a;color:var(--danger)}.audit-detail-header.severity-warning{background:#eab3081a;color:var(--warning)}.audit-detail-header.severity-success{background:#22c55e1a;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:#ef44441a;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:#22c55e26;color:var(--success)}.admin-stat-icon.icon-warning{background:#eab30826;color:var(--warning)}.admin-stat-icon.icon-danger{background:#ef444426;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:#ef44441a}.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:#ef44440d}.urgent-item-header{display:flex;align-items:center;gap:8px}.escalated-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#ef444426;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)}}.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}}