*{box-sizing:border-box}:root{font-family:Verdana,Geneva,sans-serif;font-size:13px;line-height:1.4}body{margin:0;padding:0;background-color:#f5f5f0;color:#000}a{color:#000}#root{width:100%}.skeleton{background-color:#e0e0e0;border-radius:2px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-text{height:13px;margin:4px 0;display:block}.skeleton-text-sm{height:11px;margin:3px 0}.skeleton-text-lg{height:16px;margin:5px 0}.skeleton-avatar{border-radius:4px;flex-shrink:0}.skeleton-avatar-circle{border-radius:50%}.skeleton-button{height:24px;border-radius:2px;display:inline-block}.skeleton-box{display:block}.skeleton-inline{display:inline-block;vertical-align:middle}.layout{display:flex;flex-direction:column;min-height:100vh;width:100%}.layout-header{display:flex;align-items:center;padding:8px 16px;border-bottom:1px solid #ccc;background-color:#f6f6ef}.layout-body{display:flex;flex:1}.layout-sidebar{width:180px;padding:8px;border-right:1px solid #ccc;background-color:#f6f6ef}.layout-sidebar-right{border-right:none;border-left:1px solid #ccc}.layout-main{flex:1;padding:8px 16px;background-color:#f6f6ef}.layout-footer{padding:8px 16px;border-top:1px solid #ccc;text-align:center;font-size:12px;background-color:#f6f6ef}.mobile-menu-btn{display:none;padding:8px;margin-right:12px;background:none;border:none;cursor:pointer}.hamburger-icon{display:block;width:18px;height:2px;background-color:#000;position:relative}.hamburger-icon:before,.hamburger-icon:after{content:"";position:absolute;width:18px;height:2px;background-color:#000;left:0}.hamburger-icon:before{top:-6px}.hamburger-icon:after{top:6px}.mobile-menu-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:998;opacity:0;pointer-events:none;transition:opacity .2s}.mobile-menu-overlay-open{opacity:1;pointer-events:auto}.mobile-menu{display:none;position:fixed;top:0;left:0;width:280px;max-width:80vw;height:100vh;background-color:#f6f6ef;z-index:999;transform:translate(-100%);transition:transform .2s ease-out;overflow-y:auto}.mobile-menu-open{transform:translate(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #ccc}.mobile-menu-title{font-weight:600;font-size:14px}.mobile-menu-close{padding:4px 8px;font-size:24px;line-height:1;background:none;border:none;cursor:pointer;color:#666}.mobile-menu-close:hover{color:#000}.mobile-menu-content{padding:8px}.mobile-menu-section{padding:8px 0;border-bottom:1px solid #e0e0e0}.mobile-menu-section:last-child{border-bottom:none}.mobile-menu-nav{display:flex;flex-direction:column;padding:8px 0;border-bottom:1px solid #e0e0e0}.mobile-menu-nav a{display:block;padding:12px 8px;font-size:14px;font-weight:500;color:#000;text-decoration:none;border-radius:4px}.mobile-menu-nav a:hover{background-color:#e8e8e8}.mobile-menu-title{font-weight:600;font-size:14px;color:#000;text-decoration:none}@media(max-width:768px){.mobile-menu-btn{display:block}.layout-sidebar{display:none}.mobile-menu-overlay,.mobile-menu{display:block}.layout-main,.layout-header{padding:8px 12px}.layout-footer{padding:12px}}@media(max-width:480px){.layout-main,.layout-header{padding:8px}}.notification-wrapper{position:relative;display:inline}.username-with-indicator{position:relative;color:#000;text-decoration:none}.username-with-indicator.has-notifications{margin-right:4px}.username-with-indicator:hover{text-decoration:underline}.notification-dot{position:absolute;top:-2px;right:-6px;width:6px;height:6px;background-color:#7c3aed;border-radius:50%}.notification-dropdown{position:absolute;top:100%;right:0;width:280px;max-height:400px;background:#f6f6ef;border:1px solid #828282;z-index:1000;margin-top:8px}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid #e0e0e0;font-size:12px}.profile-link{color:#000;text-decoration:none}.profile-link:hover{text-decoration:underline}.mark-all-read{color:#828282;text-decoration:none;font-size:11px}.mark-all-read:hover{text-decoration:underline}.notification-list{max-height:350px;overflow-y:auto}.notification-empty{padding:16px 10px;text-align:center;color:#828282;font-size:12px}.notification-item{display:block;padding:8px 10px;border-bottom:1px solid #e0e0e0;text-decoration:none;color:#000;font-size:12px}.notification-item:hover{background-color:#e8e8e0}.notification-item:last-child{border-bottom:none}.notification-unread{background-color:#fff8f0}.notification-unread:hover{background-color:#fff0e0}.notification-message{line-height:1.4}.notification-message strong{color:#000}.notification-preview{color:#828282;font-size:11px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic}.notification-meta{color:#828282;font-size:11px;margin-top:4px}.notification-context{margin-right:8px}@media(max-width:600px){.notification-dropdown{position:fixed;top:40px;left:10px;right:10px;width:auto}}.error-display{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:300px}.error-icon{font-size:48px;margin-bottom:16px;opacity:.8}.error-title{font-size:20px;font-weight:600;color:#333;margin:0 0 12px}.error-message{font-size:14px;color:#666;margin:0 0 24px;max-width:400px;line-height:1.5}.error-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.error-btn{padding:10px 20px;font-family:inherit;font-size:13px;font-weight:500;border-radius:4px;cursor:pointer;transition:background-color .15s,border-color .15s}.error-btn-primary{background-color:#000;color:#fff;border:1px solid #000}.error-btn-primary:hover{background-color:#333;border-color:#333}.error-btn-secondary{background-color:#fff;color:#333;border:1px solid #ccc}.error-btn-secondary:hover{background-color:#f5f5f5;border-color:#999}.inline-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#fff5f5;border:1px solid #ffcccc;border-radius:4px;font-size:13px}.inline-error-message{color:#c00}.inline-error-retry{padding:4px 8px;font-family:inherit;font-size:12px;color:#c00;background:none;border:1px solid #c00;border-radius:3px;cursor:pointer}.inline-error-retry:hover{background-color:#c00;color:#fff}@media(max-width:480px){.error-display{padding:32px 16px}.error-icon{font-size:40px}.error-title{font-size:18px}.error-message{font-size:13px}.error-actions{flex-direction:column;width:100%;max-width:200px}.error-btn{width:100%}}.home-header{display:flex;align-items:center;gap:16px;flex:1}.site-title{font-weight:700;font-size:16px;color:#000;text-decoration:none}.nav-links{flex:1}.nav-links a{color:#000;text-decoration:none;margin:0 4px}.nav-links a:hover{text-decoration:underline}.nav-active{font-weight:700}.period-filters{white-space:nowrap}.period-btn{background:none;border:none;padding:0;margin:0;font-size:inherit;font-family:inherit;color:#000;cursor:pointer}.period-btn:hover{text-decoration:underline}.period-btn-active{font-weight:700}.user-nav a{color:#000;text-decoration:none}.loading,.error,.empty-state{padding:24px;text-align:center;color:#828282;font-size:13px}.error{color:#d71920}.post-domain{font-size:11px;color:#828282}.post-list{display:flex;flex-direction:column}.post-row{display:flex;align-items:flex-start;padding:4px 0;border-bottom:1px solid #e0e0e0}.post-rank{width:24px;color:#828282;font-size:12px;padding-top:2px}.post-item{display:flex;gap:8px}.post-votes{display:flex;flex-direction:column;align-items:center;min-width:32px}.vote-btn{background:none;border:none;padding:0;cursor:pointer;color:#828282;font-size:10px}.vote-btn:hover,.vote-btn.vote-active{color:#f60}.vote-count{font-size:11px;color:#828282}.post-content{flex:1}.post-title{color:#000;text-decoration:none;font-size:13px}.post-title:hover{text-decoration:underline}.post-meta{font-size:11px;color:#828282;margin-top:2px}.post-meta a{color:#828282;text-decoration:none}.post-meta a:hover{text-decoration:underline}.post-comments-link{color:#828282;text-decoration:none}.post-comments-link:hover{text-decoration:underline}.post-mp{color:#000;font-weight:500;text-decoration:none}.post-mp:hover{text-decoration:underline}.mp-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;vertical-align:middle}.mp-dot-liberal{background-color:#d71920}.mp-dot-conservative{background-color:#1a4782}.mp-dot-ndp{background-color:#f37021}.mp-dot-green{background-color:#3d9b35}.mp-dot-bloc{background-color:#33b2cc}.post-item-deleted{opacity:.7}.post-title-deleted{color:#999;font-style:italic;cursor:default}.post-title-deleted:hover{text-decoration:none}.post-author-deleted{font-style:italic}.sidebar-content h4{font-size:12px;margin:8px 0 4px;color:#000}.category-list,.topic-list{list-style:none;padding:0;margin:0 0 12px}.category-list li,.topic-list li{font-size:12px;padding:2px 0}.category-list a,.topic-list a{color:#000;text-decoration:none}.category-list a:hover,.topic-list a:hover{text-decoration:underline}.category-active{font-weight:500}.category-disabled{color:#aaa;font-style:italic}.topic-toggle{color:#828282!important;font-size:11px}.submit-btn{width:100%;padding:4px 8px;font-size:12px;background:#f0f0f0;border:1px solid #ccc;cursor:pointer;margin-bottom:12px}.submit-btn:hover{background:#e0e0e0}.guidelines-text{font-size:11px;color:#828282;margin:0}.home-footer{display:flex;justify-content:space-between;align-items:center;color:#828282}.footer-links a{color:#828282;text-decoration:none;margin:0 4px;font-size:12px}.footer-links a:hover{text-decoration:underline}.pagination{display:flex;gap:8px;padding:12px 0;font-size:12px}.pagination-link{color:#000;text-decoration:none}.pagination-link:hover{text-decoration:underline}.pagination-current{font-weight:700}@media(max-width:768px){.home-header{gap:8px}.nav-links{display:none}.user-nav{margin-left:auto}.site-title{font-size:15px}.home-footer{flex-direction:column;gap:8px}.footer-links{text-align:center}.footer-links a{margin:0 2px}.post-row{padding:8px 0}.post-rank{width:20px;font-size:11px}.post-item{gap:6px}.post-votes{min-width:28px}.post-title{font-size:14px;line-height:1.3}.post-meta{font-size:10px;line-height:1.4}}@media(max-width:480px){.post-rank{display:none}.post-meta{display:flex;flex-wrap:wrap;gap:2px}}