@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Serif+SC:wght@400;700&display=swap";:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--accent-primary: #2563eb;--accent-hover: #1d4ed8;--danger: #ef4444;--success: #10b981;--gold: #d97706;--gold-light: #fef3c7;--border-radius: 16px;--border-radius-lg: 24px;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 1px 2px -1px rgba(0, 0, 0, .05);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .01);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--transition-fast: .15s ease-in-out;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-primary: #3b82f6;--accent-hover: #60a5fa;--gold: #f59e0b;--gold-light: #451a03;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .2);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);background-image:radial-gradient(circle at 50% 0%,#f1f5f9 0%,transparent 60%);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color var(--transition-normal),color var(--transition-normal)}[data-theme=dark] body{background-image:radial-gradient(circle at 50% 0%,#1e293b 0%,transparent 60%)}.serif-text{font-family:"Noto Serif SC",serif}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;max-width:800px;margin:0 auto;padding:2rem 1.5rem}.navbar{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.5);position:sticky;top:0;z-index:50;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);transition:background var(--transition-normal),border-color var(--transition-normal)}[data-theme=dark] .navbar{background:#1e293bd9;border-bottom:1px solid rgba(255,255,255,.05)}.navbar-brand{font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:.75rem;letter-spacing:-.025em}.navbar-nav{display:flex;gap:1.5rem;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--accent-primary)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(0,0,0,.05);z-index:100;padding:.5rem 1rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));justify-content:space-around;align-items:center;box-shadow:0 -4px 12px #0000000d}[data-theme=dark] .bottom-nav{background:#1e293be6;border-top:1px solid rgba(255,255,255,.05);box-shadow:0 -4px 12px #00000080}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--text-secondary);text-decoration:none;font-size:.7rem;font-weight:500;transition:color var(--transition-fast),transform var(--transition-fast)}.bottom-nav-link p{margin:0}.bottom-nav-link.active,.bottom-nav-link:hover{color:var(--accent-primary);transform:translateY(-2px)}@media(max-width:768px){.desktop-nav-links{display:none!important}.navbar{padding:.75rem 1rem}.bottom-nav{display:flex}.main-content{padding-bottom:5rem}}.card{background:var(--bg-secondary);border-radius:var(--border-radius);padding:1.5rem 2rem;box-shadow:var(--shadow-md);margin-bottom:2rem;border:1px solid rgba(255,255,255,.8);position:relative;overflow:hidden;transition:background var(--transition-normal),border-color var(--transition-normal)}[data-theme=dark] .card{border:1px solid rgba(255,255,255,.05)}.hero-card{background:linear-gradient(135deg,#fff,#fdfbf7);box-shadow:0 20px 40px -15px #d9770626;border:1px solid rgba(217,119,6,.1)}[data-theme=dark] .hero-card{background:linear-gradient(135deg,#1e293b,#0f172a);box-shadow:0 20px 40px -15px #00000080;border:1px solid rgba(245,158,11,.1)}.hero-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(to bottom,var(--gold),#fbbf24)}.post-card{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem;box-shadow:inset 0 -2px #0000001a;text-transform:uppercase}.avatar-sm{width:28px;height:28px;font-size:.8rem}.comments-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f5f9}[data-theme=dark] .comments-section{border-top:1px solid rgba(255,255,255,.05)}.comment-item{display:flex;gap:.75rem;padding:.75rem 0;font-size:.95rem}.comment-content{background:#f8fafc;padding:.75rem 1rem;border-radius:0 16px 16px;flex:1;color:var(--text-primary)}[data-theme=dark] .comment-content{background:#0f172a80}.comment-header{display:flex;justify-content:space-between;margin-bottom:.25rem;font-size:.85rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:12px;font-weight:500;cursor:pointer;border:none;transition:all var(--transition-normal);font-size:.95rem}.btn-primary{background:linear-gradient(to right,var(--accent-primary),var(--accent-hover));color:#fff;box-shadow:0 4px 14px #2563eb4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.btn-primary:active{transform:translateY(0)}.btn-outline{background-color:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn-outline:hover{background-color:var(--bg-primary)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:.5rem;border-radius:8px}.btn-ghost:hover{background:#f1f5f9;color:var(--text-primary)}.btn-danger-ghost{color:var(--danger)}.btn-danger-ghost:hover{background:#fef2f2}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem}.form-control{width:100%;padding:.875rem 1rem;border:1px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:1rem;transition:all var(--transition-normal);background-color:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .form-control{border:1px solid rgba(255,255,255,.1);background-color:#0f172a}.form-control:focus{outline:none;border-color:var(--accent-primary);background-color:#fff;box-shadow:0 0 0 4px #2563eb1a}.form-control::placeholder{color:#94a3b8}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1.5rem}.w-100{width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.25rem;color:var(--text-secondary);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.heart-animation{animation:heartBeat .3s ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin .8s linear infinite}.markdown-body{font-family:inherit;font-size:1rem}.markdown-body p{margin-bottom:.8rem}.markdown-body ul,.markdown-body ol{margin-left:1.5rem;margin-bottom:1rem}.markdown-body li{margin-bottom:.3rem}.markdown-body blockquote{border-left:3px solid var(--accent-primary);padding-left:1rem;margin:1rem 0;color:var(--text-secondary);background:var(--bg-secondary);padding:.8rem 1rem;border-radius:0 8px 8px 0}.markdown-body a{color:var(--accent-primary);text-decoration:none;font-weight:500}.markdown-body a:hover{text-decoration:underline}.markdown-body strong{font-weight:700;color:var(--text-primary)}.admin-tabs{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.admin-tabs .btn{flex:1 1 auto;min-width:0;white-space:nowrap}.reports-control-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.settings-layout{display:flex;gap:2rem;align-items:flex-start}.settings-sidebar{flex:0 0 200px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.settings-content{flex:1;padding:2rem;min-width:0}@media(max-width:640px){.admin-tabs{gap:.5rem}.admin-tabs .btn{flex:1 1 calc(50% - .5rem);font-size:.85rem;padding:.5rem .6rem}.reports-control-bar{flex-direction:column;align-items:stretch}.reports-control-bar .btn{width:100%;justify-content:center}.backup-grid{grid-template-columns:1fr}.settings-layout{flex-direction:column;gap:0}.settings-sidebar{flex:none;width:100%;flex-direction:row;overflow-x:auto;padding:.75rem;gap:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.settings-sidebar::-webkit-scrollbar{display:none}.settings-sidebar .btn{flex:0 0 auto;white-space:nowrap;font-size:.875rem;padding:.5rem 1rem}.settings-content{width:100%;padding:1.5rem 1rem}}