:root{--color-bg-primary: #2A3E50;--color-header-desktop: #6B584C;--color-footer-mobile: #6B584C;--color-card-bg: #405262;--color-card-inner: #394958;--color-text-primary: #EBF0F5;--color-text-secondary: #A0B0BF;--color-logo-mobile: #CAD7E3;--color-logo-desktop: #BBAAA0;--color-accent-blue: #6D98BA;--color-like-active: #BE7474;--color-like-inactive: #907D7D;--color-search-pill: #405262;--color-border-subtle: rgba(255,255,255,.1);--radius-card: 4px;--radius-pill: 21px;--shadow-card: 0 1px 3px rgba(0,0,0,.2);--spacing-mobile: 16px;--spacing-desktop: 24px;--max-feed-width: 680px;--sidebar-width: 240px;--drawer-width: 280px;--nav-height-desktop: 56px}:root{--font-heading: "Cinzel Decorative", serif;--font-body: "Poppins", sans-serif}body{font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-bg-primary);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-title-large{font-size:1.125rem;font-weight:500;line-height:1.25}.text-body-medium{font-size:.875rem;font-weight:400}.text-body-small{font-size:.75rem;font-weight:400}.text-timestamp{font-family:Poppins,sans-serif;font-size:.625rem;font-weight:400;line-height:1.1}.text-heading{font-family:Cinzel Decorative,serif;font-weight:700}body{padding:0}.app-container{padding:var(--spacing-mobile);display:flex;flex-direction:column}.sidebar-left,.sidebar-right,.app-header-desktop{display:none}.app-footer-nav{position:fixed;bottom:0;left:0;right:0;background:var(--color-footer-mobile);height:56px;padding:8px 0;display:flex;justify-content:space-around;align-items:center;z-index:100}.drawer{position:fixed;top:0;left:0;bottom:0;width:var(--drawer-width);background:var(--color-card-bg);padding:16px;z-index:200;transform:translate(-100%);transition:transform .3s ease}@media(min-width:480px){.app-container{padding:var(--spacing-mobile)}}@media(min-width:1024px){.app-container{padding:var(--spacing-desktop);display:grid;grid-template-columns:var(--sidebar-width) minmax(auto,var(--max-feed-width)) var(--sidebar-width);gap:24px;justify-content:center;margin:0 auto}.sidebar-left,.sidebar-right{display:block;width:var(--sidebar-width)}.app-header-desktop{height:56px;background:var(--color-header-desktop);display:flex;align-items:center;box-shadow:0 4px 8px #0000004d;position:sticky;top:0;z-index:150;padding:0 var(--spacing-desktop)}.app-footer-nav,.drawer{display:none}.mobile-only{display:none!important}}.desktop-only{display:none}@media(min-width:1024px){.desktop-only{display:block}}@media(max-width:1023px){.mobile-only{display:block}}.card{background:var(--color-card-bg);border-radius:var(--radius-card);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-card);overflow:hidden;margin-bottom:var(--spacing-mobile)}.card-header{display:flex;align-items:center;padding:8px;gap:8px}.avatar{width:40px;height:40px;border-radius:50%;background:var(--color-card-inner);border:1px solid var(--color-search-pill);overflow:hidden;object-fit:cover}.like-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;color:var(--color-like-inactive);transition:color .2s ease}.like-btn.active{color:var(--color-like-active)}.search-pill{width:100%;height:42px;border-radius:var(--radius-pill);border:1px solid var(--color-search-pill);background:var(--color-search-pill);padding:0 12px;display:flex;align-items:center;gap:8px;box-sizing:border-box}.search-pill input{border:none;background:transparent;color:var(--color-text-primary);font-family:Poppins,sans-serif;font-weight:500;letter-spacing:1px;outline:none;flex:1}.btn-primary{background:var(--color-accent-blue);color:var(--color-text-primary);border:none;border-radius:var(--radius-card);padding:10px 20px;font-family:Poppins,sans-serif;font-weight:500;cursor:pointer;transition:opacity .2s ease}.btn-primary:hover{opacity:.9}.category-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-text-secondary)}.input-field{width:100%;padding:12px;border-radius:var(--radius-card);border:1px solid var(--color-border-subtle);background:var(--color-card-bg);color:var(--color-text-primary);font-family:inherit;font-size:.875rem;box-sizing:border-box;outline:none}.input-field:focus{border-color:var(--color-accent-blue)}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-card-bg);transition:.4s;border:1px solid var(--color-border-subtle)}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--color-accent-blue)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.spinner{display:inline-block;width:16px;height:16px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}