: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}[data-theme=soft-serenity]{--bg-primary: #f0f4f8;--bg-secondary: #ffffff;--text-primary: #2d3748;--text-secondary: #718096;--accent: #63b3ed;--accent-hover: #4299e1;--border: #e2e8f0;--detail: #a0aec0}[data-theme=deep-ocean]{--bg-primary: #1a202c;--bg-secondary: #2d3748;--text-primary: #edf2f7;--text-secondary: #a0aec0;--accent: #4fd1c5;--accent-hover: #38b2ac;--border: #4a5568;--detail: #718096}[data-theme=forest-calm]{--bg-primary: #f0fff4;--bg-secondary: #c6f6d5;--text-primary: #22543d;--text-secondary: #48bb78;--accent: #2f855a;--accent-hover: #276749;--border: #9ae6b4;--detail: #68d391}[data-theme=sunset-warmth]{--bg-primary: #fffaf0;--bg-secondary: #feebc8;--text-primary: #7b341e;--text-secondary: #c05621;--accent: #ed8936;--accent-hover: #dd6b20;--border: #fbd38d;--detail: #f6ad55}[data-theme=lavender-dream]{--bg-primary: #faf5ff;--bg-secondary: #e9d8fd;--text-primary: #553c9a;--text-secondary: #805ad5;--accent: #9f7aea;--accent-hover: #805ad5;--border: #d6bcfa;--detail: #b794f4}[data-theme=mint-fresh]{--bg-primary: #e6fffa;--bg-secondary: #b2f5ea;--text-primary: #234e52;--text-secondary: #319795;--accent: #38b2ac;--accent-hover: #2c7a7b;--border: #81e6d9;--detail: #4fd1c5}[data-theme=night-comfort]{--bg-primary: #171923;--bg-secondary: #2d3748;--text-primary: #e2e8f0;--text-secondary: #cbd5e0;--accent: #f6e05e;--accent-hover: #ecc94b;--border: #4a5568;--detail: #718096}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)}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)}.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}.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}.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}.toggle-label{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-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)}