.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeInModal .2s ease-out forwards}.modal-content{background:var(--color-background);padding:var(--spacing-lg);border-radius:6px;width:90%;max-width:500px;box-shadow:var(--shadow-md);position:relative;border:1px solid var(--color-border);display:flex;flex-direction:column;min-height:100px;max-height:90vh;overflow:visible;animation:scaleInModal .2s ease-out forwards}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-shrink:0}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.modal-close-btn-v2{background:none;border:none;cursor:pointer;color:var(--color-text-light);padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close-btn-v2:hover{background-color:var(--color-hover);color:var(--color-text)}.modal-body{color:var(--color-text);margin-bottom:var(--spacing-md);line-height:1.5;flex:1;overflow:visible}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:auto}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes scaleInModal{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:767px){.modal-overlay{align-items:flex-end}.modal-content{width:100%!important;max-width:none!important;margin:0;border-radius:6px 6px 0 0;padding:var(--spacing-md);max-height:90vh;animation:slideUpModal .3s ease-out forwards}.modal-header{position:sticky;top:0;background:var(--color-background);z-index:10;padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.modal-footer{position:sticky;bottom:0;background:var(--color-background);z-index:10;padding-top:var(--spacing-sm);padding-bottom:var(--safe-area-inset-bottom);margin-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.modal-content [style*=grid-template-columns],.modal-content [style*=gridTemplateColumns]{grid-template-columns:1fr!important}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--spacing-md);height:var(--touch-target-size);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);font-family:inherit;cursor:pointer;transition:all .2s ease;user-select:none;gap:var(--spacing-sm)}.btn__icon{display:flex;align-items:center;justify-content:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn--secondary{background-color:var(--color-secondary);color:#fff}.btn--secondary:hover:not(:disabled){opacity:.9}.btn--outline{background-color:transparent;border-color:var(--color-border);color:var(--color-text)}.btn--outline:hover:not(:disabled){background-color:var(--color-surface);border-color:var(--color-text)}.btn--ghost{background-color:transparent;color:var(--color-text)}.btn--ghost:hover:not(:disabled){background-color:var(--color-hover)}.btn--full{width:100%}@keyframes spin{to{transform:rotate(360deg)}}.pwa-prompt-overlay{position:fixed;bottom:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md);z-index:10000;max-width:500px;margin:0 auto;animation:pwa-slide-up .6s cubic-bezier(.16,1,.3,1)}.pwa-prompt-card{background-color:var(--color-surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:0 12px 40px rgba(0,0,0,.25);padding:var(--spacing-lg);border:1px solid var(--color-border);position:relative;overflow:hidden}[data-theme=dark] .pwa-prompt-card{background-color:rgba(30,30,30,.8);border:1px solid rgba(255,255,255,.1)}.pwa-close-btn{position:absolute;top:12px;right:12px;background:transparent;border:none;padding:8px;color:var(--color-text-light);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.pwa-close-btn:hover{background-color:var(--color-background)}.pwa-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.pwa-icon-container{width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 16px rgba(var(--color-primary-rgb),.2)}.pwa-app-logo{width:40px;height:40px;object-fit:contain;filter:brightness(0) invert(1)}.pwa-title{font-size:1.25rem;font-weight:700;margin-bottom:4px;color:var(--color-text)}.pwa-description{font-size:.95rem;color:var(--color-text-light);line-height:1.5}.pwa-ios-instructions{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border)}.pwa-ios-instructions p{font-weight:600;margin-bottom:12px;font-size:.9rem}.pwa-ios-step{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:.85rem}.pwa-ios-step:last-child{margin-bottom:0}.pwa-step-icon{background-color:var(--color-surface);padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);box-shadow:0 2px 4px rgba(0,0,0,.05)}.pwa-install-btn{margin-top:var(--spacing-md);display:flex;align-items:center;justify-content:center;gap:10px;width:100%}@keyframes pwa-slide-up{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:480px){.pwa-prompt-overlay{bottom:0;left:0;right:0;max-width:100%}.pwa-prompt-card{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none}}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}@media(min-width:768px){.card{padding:var(--spacing-xl);box-shadow:var(--shadow-md)}}.sidebar-right{display:none}@media(min-width:1024px){.sidebar-right{display:block!important;width:280px;flex-shrink:0}}.sidebar-left{display:none}@media(min-width:768px){.sidebar-left{display:block!important;width:225px;flex-shrink:0}}.header-user-name{font-size:var(--font-size-sm);display:none}@media(min-width:768px){.header-user-name{display:block!important}}.header-search-container{display:none}@media(min-width:768px){.header-search-container{display:block!important}}@media(max-width:767px){.bottom-nav{display:flex!important}}.header-desktop-actions{display:flex;align-items:center;gap:var(--spacing-md)}@media(max-width:767px){.header-desktop-actions{display:none!important}}.header-mobile-actions{display:none}@media(max-width:767px){.header-mobile-actions{display:flex!important;align-items:center;gap:var(--spacing-sm)}}.mobile-side-menu-trigger{display:none}@media(max-width:767px){.mobile-side-menu-trigger{display:block!important}}@media(max-width:767px){.main-layout-content{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom) + var(--spacing-lg))!important;padding-left:0!important;padding-right:0!important;padding-top:var(--spacing-sm)!important}.main-layout-content main{padding:0 var(--spacing-sm)}}@media(max-width:480px){.header-search-container{max-width:180px!important}}@media(max-width:767px){.sticky-mobile{position:sticky!important;top:calc(var(--header-height) + var(--safe-area-inset-top));z-index:100;background-color:var(--color-background)!important;margin-left:calc(-1 * var(--spacing-sm));margin-right:calc(-1 * var(--spacing-sm))}.sticky-mobile>div{border-radius:0!important;border-left:none!important;border-right:none!important}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes fadeInMenuBackdrop{0%{opacity:0}to{opacity:1}}@keyframes fadeOutMenuBackdrop{0%{opacity:1}to{opacity:0}}.mobile-side-drawer{animation:slideInLeft .3s cubic-bezier(.4,0,.2,1) forwards}.mobile-side-drawer.closing{animation:slideOutLeft .3s cubic-bezier(.4,0,.2,1) forwards}.menu-backdrop{animation:fadeInMenuBackdrop .3s ease-out forwards;background-color:rgba(0,0,0,.6)!important;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1999;backdrop-filter:blur(2px)}.menu-backdrop.closing{animation:fadeOutMenuBackdrop .3s ease-in forwards}@keyframes slideInRightAvatar{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRightAvatar{0%{transform:translate(0);opacity:1}to{transform:translate(30px);opacity:0}}@keyframes popInAvatar{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.header-menu-container{animation:popInAvatar .2s ease-out forwards;transform-origin:top right}@media(max-width:767px){.header-menu-container{animation:slideInRightAvatar .3s cubic-bezier(.4,0,.2,1) forwards!important}.header-menu-container.closing{animation:slideOutRightAvatar .3s cubic-bezier(.4,0,.2,1) forwards!important}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{isolation:isolate;min-height:100vh;display:flex;flex-direction:column}:root{--color-primary: #CC092F;--color-primary-rgb: 204, 9, 47;--color-primary-light: rgba(204, 9, 47, .15);--color-primary-dark: #A40726;--color-user-primary: #CC092F;--color-user-primary-dark: #A40726;--color-secondary: #6c757d;--color-background: #ffffff;--color-surface: #f8f9fa;--color-text: #212529;--color-text-light: #6c757d;--color-error: #dc3545;--color-success: #28a745;--color-border: #dee2e6;--color-hover: rgba(0, 0, 0, .05);--color-muted: #f0f0f0;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-base: 11px;--font-size-sm: .7rem;--font-size-lg: 1.1rem;--font-weight-bold: 700;--spacing-xs: .15rem;--spacing-sm: .3rem;--spacing-md: .6rem;--spacing-lg: .9rem;--spacing-xl: 1.2rem;--touch-target-size: 40px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 5px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--header-height: 64px;--bottom-nav-height: 56px;--mobile-breakpoint: 480px;--tablet-breakpoint: 768px;--desktop-breakpoint: 1024px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary: #CC092F;--color-primary-dark: #A40726;--color-background: #121212;--color-surface: #1e1e1e;--color-text: #e0e0e0;--color-text-light: #adb5bd;--color-border: #2c2c2c;--color-hover: rgba(255, 255, 255, .1);--color-muted: #2c2c2c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5)}}[data-theme=dark]{--color-primary: #CC092F;--color-primary-dark: #A40726;--color-background: #121212;--color-surface: #1e1e1e;--color-text: #e0e0e0;--color-text-light: #adb5bd;--color-border: #2c2c2c;--color-hover: rgba(255, 255, 255, .1);--color-muted: #2c2c2c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5)}html,body{height:100%;margin:0;padding:0;overflow-x:hidden;overscroll-behavior:none}html{scrollbar-gutter:stable;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-family:var(--font-family-sans);background-color:var(--color-background);color:var(--color-text);font-size:var(--font-size-base);margin:0}h1,h2,h3,h4,h5,h6,p,ul,ol{margin:0;padding:0}button,a{min-height:var(--touch-target-size);min-width:var(--touch-target-size);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.container{width:100%;padding-left:var(--spacing-md);padding-right:var(--spacing-md);margin-left:auto;margin-right:auto}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}.brand-logo{height:50px;width:auto;margin-bottom:var(--spacing-md);transition:filter .3s ease;display:inline-block}@media(min-width:768px){.brand-logo{height:65px}}[data-theme=dark] .brand-logo{filter:brightness(0) invert(1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .brand-logo{filter:brightness(0) invert(1)}}.post-content a{color:var(--color-primary);text-decoration:none;font-weight:500;min-height:auto!important;min-width:auto!important;display:inline}.post-content a:hover{text-decoration:underline}.post-content b,.post-content strong{font-weight:700}.post-content i,.post-content em{font-style:italic}.post-content s,.post-content strike{text-decoration:line-through}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.menu-item-hover:hover{background-color:var(--color-hover)!important}.page-loading-bar{position:fixed;top:0;left:0;width:100%;height:3px;z-index:9999;background:transparent;overflow:hidden}.page-loading-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:50%;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);animation:loading-bar-swipe 1.5s infinite ease-in-out}@keyframes loading-bar-swipe{0%{left:-50%}to{left:100%}}.loader{width:48px;height:48px;border:5px solid var(--color-border);border-bottom-color:var(--color-primary);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.animate-pulse{animation:pulse 2s ease-in-out infinite}