:root{--primary-health:#00d4aa;--secondary-health:#00a8cc;--accent-health:#ff6b6b;--success-health:#4ecdc4;--warning-health:#ffe66d;--danger-health:#ff8a65;--medical-gradient:linear-gradient(135deg,#667eea,#764ba2);--heartbeat-gradient:linear-gradient(45deg,#ff9a9e,#fecfef 50%,#fecfef);--pulse-gradient:linear-gradient(135deg,#a8edea,#fed6e3);--wellness-gradient:linear-gradient(135deg,#d299c2,#fef9d7);--vitality-gradient:linear-gradient(135deg,#89f7fe,#66a6ff);--healing-gradient:linear-gradient(135deg,#a8caba,#5d4e75);--bg-light-pattern:radial-gradient(circle at 20% 80%,#7877c61a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c61a 0%,#0000 50%),linear-gradient(135deg,#f5f7fa,#c3cfe2);--bg-dark-pattern:radial-gradient(circle at 20% 80%,#7877c633 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c633 0%,#0000 50%),linear-gradient(135deg,#1e3c72,#2a5298);--text-primary:#2d3748;--text-secondary:#4a5568;--text-light:#e2e8f0;--text-white:#fff;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-glow:0 0 20px #00d4aa4d}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 20% 80%,#7877c61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c61a 0,#0000 50%),linear-gradient(135deg,#f5f7fa,#c3cfe2);background:var(--bg-light-pattern);color:#2d3748;color:var(--text-primary);font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;overflow-x:hidden;transition:all .3s ease}body.dark{background:radial-gradient(circle at 20% 80%,#7877c633 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c633 0,#0000 50%),linear-gradient(135deg,#1e3c72,#2a5298);background:var(--bg-dark-pattern);color:#e2e8f0;color:var(--text-light)}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 30c0-11.046-8.954-20-20-20s-20 8.954-20 20 8.954 20 20 20 20-8.954 20-20zm0 0c0-11.046 8.954-20 20-20s20 8.954 20 20-8.954 20-20 20-20-8.954-20-20z' fill='%2300d4aa' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes heartbeat{0%{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(1)}75%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.container{margin:0 auto;max-width:1200px;padding:2rem;padding:var(--spacing-xl);position:relative;z-index:1}.header{align-items:center;animation:slideInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);background:var(--medical-gradient);border-bottom:2px solid #ffffff1a;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header h1{color:#fff;color:var(--text-white);cursor:pointer;font-size:1.8rem;font-weight:700;position:relative;text-shadow:2px 2px 4px #0000004d;transition:all .3s ease;z-index:2}.header h1:after{animation:heartbeat 1.5s infinite;content:"💓";margin-left:.5rem;margin-left:var(--spacing-sm)}.header h1:hover{color:#ffe66d;color:var(--warning-health);transform:scale(1.05)}.middle-nav,.right-nav{display:flex;gap:.5rem;gap:var(--spacing-sm)}.header nav button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--text-white);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.25rem;gap:var(--spacing-xs);overflow:hidden;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all .3s ease}.header nav button:before{background:linear-gradient(135deg,#a8edea,#fed6e3);background:var(--pulse-gradient);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s ease;width:0;z-index:-1}.header nav button:hover{border-color:#00d4aa;border-color:var(--primary-health);box-shadow:0 0 20px #00d4aa4d;box-shadow:var(--shadow-glow);color:#2d3748;color:var(--text-primary);transform:translateY(-2px)}.header nav button:hover:before{height:300%;width:120%}h1{-webkit-text-fill-color:#0000;animation:slideInUp .8s ease-out;background:linear-gradient(135deg,#89f7fe,#66a6ff);background:var(--vitality-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:2rem;margin-bottom:var(--spacing-xl);position:relative;text-align:center}h1:after{animation:pulse 2s infinite;background:#00d4aa;background:var(--primary-health);border-radius:9999px;border-radius:var(--radius-full);bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.feed-grid{grid-gap:2rem;grid-gap:var(--spacing-xl);gap:2rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:var(--spacing-xl)}.feed-grid:before{animation:float 6s ease-in-out infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m50 10 10 20h30L68 48l10 30-28-18-28 18 10-30-22-18h30Z' fill='none' stroke='%2300d4aa' opacity='.1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:80px 80px;bottom:-50px;content:"";left:-50px;pointer-events:none;position:absolute;right:-50px;top:-50px;z-index:-1}.article-card,.article-preview{animation:slideInUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);overflow:hidden;padding:2rem;padding:var(--spacing-xl);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.article-card:before,.article-preview:before{background:linear-gradient(90deg,#0000,#00d4aa1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.article-card:hover:before,.article-preview:hover:before{left:100%}body.dark .article-card,body.dark .article-preview{background:#2d3748f2;border-color:#ffffff1a}.article-card:hover,.article-preview:hover{border-color:#00d4aa;border-color:var(--primary-health);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 20px #00d4aa4d;box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-8px) scale(1.02)}.article-card h2,.article-preview h2{align-items:center;color:#00d4aa;color:var(--primary-health);display:flex;font-size:1.4rem;font-weight:700;margin-bottom:1rem;margin-bottom:var(--spacing-md);position:relative;z-index:2}.article-card h2 svg,.article-preview h2 svg{animation:pulse 2s infinite;margin-right:.5rem;margin-right:var(--spacing-sm)}body.dark .article-card h2,body.dark .article-preview h2{color:#4ecdc4;color:var(--success-health)}.article-card p,.article-preview p{color:#4a5568;color:var(--text-secondary);line-height:1.7;margin-bottom:1rem;margin-bottom:var(--spacing-md);position:relative;z-index:2}body.dark .article-card p,body.dark .article-preview p{color:#e2e8f0;color:var(--text-light)}.article-card ul{list-style:none;margin:1rem 0;margin:var(--spacing-md) 0;position:relative;z-index:2}.article-card ul li{color:#4a5568;color:var(--text-secondary);padding:.5rem 0;padding:var(--spacing-sm) 0;padding-left:1.5rem;padding-left:var(--spacing-lg);position:relative;transition:all .3s ease}.article-card ul li:before{animation:pulse 3s infinite;content:"🩺";font-size:.9rem;left:0;position:absolute;top:.5rem;top:var(--spacing-sm)}.article-card ul li:hover{color:#00d4aa;color:var(--primary-health);padding-left:calc(1.5rem + 5px);padding-left:calc(var(--spacing-lg) + 5px)}.article-card button,.article-preview button,.detail-container button,.settings-form button,form button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--medical-gradient);border:none;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--text-white);cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:.25rem .5rem .25rem 0;margin:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) 0;overflow:hidden;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2}.article-card button:before,.article-preview button:before,.detail-container button:before,.settings-form button:before,form button:before{background:linear-gradient(135deg,#a8edea,#fed6e3);background:var(--pulse-gradient);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s ease;width:0;z-index:-1}.article-card button:hover,.article-preview button:hover,.detail-container button:hover,.settings-form button:hover,form button:hover{animation:heartbeat .6s ease;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-3px)}.article-card button:hover:before,.article-preview button:hover:before,.detail-container button:hover:before,.settings-form button:hover:before,form button:hover:before{height:300%;width:150%}.article-card button:nth-child(odd){background:linear-gradient(135deg,#d299c2,#fef9d7);background:var(--wellness-gradient)}.article-card button:nth-child(2n){background:linear-gradient(135deg,#a8caba,#5d4e75);background:var(--healing-gradient)}.original-text,.rewritten-text{animation:slideInUp .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:2px solid #00d4aa;border:2px solid var(--primary-health);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);font-size:1.1rem;line-height:1.8;margin:2rem 0;margin:var(--spacing-xl) 0;overflow:hidden;padding:2rem;padding:var(--spacing-xl);position:relative}.original-text:before,.rewritten-text:before{animation:pulse 2s infinite;background:linear-gradient(135deg,#89f7fe,#66a6ff);background:var(--vitality-gradient);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.rewritten-text{background:linear-gradient(135deg,#fffffff2,#f0f8fff2);border-color:#4ecdc4;border-color:var(--success-health)}.original-text{background:linear-gradient(135deg,#fffffff2,#e6f3fff2);border-color:#00a8cc;border-color:var(--secondary-health)}body.dark .original-text,body.dark .rewritten-text{background:#2d3748f2;color:#e2e8f0;color:var(--text-light)}body.dark .rewritten-text{background:linear-gradient(135deg,#2d3748f2,#4a5568f2)}body.dark .original-text{background:linear-gradient(135deg,#4a5568f2,#1e293bf2)}.spinner{align-items:center;color:#00d4aa;color:var(--primary-health);display:flex;font-size:2rem;justify-content:center;margin:2rem 0;margin:var(--spacing-xl) 0}.spinner svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}form{animation:slideInUp .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;margin:0 auto;max-width:400px;padding:2rem;padding:var(--spacing-xl)}body.dark form{background:#2d3748f2;border-color:#ffffff1a}form h1{font-size:2rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}input,select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #00d4aa4d;border-radius:.75rem;border-radius:var(--radius-lg);font-size:1rem;margin:.5rem 0;margin:var(--spacing-sm) 0;padding:1rem;padding:var(--spacing-md);position:relative;transition:all .3s ease}input:focus,select:focus{border-color:#00d4aa;border-color:var(--primary-health);box-shadow:0 0 0 3px #00d4aa1a;outline:none;transform:scale(1.02)}body.dark input,body.dark select{background:#4a5568e6;border-color:#fff3;color:#e2e8f0;color:var(--text-light)}.settings-form{grid-gap:1.5rem;grid-gap:var(--spacing-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:1fr;margin:0 auto;max-width:600px;padding:2rem;padding:var(--spacing-xl)}body.dark .settings-form{background:#2d3748f2;border-color:#ffffff1a}.settings-form label{color:#00d4aa;color:var(--primary-health);display:block;font-size:1.1rem;font-weight:700;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}body.dark .settings-form label{color:#4ecdc4;color:var(--success-health)}.settings-form input[type=checkbox],.settings-form select{margin-bottom:1rem;margin-bottom:var(--spacing-md);margin-top:.25rem;margin-top:var(--spacing-xs)}.settings-form input[type=checkbox]{accent-color:#00d4aa;accent-color:var(--primary-health);height:20px;transform:scale(1.2);width:20px}.filter-section{align-items:center;animation:slideInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;justify-content:center;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}body.dark .filter-section{background:#2d3748e6;border-color:#ffffff1a}.filter-section label{color:#00d4aa;color:var(--primary-health);font-weight:700;margin-right:1rem;margin-right:var(--spacing-md)}.filter-section select{background:#1e1e1e;border:2px solid #00d4aa;border:2px solid var(--primary-health);color:#fff;color:var(--text-white)}.filter-section select:hover{background:#333;box-shadow:0 0 20px #00d4aa4d;box-shadow:var(--shadow-glow)}.reactions{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm);margin:1rem 0;margin:var(--spacing-md) 0}.reactions button{align-items:center;background:linear-gradient(45deg,#ff9a9e,#fecfef 50%,#fecfef);background:var(--heartbeat-gradient);border:none;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-white);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.25rem;gap:var(--spacing-xs);padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md);transition:all .3s ease}.reactions button:hover{animation:heartbeat .6s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:scale(1.1)}.reactions button:first-child{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--medical-gradient)}.reactions button:nth-child(2){background:linear-gradient(135deg,#a8edea,#fed6e3);background:var(--pulse-gradient)}.reactions button:nth-child(3){background:linear-gradient(135deg,#d299c2,#fef9d7);background:var(--wellness-gradient)}.comments-section{animation:slideInUp .8s ease-out;border-top:2px solid #00d4aa33;margin-top:1.5rem;margin-top:var(--spacing-lg);padding-top:1.5rem;padding-top:var(--spacing-lg)}.comments-list p{background:#00d4aa0d;border-left:4px solid #00d4aa;border-left:4px solid var(--primary-health);border-radius:.75rem;border-radius:var(--radius-lg);color:#4a5568;color:var(--text-secondary);font-size:.9rem;margin:.5rem 0;margin:var(--spacing-sm) 0;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.comments-list p:hover{background:#00d4aa1a;transform:translateX(5px)}.comments-section input{border:2px solid #00d4aa4d;border-radius:.75rem;border-radius:var(--radius-lg);flex:1 1;margin-right:.5rem;margin-right:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.comments-section input:focus{border-color:#00d4aa;border-color:var(--primary-health);box-shadow:0 0 0 3px #00d4aa1a}.comments-section button{align-items:center;background:#00a8cc;background:var(--secondary-health);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;color:var(--text-white);cursor:pointer;display:flex;font-weight:600;gap:.25rem;gap:var(--spacing-xs);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.comments-section button:hover{background:#00d4aa;background:var(--primary-health);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.scrolling-news{animation:slideInUp .6s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--medical-gradient);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;color:var(--text-white);margin-bottom:2rem;margin-bottom:var(--spacing-xl);overflow:hidden;padding:1rem;padding:var(--spacing-md);position:relative;white-space:nowrap}.scrolling-news:before{content:"📰 BREAKING NEWS: ";font-weight:700;margin-right:.5rem;margin-right:var(--spacing-sm)}.scrolling-news p{display:inline-block;font-weight:500}@keyframes scroll{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.error{animation:slideInUp .6s ease-out;background:linear-gradient(135deg,#ff6b6b,#ff8a65);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);font-weight:600;margin:1.5rem 0;margin:var(--spacing-lg) 0;padding:1.5rem;padding:var(--spacing-lg);text-align:center}.error,.error button{color:#fff;color:var(--text-white)}.error button{background:#fff3;border:1px solid #ffffff4d;margin-top:1rem;margin-top:var(--spacing-md)}.date{color:#4a5568;color:var(--text-secondary);font-size:.85rem;font-weight:500;opacity:.8}body.dark .date{color:#e2e8f0;color:var(--text-light)}@media (max-width:768px){.container{padding:1rem;padding:var(--spacing-md)}.feed-grid{gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr}.header{align-items:flex-start;flex-direction:column;padding:1rem;padding:var(--spacing-md)}.middle-nav,.right-nav{flex-direction:column;gap:.25rem;gap:var(--spacing-xs);width:100%}.header h1{font-size:1.5rem}h1{font-size:2rem}.article-card,.article-preview,.filter-section,.original-text,.rewritten-text,.settings-form,form{padding:1rem;padding:var(--spacing-md)}.filter-section{align-items:flex-start;flex-direction:column}.reactions{justify-content:flex-start}.comments-section input{margin-bottom:.5rem;margin-bottom:var(--spacing-sm);width:100%}.comments-section button{width:100%}}@media (max-width:480px){.header h1{font-size:1.3rem}h1{font-size:1.6rem}.article-card h2,.article-preview h2{font-size:1.2rem}form h1{font-size:1.6rem}.spinner{font-size:1.5rem}}.sentiment-badge{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:.8rem;font-weight:600;margin-left:.5rem;margin-left:var(--spacing-sm);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.sentiment-badge.positive{background:#4ecdc4;background:var(--success-health);color:#fff;color:var(--text-white)}.sentiment-badge.negative{background:#ff8a65;background:var(--danger-health);color:#fff;color:var(--text-white)}.sentiment-badge.neutral{background:#00a8cc;background:var(--secondary-health);color:#fff;color:var(--text-white)}.reaction-summary{color:#4a5568;color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-top:.5rem;margin-top:var(--spacing-sm)}body.dark .reaction-summary{color:#e2e8f0;color:var(--text-light)}.dashboard-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;justify-content:center;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:1rem;padding:var(--spacing-md)}body.dark .dashboard-controls{background:#2d3748e6}.dashboard-controls label{color:#00d4aa;color:var(--primary-health);font-weight:700;margin-right:1rem;margin-right:var(--spacing-md)}body.dark .dashboard-controls label{color:#4ecdc4;color:var(--success-health)}.dashboard-chart{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #00d4aa33;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-xl)}body.dark .dashboard-chart{background:#2d3748f2;border-color:#ffffff1a}.dashboard-stats{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.stats-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #00d4aa33;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:1rem;padding:var(--spacing-md);text-align:center}body.dark .stat-card{background:#2d3748f2;border-color:#ffffff1a}.stat-card h3{color:#00d4aa;color:var(--primary-health);font-size:1.2rem;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}body.dark .stat-card h3{color:#4ecdc4;color:var(--success-health)}.stat-card p{color:#2d3748;color:var(--text-primary);font-size:1.5rem;font-weight:700}body.dark .stat-card p{color:#e2e8f0;color:var(--text-light)}.dashboard-recent{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.recent-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.recent-article{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #00d4aa33;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);cursor:pointer;padding:1rem;padding:var(--spacing-md);transition:all .3s ease}.recent-article:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-5px)}body.dark .recent-article{background:#2d3748f2;border-color:#ffffff1a}.recent-article h3{color:#00d4aa;color:var(--primary-health);font-size:1.1rem}body.dark .recent-article h3{color:#4ecdc4;color:var(--success-health)}.dashboard-nav{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);justify-content:center}.dashboard-nav button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--medical-gradient);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--text-white);cursor:pointer;font-weight:600;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease}.dashboard-nav button:hover{box-shadow:0 0 20px #00d4aa4d;box-shadow:var(--shadow-glow);transform:translateY(-3px)}.dashboard-challenge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #00d4aa;border:1px solid var(--primary-health);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-lg)}body.dark .dashboard-challenge{background:#2d3748f2;border-color:#ffffff1a}.dashboard-challenge h2{color:#00d4aa;color:var(--primary-health);font-size:1.4rem;margin-bottom:1rem;margin-bottom:var(--spacing-md)}body.dark .dashboard-challenge h2{color:#4ecdc4;color:var(--success-health)}.dashboard-challenge p{color:#4a5568;color:var(--text-secondary);font-size:1.1rem;line-height:1.6}body.dark .dashboard-challenge p{color:#e2e8f0;color:var(--text-light)}.scrolling-news h2{color:#fff;color:var(--text-white);font-size:1.2rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-align:left}.scrolling-news p{animation:scroll 30s linear infinite;font-size:1rem;overflow:hidden;white-space:nowrap}.detail-container button:last-child{background-color:#00d4aa;background-color:var(--primary-health);border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#fff;cursor:pointer;margin-left:.5rem;margin-left:var(--spacing-sm);margin-top:1rem;margin-top:var(--spacing-md);padding:.5rem;padding:var(--spacing-sm)}.detail-container button:last-child:hover{background-color:#ff6b6b;background-color:var(--accent-health)}body.dark .detail-container button:last-child{background-color:#4ecdc4;background-color:var(--success-health)}body.dark .detail-container button:last-child:hover{background-color:#ffe66d;background-color:var(--warning-health)}.reference-intro{background:#fffc;border-radius:.5rem;border-radius:var(--radius-md);color:#4a5568;color:var(--text-secondary);font-size:1rem;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:1rem;padding:var(--spacing-md);text-align:center}body.dark .reference-intro{background:#2d3748cc;color:#e2e8f0;color:var(--text-light)}.health-reference-table{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-collapse:collapse;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-top:1.5rem;margin-top:var(--spacing-lg);overflow:hidden;width:100%}body.dark .health-reference-table{background:#2d3748f2}.health-reference-table td,.health-reference-table th{border-bottom:1px solid #00d4aa33;padding:1rem;padding:var(--spacing-md);text-align:left}.health-reference-table th{background:#00d4aa;background:var(--primary-health);color:#fff;color:var(--text-white);font-weight:700}body.dark .health-reference-table th{background:#00a8cc;background:var(--secondary-health)}.health-reference-table tr:hover{background:#00d4aa1a}body.dark .health-reference-table tr:hover{background:#4ecdc41a}.health-reference-table td:first-child{color:#00d4aa;color:var(--primary-health);font-weight:600}body.dark .health-reference-table td:first-child{color:#4ecdc4;color:var(--success-health)}.metrics-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0;margin:var(--spacing-xl) 0}.metric-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #00d4aa;border:1px solid var(--primary-health);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:1.5rem;padding:var(--spacing-lg);text-align:center}body.dark .metric-card{background:#2d3748f2;border-color:#ffffff1a}.metric-card h2{color:#00d4aa;color:var(--primary-health);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}body.dark .metric-card h2{color:#4ecdc4;color:var(--success-health)}.metric-card p{color:#4a5568;color:var(--text-secondary);font-size:1rem}body.dark .metric-card p{color:#e2e8f0;color:var(--text-light)}.metrics-note{background:#ffffffe6;border-radius:.5rem;border-radius:var(--radius-md);color:#4a5568;color:var(--text-secondary);font-style:italic;margin-top:1.5rem;margin-top:var(--spacing-lg);padding:1rem;padding:var(--spacing-md);text-align:center}body.dark .metrics-note{background:#2d3748e6;color:#e2e8f0;color:var(--text-light)}.dashboard-mood{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #00d4aa;border:1px solid var(--primary-health);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-lg)}body.dark .dashboard-mood{background:#2d3748f2;border-color:#ffffff1a}.dashboard-mood h2,.dashboard-mood h3{color:#00d4aa;color:var(--primary-health);font-size:1.4rem;margin-bottom:1rem;margin-bottom:var(--spacing-md)}body.dark .dashboard-mood h2,body.dark .dashboard-mood h3{color:#4ecdc4;color:var(--success-health)}.dashboard-mood input{border:1px solid #00a8cc;border:1px solid var(--secondary-health);border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:1rem;padding:var(--spacing-md);width:100%}.dashboard-mood button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--medical-gradient);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--text-white);cursor:pointer;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg)}.dashboard-mood button:hover{box-shadow:0 0 20px #00d4aa4d;box-shadow:var(--shadow-glow)}.dashboard-mood p{font-size:1.1rem;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.dashboard-mood ul{list-style:disc;margin-left:1.5rem;margin-left:var(--spacing-lg)}.dashboard-mood li a{color:#00d4aa;color:var(--primary-health);cursor:pointer;text-decoration:underline}body.dark .dashboard-mood li a{color:#4ecdc4;color:var(--success-health)}.dashboard-nutrition{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #00d4aa;border:1px solid var(--primary-health);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-lg)}body.dark .dashboard-nutrition{background:#2d3748f2;border-color:#ffffff1a}.dashboard-nutrition h2,.dashboard-nutrition h3{color:#00d4aa;color:var(--primary-health);font-size:1.4rem;margin-bottom:1rem;margin-bottom:var(--spacing-md)}body.dark .dashboard-nutrition h2,body.dark .dashboard-nutrition h3{color:#4ecdc4;color:var(--success-health)}.dashboard-nutrition input{border:1px solid #00a8cc;border:1px solid var(--secondary-health);border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:1rem;padding:var(--spacing-md);width:100%}.dashboard-nutrition button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--medical-gradient);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--text-white);cursor:pointer;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg)}.dashboard-nutrition button:hover{box-shadow:0 0 20px #00d4aa4d;box-shadow:var(--shadow-glow)}.dashboard-nutrition p{font-size:1.1rem;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.dashboard-nutrition ul{list-style:disc;margin-left:1.5rem;margin-left:var(--spacing-lg)}.dashboard-nutrition li a{color:#00d4aa;color:var(--primary-health);cursor:pointer;text-decoration:underline}body.dark .dashboard-nutrition li a{color:#4ecdc4;color:var(--success-health)}.feed-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem;position:relative}.article-preview{background:#fff;border-radius:1rem;box-shadow:0 4px 12px #00000014;padding:1.5rem;transition:transform .3s ease}.article-preview:hover{transform:translateY(-4px)}.load-more-button{background:linear-gradient(135deg,#00d4aa,#00a8cc);border:none;border-radius:2rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;grid-column:1/-1;margin:2rem auto 0;padding:.75rem 2rem;transition:all .3s ease}.load-more-button:hover{background:linear-gradient(135deg,#00a8cc,#00d4aa);transform:scale(1.05)}.load-more-button:active{transform:scale(.97)}
/*# sourceMappingURL=main.8eb06ca5.css.map*/