:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--transition-speed: .3s}*,*:before,*:after{box-sizing:border-box}img,video,canvas,svg{max-width:100%;height:auto}[data-theme=soft-serenity]{--bg-primary: #f7fafc;--bg-secondary: #ffffff;--text-primary: #2d3748;--text-secondary: #718096;--accent: #5a9bd5;--accent-hover: #4a89c4;--border: #e2e8f0;--detail: #a0aec0;--success: #48bb78;--warning: #ed8936;--error: #e53e3e}[data-theme=deep-ocean]{--bg-primary: #0f1729;--bg-secondary: #1a2744;--text-primary: #e8eef4;--text-secondary: #94a3b8;--accent: #60a5fa;--accent-hover: #3b82f6;--border: #334155;--detail: #64748b;--success: #4ade80;--warning: #fbbf24;--error: #f87171}[data-theme=forest-calm]{--bg-primary: #f0f9f4;--bg-secondary: #e6f7ed;--text-primary: #1a4731;--text-secondary: #3d7a57;--accent: #059669;--accent-hover: #047857;--border: #a7d7c5;--detail: #6ee7b7;--success: #10b981;--warning: #f59e0b;--error: #dc2626}[data-theme=sunset-warmth]{--bg-primary: #fef7ed;--bg-secondary: #fff5e6;--text-primary: #7c2d12;--text-secondary: #9a3412;--accent: #ea580c;--accent-hover: #c2410c;--border: #fed7aa;--detail: #fdba74;--success: #16a34a;--warning: #d97706;--error: #dc2626}[data-theme=lavender-dream]{--bg-primary: #faf5ff;--bg-secondary: #f3e8ff;--text-primary: #4c1d95;--text-secondary: #7c3aed;--accent: #8b5cf6;--accent-hover: #7c3aed;--border: #ddd6fe;--detail: #c4b5fd;--success: #22c55e;--warning: #f59e0b;--error: #ef4444}[data-theme=mint-fresh]{--bg-primary: #ecfeff;--bg-secondary: #e0fdfc;--text-primary: #134e4a;--text-secondary: #0d9488;--accent: #14b8a6;--accent-hover: #0d9488;--border: #99f6e4;--detail: #5eead4;--success: #22c55e;--warning: #f59e0b;--error: #ef4444}[data-theme=night-comfort]{--bg-primary: #0c0f14;--bg-secondary: #1c1f26;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--accent: #fbbf24;--accent-hover: #f59e0b;--border: #374151;--detail: #6b7280;--success: #4ade80;--warning: #fbbf24;--error: #f87171}[data-theme=cloud-comfort]{--bg-primary: #fafafa;--bg-secondary: #ffffff;--text-primary: #374151;--text-secondary: #6b7280;--accent: #ec4899;--accent-hover: #db2777;--border: #e5e7eb;--detail: #9ca3af;--success: #10b981;--warning: #f59e0b;--error: #ef4444}[data-theme=rose-garden]{--bg-primary: #fff1f2;--bg-secondary: #ffe4e6;--text-primary: #881337;--text-secondary: #be123c;--accent: #e11d48;--accent-hover: #be123c;--border: #fecdd3;--detail: #fda4af;--success: #059669;--warning: #d97706;--error: #dc2626}body{background-color:var(--bg-primary);color:var(--text-primary);margin:0;min-height:100vh;transition:background-color var(--transition-speed),color var(--transition-speed);overflow-x:hidden;max-width:100vw}html{overflow-x:hidden;max-width:100vw}#root,.app-container{overflow-x:hidden;max-width:100vw;width:100%}button{background-color:var(--accent);color:var(--bg-primary);border:none;border-radius:8px;padding:.6em 1.2em;font-size:1em;font-weight:500;cursor:pointer;transition:background-color .25s,transform .1s}button:hover{background-color:var(--accent-hover);transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed}input,textarea{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:.6em;font-size:1rem;width:100%;box-sizing:border-box}input:focus,textarea:focus{outline:2px solid var(--accent);border-color:transparent}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:800px;margin:0 auto;padding:2rem}.card{background-color:var(--bg-secondary);padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d}.hidden{display:none}.main-header{padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);background-color:var(--bg-secondary);position:sticky;top:0;z-index:100;transition:padding var(--transition-speed);max-width:100vw;box-sizing:border-box;overflow-x:hidden}.app-logo{height:40px;width:auto;transition:height var(--transition-speed)}.app-title{font-size:1.5rem;font-weight:700;display:block}.main-nav{display:flex;gap:1.5rem;align-items:center;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-link,.nav-btn{background:transparent;padding:.5rem;color:var(--text-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.nav-btn{border:none;cursor:pointer}.nav-link:hover,.nav-btn:hover,.nav-link.active{background-color:var(--bg-primary);color:var(--accent)}.nav-icon{width:24px;height:24px}.main-content{padding:2rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;overflow-x:hidden}.welcome-title{font-size:2.5rem;margin-bottom:.5rem;font-weight:300}.welcome-subtitle{font-size:1.2rem;color:var(--text-secondary)}.feed-card-content{padding:3rem 2rem}@media(max-width:768px){.main-header{padding:.75rem 1rem}.app-logo{height:32px}.app-title{font-size:1.2rem;display:none}.main-nav{gap:.5rem}.nav-link,.nav-btn{padding:.4rem}.nav-icon{width:20px;height:20px}.main-content,.container{padding:1rem}.card{padding:1.5rem}h1,.welcome-title{font-size:1.75rem}.welcome-subtitle{font-size:1rem}.home-header{flex-direction:column-reverse;align-items:flex-start!important;gap:1rem}.home-header>div:last-child{align-self:center;margin-bottom:1rem}.feed-card-content{padding:1.5rem 1rem!important;min-height:300px!important}}.toggle-checkbox{opacity:0;position:absolute;left:0;width:0;height:0;pointer-events:none}.toggle-label{display:block;background-color:var(--border);width:50px;height:26px;border-radius:50px;position:relative;cursor:pointer;transition:background-color .2s}.toggle-checkbox:checked+.toggle-label{background-color:var(--accent)}.toggle-switch,.toggle-ball{position:absolute;top:2px;left:2px;width:22px;height:22px;background-color:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.toggle-checkbox:checked+.toggle-label .toggle-switch,.toggle-checkbox:checked+.toggle-label .toggle-ball{transform:translate(24px)}.profile-header-card{text-align:center;margin-bottom:3rem;padding:3rem}@media(max-width:768px){.profile-header-card{padding:1.5rem!important;margin-bottom:1.5rem!important}}@keyframes skeleton-loading{0%{background-color:var(--bg-secondary)}50%{background-color:var(--border)}to{background-color:var(--bg-secondary)}}.skeleton{animation:skeleton-loading 1.5s infinite ease-in-out;border-radius:8px;width:100%;height:100%}.skeleton-text{height:1rem;margin-bottom:.5rem;border-radius:4px}.skeleton-circle{border-radius:50%}.toggle-ball{background-color:#fff;width:22px;height:22px;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s;box-shadow:0 2px 2px #0003}.toggle-checkbox:checked+.toggle-label .toggle-ball{transform:translate(24px)}