:root{--purple-color:#6b46c1;--danger-color:#ef4444;--warning-color:#f59e0b;--success-color:#10b981;--info-color:#3b82f6;--dark-text:#1f2937;--light-text:#6b7280;--card-shadow:0 4px 20px rgba(0,0,0,.08);--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-danger:linear-gradient(135deg,#f093fb,#f5576c)}p{font-family:Inter,sans-serif}h3,p{color:#fff}h3{font-family:Share Tech Mono,monospace}.article-container li,.article-container ul{color:#fff;font-family:Inter,sans-serif}li,ul{color:#fff}blockquote,h4{color:#fff;font-family:Inter,sans-serif}span,strong{color:inherit}.container{max-width:1000px;margin:0 auto;padding:20px}.article-container{background:#0a0a0a;min-height:100vh;padding-top:100px}.hero-section{text-align:center;padding:60px 20px;background:linear-gradient(135deg,rgba(107,70,193,.1),rgba(107,70,193,.05));border:1px solid rgba(107,70,193,.3);border-radius:20px;margin:30px 0;box-shadow:0 10px 40px rgba(107,70,193,.2);position:relative;overflow:hidden;font-family:Share Tech Mono,monospace}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--gradient-primary)}.age-badge-hero{background:var(--gradient-primary);color:#fff;padding:8px 20px;border-radius:30px;font-weight:700;display:inline-block;font-size:1.1rem}.age-badge-hero,.main-title{margin-bottom:20px;font-family:Share Tech Mono,monospace}.main-title{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.subtitle{font-size:1.4rem;color:#888;margin-bottom:30px}.section-card,.subtitle{font-family:Inter,sans-serif}.section-card{background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:40px;margin:30px 0;box-shadow:0 10px 40px rgba(0,0,0,.5)}.section-title{font-size:2rem;color:#fff;margin-bottom:30px;display:flex;align-items:center;gap:15px;font-family:Share Tech Mono,monospace}.section-title span:first-child{font-size:2.5rem}.performance-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;gap:30px;margin:40px 0}.performance-box{padding:30px;border-radius:15px;text-align:center;transition:transform .3s;color:#fff;font-family:Inter,sans-serif}.performance-box:hover{transform:translateY(-5px)}.performance-good{background:rgba(16,185,129,.1);border:2px solid var(--success-color)}.performance-bad{background:rgba(239,68,68,.1);border:2px solid var(--danger-color)}.performance-icon{font-size:3rem;margin-bottom:15px}.performance-stat{font-size:2.5rem;font-weight:700;margin:15px 0;font-family:Share Tech Mono,monospace}.performance-good .performance-stat{color:var(--success-color)}.performance-bad .performance-stat{color:var(--danger-color)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin:30px 0}.stat-card{background:rgba(107,70,193,.1);border-radius:15px;padding:25px;text-align:center;border:1px solid rgba(107,70,193,.3)}.stat-number{font-size:2.5rem;font-weight:700;color:var(--purple-color);margin-bottom:10px;font-family:Share Tech Mono,monospace}.stat-label{font-size:1.1rem;color:#fff;margin-bottom:5px}.stat-detail,.stat-label{font-family:Inter,sans-serif}.stat-detail{font-size:.9rem;color:#888}.study-highlight{background:rgba(59,130,246,.1);border-left:4px solid var(--info-color);padding:25px;border-radius:10px;margin:30px 0}.study-highlight,.study-highlight p{color:#fff;font-family:Inter,sans-serif}.study-highlight p{margin-bottom:15px;line-height:1.8}.study-source{font-size:.9rem;color:#888;font-style:italic;font-family:Inter,sans-serif}.reference-link{color:var(--info-color);text-decoration:none;font-weight:500}.reference-link:hover{text-decoration:underline}.attention-meter{background:rgba(245,158,11,.1);border-radius:20px;padding:40px;margin:40px 0;text-align:center;color:#fff;font-family:Inter,sans-serif}.meter-container{position:relative;height:40px;background:#e5e7eb;border-radius:20px;overflow:hidden;margin:30px 0}.meter-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--success-color),var(--warning-color),var(--danger-color));border-radius:20px;transition:width .5s ease}.meter-labels{display:flex;justify-content:space-between;margin-top:15px}.meter-label{font-size:.9rem;color:#888;font-family:Inter,sans-serif}.daily-timeline{position:relative;padding:40px 0}.timeline-track{position:relative;background:#e5e7eb;height:4px;border-radius:2px;margin:40px 0}.timeline-points{display:flex;justify-content:space-between;position:relative;margin-top:-22px}.timeline-point{text-align:center;flex:1 1}.timeline-dot{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:15px}.dot-morning{background:linear-gradient(135deg,#ffd89b,#19547b)}.dot-school{background:linear-gradient(135deg,#a8edea,#fed6e3)}.dot-afternoon{background:linear-gradient(135deg,#f093fb,#f5576c)}.dot-evening{background:linear-gradient(135deg,#4facfe,#00f2fe)}.timeline-time{font-weight:700;color:#fff;margin-bottom:5px;font-family:Share Tech Mono,monospace}.timeline-activity{font-size:.9rem;color:#888;font-family:Inter,sans-serif}.checklist{background:rgba(16,185,129,.1);border-radius:15px;padding:30px;margin:30px 0}.checklist,.checklist-item{font-family:Inter,sans-serif}.checklist-item{display:flex;align-items:center;gap:15px;padding:15px;margin:10px 0;background:hsla(0,0%,100%,.05);border-radius:10px;cursor:pointer;transition:all .3s;border:2px solid transparent;color:#fff}.checklist-item:hover{border-color:var(--success-color);transform:translateX(5px)}.checkbox{width:30px;height:30px;border:3px solid #e5e7eb;border-radius:8px;position:relative;transition:all .3s}.checklist-item.checked .checkbox{background:var(--success-color);border-color:var(--success-color)}.checklist-item.checked .checkbox:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.2rem;font-weight:700}.checklist-text{flex:1 1;font-size:1.1rem;font-family:Inter,sans-serif}.warning-box{background:rgba(239,68,68,.1);border:2px solid var(--danger-color);border-radius:15px;padding:30px;margin:40px 0;text-align:center;color:#fff;font-family:Inter,sans-serif}.warning-icon{font-size:3rem;margin-bottom:20px}.warning-title{font-size:1.5rem;color:var(--danger-color);margin-bottom:15px;font-weight:700;font-family:Share Tech Mono,monospace}.solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:25px;gap:25px;margin:40px 0}.solution-card{background:rgba(16,185,129,.1);border:2px solid var(--success-color);border-radius:15px;padding:30px;text-align:center;transition:all .3s;font-family:Inter,sans-serif}.solution-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(16,185,129,.2)}.solution-icon{font-size:3rem;margin-bottom:20px}.solution-title{font-size:1.3rem;color:#fff;margin-bottom:15px;font-weight:700;font-family:Share Tech Mono,monospace}.solution-description{color:#888;line-height:1.6;font-family:Inter,sans-serif}.cta-section{background:var(--gradient-primary);color:#fff;border-radius:20px;padding:50px;text-align:center;margin:50px 0}.cta-button,.cta-section{font-family:Inter,sans-serif}.cta-button{display:inline-block;background:#fff;color:var(--purple-color);padding:15px 40px;border-radius:30px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s;margin-top:20px}.cta-button:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(0,0,0,.2)}@media (max-width:767px){.article-container{padding-top:80px}.main-title{font-size:2rem}.performance-comparison{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.timeline-points{flex-direction:column;gap:30px}.solutions-grid{grid-template-columns:1fr}.section-card{padding:20px}.section-title{font-size:1.5rem}}[data-theme=light] .article-container{background:transparent}[data-theme=light] .hero-section{background:#eef4f0;border:1px solid rgba(0,0,0,.06);box-shadow:0 12px 28px rgba(0,0,0,.06)}[data-theme=light] .main-title{-webkit-text-fill-color:initial;color:#4c1d95}[data-theme=light] .subtitle{color:#475569}[data-theme=light] .section-card{background:#eef4f0;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 22px rgba(0,0,0,.06)}[data-theme=light] .section-title{color:#0f172a}[data-theme=light] blockquote,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] li,[data-theme=light] p{color:#1f2937}[data-theme=light] .meter-label,[data-theme=light] .stat-detail,[data-theme=light] .study-source{color:#475569}[data-theme=light] .performance-good{background:rgba(22,163,74,.08);border-color:#16a34a;color:#14532d}[data-theme=light] .performance-bad{background:rgba(239,68,68,.08);border-color:#ef4444;color:#7f1d1d}[data-theme=light] .stat-card{background:#faf5ff;border-color:rgba(107,70,193,.25)}[data-theme=light] .study-highlight{background:rgba(59,130,246,.08);border-left-color:#3b82f6}[data-theme=light] .attention-meter{background:rgba(245,158,11,.08);color:#1f2937}[data-theme=light] .checklist{background:rgba(16,185,129,.08)}[data-theme=light] .checklist-item{background:rgba(0,0,0,.03);color:#1f2937}[data-theme=light] .solution-card{background:rgba(16,185,129,.08);border-color:#16a34a}[data-theme=light] .solution-title{color:#0f172a}[data-theme=light] .solution-title,[data-theme=light] .stat-label,[data-theme=light] .timeline-time,[data-theme=light] .warning-title{color:#1f2937}[data-theme=light] .meter-label,[data-theme=light] .solution-description,[data-theme=light] .stat-detail,[data-theme=light] .study-source,[data-theme=light] .timeline-activity{color:#475569}[data-theme=light] .warning-box{color:#1f2937;background:rgba(239,68,68,.06);border-color:#ef4444}[data-theme=light] .checkbox{border-color:#94a3b8}