:root{--neomorph-bg:#f0f4f8;--neomorph-surface:#e3e8ef;--neomorph-shadow-light:5px 5px 10px #d1d9e6;--neomorph-shadow-dark:-5px -5px 10px #fff;--neomorph-inset-light:inset 2px 2px 5px #d1d9e6;--neomorph-inset-dark:inset -2px -2px 5px #fff;--accent-primary:#6366f1;--accent-primary-light:#e0e7ff;--accent-primary-dark:#4f46e5}.neomorph-card{background:var(--neomorph-bg);box-shadow:var(--neomorph-shadow-light), var(--neomorph-shadow-dark);border-radius:20px;padding:1.5rem;transition:all .3s ease-in-out}.neomorph-card:hover{transform:translateY(-2px);box-shadow:3px 3px 8px #d1d9e6,-3px -3px 8px #fff}.neomorph-card:active{box-shadow:var(--neomorph-inset-light), var(--neomorph-inset-dark);transform:translateY(0)}.neomorph-button{background:var(--neomorph-bg);cursor:pointer;box-shadow:var(--neomorph-shadow-light), var(--neomorph-shadow-dark);color:#1f2937;border:none;border-radius:12px;padding:.75rem 1.5rem;font-family:inherit;font-weight:600;transition:all .3s ease-in-out}.neomorph-button:hover{transform:translateY(-2px);box-shadow:3px 3px 8px #d1d9e6,-3px -3px 8px #fff}.neomorph-button:active{box-shadow:var(--neomorph-inset-light), var(--neomorph-inset-dark);transform:translateY(0)}.neomorph-button.primary{background:var(--accent-primary);color:#fff;box-shadow:5px 5px 15px #6366f14d,-5px -5px 15px #ffffffb3}.neomorph-button.primary:hover{background:var(--accent-primary-dark);box-shadow:7px 7px 20px #6366f166,-5px -5px 15px #ffffffb3}.neomorph-input{background:var(--neomorph-bg);box-shadow:var(--neomorph-inset-light), var(--neomorph-inset-dark);color:#1f2937;border:none;border-radius:12px;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:box-shadow .3s ease-in-out}.neomorph-input:focus{box-shadow:inset 2px 2px 5px #d1d9e6, inset -2px -2px 5px #fff, 0 0 0 3px var(--accent-primary-light);outline:none}.neomorph-input::placeholder{color:#9ca3af}.article-neomorph{background:var(--neomorph-bg);box-shadow:var(--neomorph-shadow-light), var(--neomorph-shadow-dark);border-left:4px solid #0000;border-radius:16px;padding:1.25rem;transition:all .3s ease-in-out}.article-neomorph:hover{border-left-color:var(--accent-primary);transform:translateY(-3px);box-shadow:4px 4px 12px #d1d9e6,-4px -4px 12px #fff}.feed-neomorph{background:var(--neomorph-bg);box-shadow:var(--neomorph-shadow-light), var(--neomorph-shadow-dark);cursor:pointer;border-radius:16px;padding:1rem;transition:all .3s ease-in-out}.feed-neomorph:hover{transform:translateY(-2px);box-shadow:4px 4px 12px #d1d9e6,-4px -4px 12px #fff}.feed-neomorph.active{background:var(--accent-primary);color:#fff;box-shadow:4px 4px 12px #6366f14d,-4px -4px 12px #ffffffb3}.neomorph-badge{background:var(--neomorph-bg);box-shadow:var(--neomorph-shadow-light), var(--neomorph-shadow-dark);color:#1f2937;border-radius:20px;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}.neomorph-badge.accent{background:var(--accent-primary-light);color:var(--accent-primary)}.neomorph-toggle{background:var(--neomorph-bg);width:56px;height:32px;box-shadow:var(--neomorph-inset-light), var(--neomorph-inset-dark);cursor:pointer;border-radius:16px;transition:all .3s ease-in-out;display:inline-flex;position:relative}.neomorph-toggle:after{content:"";background:var(--neomorph-bg);border-radius:14px;width:28px;height:28px;transition:all .3s ease-in-out;position:absolute;top:2px;left:2px;box-shadow:2px 2px 5px #d1d9e6,-2px -2px 5px #fff}.neomorph-toggle.active{background:var(--accent-primary);box-shadow:inset 2px 2px 5px #6366f14d,inset -2px -2px 5px #ffffff80}.neomorph-toggle.active:after{background:#fff;left:26px;box-shadow:2px 2px 5px #6366f133}.neomorph-divider{background:linear-gradient(90deg,#0000,#d1d9e6,#0000);height:1px;margin:1.5rem 0}@keyframes neomorph-press{0%{box-shadow:var(--neomorph-shadow-light), var(--neomorph-shadow-dark)}50%{box-shadow:var(--neomorph-inset-light), var(--neomorph-inset-dark)}to{box-shadow:var(--neomorph-shadow-light), var(--neomorph-shadow-dark)}}@media (max-width:768px){.neomorph-card{border-radius:16px;padding:1rem}.article-neomorph{border-radius:12px;padding:1rem}.feed-neomorph{border-radius:12px;padding:.75rem}.neomorph-button{border-radius:10px;padding:.625rem 1.25rem;font-size:.9rem}}
