@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark:#0a0e1a;--bg-card:#141827;--bg-card-hover:#1a1f35;--text:#e8eaf0;--text-dim:#9ca3af;--accent:#6366f1;--accent-hover:#4f46e5;--border:rgba(255,255,255,.08);--phase-1:#7c9cff;--phase-2:#6ee7b7;--phase-3:#4dd0e1;--phase-4:#fbbf24;--phase-5:#9333ea}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#0a0e1a 0,#1a1f3a 100%) fixed;background-repeat:no-repeat;color:var(--text);line-height:1.6;min-height:100vh;padding-bottom:40px;overflow-x:hidden;max-width:100vw}header{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:saturate(140%) blur(10px);background:linear-gradient(180deg,rgba(10,14,26,.92),rgba(10,14,26,.75));border-bottom:1px solid var(--border);transition:transform .3s ease}header.hidden{transform:translateY(-100%)}.brand,.nav{display:flex;align-items:center}.nav{justify-content:space-between;gap:16px;width:100%;padding:16px 24px;box-sizing:border-box}.brand{gap:14px;font-weight:800;font-size:18px;letter-spacing:.3px;text-decoration:none;color:var(--text);flex-shrink:0;white-space:nowrap}.logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--phase-3));color:#0a0e1a;font-weight:900;font-size:20px;box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.03)}.nav-buttons{display:flex;gap:12px;align-items:center;flex-shrink:0;margin-left:auto}.cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.12);text-decoration:none;color:var(--text);background:rgba(255,255,255,.04);font-size:14px;font-weight:500;transition:all .2s ease}.cta:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);transform:translateY(-1px)}.cta.primary{background:linear-gradient(135deg,rgba(124,156,255,.25),rgba(77,208,225,.2));border-color:rgba(124,156,255,.4);font-weight:600}.cta.primary:hover{background:linear-gradient(135deg,rgba(124,156,255,.35),rgba(77,208,225,.3));border-color:var(--phase-1)}.hamburger-btn{display:none;flex-direction:column;gap:6px;background:0 0;border:0;cursor:pointer;padding:8px;color:var(--text);font-size:20px}.hamburger-btn span{width:24px;height:2px;background:var(--text);border-radius:1px;transition:all .3s ease}.hamburger-btn.active span:nth-child(1){transform:rotate(45deg) translate(10px,10px)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu{display:none;position:absolute;top:70px;right:0;background:linear-gradient(180deg,rgba(10,14,26,.95),rgba(10,14,26,.9));border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;gap:12px;flex-direction:column;z-index:1000;min-width:200px}.mobile-menu.active{display:flex}.mobile-menu .cta{width:100%;justify-content:center}@media (max-width:768px){.hamburger-btn{display:flex}.nav-buttons{display:none}}.page-header{margin-top:70px;padding:48px 20px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.08));border-bottom:1px solid var(--border);text-align:center}h1{font-size:clamp(32px,5vw,48px);font-weight:700;background:linear-gradient(135deg,#a78bfa,#6366f1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}.subtitle{color:var(--text-dim);font-size:clamp(14px,2vw,20px);max-width:800px;margin:0 auto}.container{max-width:1200px;margin:0 auto;padding:40px 20px;width:100%;box-sizing:border-box}.filter-group,.filter-section{display:flex;flex-direction:column}.filter-section{margin-bottom:35px;gap:25px}.filter-group.hidden{display:none}.filter-group{gap:12px}.filter-title{font-size:14px;font-weight:600;color:var(--text);margin:0;text-transform:uppercase;letter-spacing:.5px}.filter-controls{padding:16px;background:rgba(99,102,241,.08);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-btn,.phase-filter-btn{padding:10px 16px;border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:500;background-color:transparent;color:var(--text-dim);cursor:pointer;transition:all .2s;white-space:nowrap}.filter-btn:hover,.phase-filter-btn:hover{border-color:var(--accent);color:var(--text);background-color:rgba(99,102,241,.1)}.filter-btn.active,.phase-filter-btn.active{background:linear-gradient(135deg,rgba(124,156,255,.3),rgba(77,208,225,.2));border-color:var(--phase-1);color:var(--text);font-weight:600}.phase-filter-btn[data-phase="Phase 1"].active{border-color:var(--phase-1)}.phase-filter-btn[data-phase="Phase 2"].active{border-color:var(--phase-2)}.phase-filter-btn[data-phase="Phase 3"].active{border-color:var(--phase-3)}.phase-filter-btn[data-phase="Phase 4"].active{border-color:var(--phase-4)}.protocol-info{margin-bottom:25px;padding:20px;background:rgba(77,208,225,.08);border-left:4px solid var(--phase-3);border-radius:8px;color:var(--text);font-size:14px}.protocol-info p{margin:0}.disclaimer-box{margin-bottom:35px;padding:24px;background:rgba(251,191,36,.08);border:2px solid rgba(251,191,36,.3);border-left:4px solid var(--phase-4);border-radius:12px;color:var(--text)}.disclaimer-title{font-size:16px;font-weight:700;color:var(--phase-4);margin:0 0 16px}.disclaimer-list{list-style:none;padding:0;margin:0}.disclaimer-list li{font-size:13px;line-height:1.7;margin-bottom:12px;color:var(--text-dim);padding-left:24px;position:relative}.disclaimer-list li:last-child,.interactions-list li:last-child{margin-bottom:0}.disclaimer-list li::before,.info-content ul li::before{content:"•";position:absolute;left:0;color:var(--phase-4);font-weight:700}.disclaimer-list li strong{color:var(--text)}.disclaimer-ok-btn{margin-top:20px;padding:12px 32px;background:linear-gradient(135deg,rgba(251,191,36,.3),rgba(251,191,36,.2));border:1px solid var(--phase-4);border-radius:8px;color:var(--phase-4);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.disclaimer-ok-btn:hover{background:linear-gradient(135deg,rgba(251,191,36,.4),rgba(251,191,36,.3));border-color:var(--text);color:var(--text)}.disclaimer-ok-btn:active{transform:scale(.98)}.disclaimer-box.hidden,td.hidden,th.hidden{display:none}.info-box{margin-bottom:24px;padding:24px;background:rgba(99,102,241,.08);border:2px solid rgba(99,102,241,.3);border-left:4px solid var(--accent);border-radius:12px;color:var(--text);transition:all .3s ease}.info-box.collapsed{padding:16px 24px}.info-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.info-box.collapsed .info-header{margin-bottom:0}.info-title,.minimize-btn{display:flex;align-items:center;color:var(--accent);font-weight:700}.info-title{font-size:18px;margin:0;gap:10px;flex:1}.minimize-btn{background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);border-radius:6px;width:32px;height:32px;justify-content:center;cursor:pointer;font-size:20px;transition:all .2s ease;flex-shrink:0}.minimize-btn:hover{background:rgba(99,102,241,.25);border-color:var(--accent)}.minimize-btn:active{transform:scale(.95)}.minimize-icon{transition:transform .3s ease;display:block;line-height:1}.info-box.collapsed .minimize-icon{transform:rotate(180deg)}.info-content{font-size:15px;line-height:1.8;color:var(--text);max-height:2000px;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:1}.info-box.collapsed .info-content{max-height:0;opacity:0;margin:0}.info-content p{margin-bottom:12px}.info-content strong{color:var(--accent);font-weight:600}.info-content ul{margin:12px 0 12px 24px;list-style-type:none}.info-content ul li{margin-bottom:10px;position:relative;padding-left:8px}.info-content ul li::before{content:"✓";color:var(--phase-2);left:-16px}.brand-list{display:inline-flex;gap:12px;flex-wrap:wrap;margin-top:8px}.brand-badge{background:rgba(99,102,241,.15);padding:6px 12px;border-radius:6px;font-weight:600;font-size:14px;color:var(--accent);border:1px solid rgba(99,102,241,.3)}table{width:100%;border-collapse:collapse;margin-top:20px}thead{background:rgba(99,102,241,.1);border-bottom:1px solid var(--border)}.timing-cell{max-width:200px;font-size:13px}.interactions-cell{max-width:250px}.interactions-list li,th{color:var(--text);font-size:14px}td,th{padding:16px}th{text-align:left;font-weight:600}td{border-bottom:1px solid var(--border)}tbody tr{transition:background-color .2s}tbody tr:hover{background-color:rgba(99,102,241,.05)}.supplement-name{font-weight:500;color:var(--text);display:flex;flex-direction:column;gap:8px}.phase-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.phase-1{background:rgba(124,156,255,.15);color:var(--phase-1)}.phase-2{background:rgba(110,231,183,.15);color:var(--phase-2)}.phase-3{background:rgba(77,208,225,.15);color:var(--phase-3)}.phase-4{background:rgba(251,191,36,.15);color:var(--phase-4)}.phase-5{background:rgba(147,51,234,.15);color:var(--phase-5)}.category{color:var(--text-dim)}a,footer a{color:var(--phase-1);text-decoration:none}.category,a{font-size:13px}a{word-break:break-word;overflow-wrap:break-word;transition:color .2s}a:hover{color:var(--accent-hover);text-decoration:underline}.amazon-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,rgba(255,153,0,.15),rgba(255,153,0,.08));border:1px solid rgba(255,153,0,.3);border-radius:6px;color:#f90;text-decoration:none;font-size:13px;font-weight:500;transition:all .2s ease;white-space:nowrap}.amazon-link:hover{background:linear-gradient(135deg,rgba(255,153,0,.25),rgba(255,153,0,.15));border-color:#f90;color:#ffb84d;text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 8px rgba(255,153,0,.2)}.amazon-link:active{transform:translateY(0)}.no-link,footer{color:var(--text-dim)}.no-link{font-style:italic;font-size:13px}.warning-badge{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background:rgba(251,146,60,.15);border:1px solid rgba(251,146,60,.4);border-radius:6px;color:#fb923c;font-size:12px;font-weight:500;width:fit-content}.warning-badge-icon{font-size:14px;flex-shrink:0}.warning-text{word-wrap:break-word;overflow-wrap:break-word}footer{max-width:1280px;margin:0 auto;padding:40px 24px;text-align:center;font-size:14px;border-top:1px solid var(--border)}footer a{transition:color .2s ease}footer a:hover{color:var(--phase-3)}@media (max-width:768px){.page-header{padding:32px 20px}.container{padding:20px}table{font-size:12px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0;border-radius:0;border-collapse:collapse;position:relative;scroll-snap-type:x mandatory;scroll-padding:140px}thead{position:sticky;top:0;z-index:3}tbody,thead{display:table;min-width:100%;width:max-content;table-layout:auto}tr{display:table-row}td,th{scroll-snap-align:start;scroll-snap-stop:always;padding:12px 8px;text-align:left;border-bottom:1px solid var(--border);word-wrap:break-word;overflow-wrap:break-word}td:nth-child(1),th:nth-child(1){position:sticky;left:0;background:var(--bg-card);z-index:2;width:130px;min-width:130px;max-width:130px;padding-left:12px;padding-right:12px;font-weight:600;box-sizing:border-box}thead th:nth-child(1){background:rgba(99,102,241,.15);z-index:4}td:nth-child(2),th:nth-child(2){width:90px;min-width:90px;max-width:90px}td:nth-child(3),th:nth-child(3){width:100px;min-width:100px;max-width:100px}td:nth-child(4),th:nth-child(4){width:150px;min-width:150px;max-width:150px}td:nth-child(5),th:nth-child(5){width:180px;min-width:180px;max-width:180px}td:nth-child(6),td:nth-child(7),th:nth-child(6),th:nth-child(7){width:130px;min-width:130px;max-width:130px}td:nth-child(8),th:nth-child(8){width:100px;min-width:100px;max-width:100px}.filter-section{gap:20px}.filter-group{gap:10px}.filter-title{font-size:13px}.filter-controls{padding:12px;gap:10px;flex-wrap:wrap;display:flex;justify-content:flex-start}.filter-btn,.phase-filter-btn{padding:10px 14px;font-size:12px;flex:1 1 calc(50% - 5px);min-width:120px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warning-badge{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;font-size:11px;line-height:1.4;max-width:100%;width:100%;box-sizing:border-box}.warning-badge-icon{font-size:16px;margin-bottom:2px}.warning-text{word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;width:100%}.info-box{padding:16px;margin-bottom:20px}.info-title{font-size:16px}.info-content{font-size:14px}.info-content ul{margin-left:16px}.brand-list{gap:8px}.brand-badge{font-size:12px;padding:5px 10px}.disclaimer-box{padding:16px}.disclaimer-title{font-size:15px}.disclaimer-list{font-size:13px}.print-controls{margin-bottom:12px!important}.print-btn{padding:10px 16px!important;font-size:13px!important}}.print-controls{display:flex;justify-content:flex-end;align-items:center;margin-bottom:16px}.modal-header h2,.print-btn{color:var(--accent);font-weight:600}.print-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(77,208,225,.2));border:1px solid rgba(99,102,241,.4);border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.print-btn:hover{background:linear-gradient(135deg,rgba(99,102,241,.35),rgba(77,208,225,.3));border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.print-btn:active{transform:translateY(0)}@media print{.print-controls{display:none!important}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.7);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.modal-content{background:linear-gradient(135deg,var(--bg-card),var(--bg-card-hover));margin:5%auto;padding:0;border:1px solid var(--border);border-radius:12px;width:90%;max-width:600px;box-shadow:0 10px 40px rgba(0,0,0,.5);animation:slideDown .3s ease}.close-modal,.modal-header{display:flex;align-items:center}.modal-header{justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:rgba(99,102,241,.08);border-radius:12px 12px 0 0}.modal-header h2{margin:0;font-size:20px}.close-modal{color:var(--text-dim);font-size:28px;font-weight:300;cursor:pointer;transition:all .2s ease;line-height:1;width:32px;height:32px;justify-content:center;border-radius:6px;background:0 0}.close-modal:hover{color:var(--text);background:rgba(255,255,255,.08);transform:rotate(90deg)}.close-modal:active{transform:rotate(90deg) scale(.95)}.modal-body{padding:24px}.interactions-list{list-style:none;padding:0;margin:0}.interactions-list li{padding:12px 16px;margin-bottom:12px;background:rgba(139,92,246,.08);border-left:3px solid #8b5cf6;border-radius:6px;line-height:1.6}.show-interactions-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(139,92,246,.08));border:1px solid rgba(139,92,246,.3);border-radius:6px;color:#8b5cf6;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;white-space:nowrap}.show-interactions-btn:hover{background:linear-gradient(135deg,rgba(139,92,246,.25),rgba(139,92,246,.15));border-color:#8b5cf6;transform:translateY(-1px);box-shadow:0 2px 8px rgba(139,92,246,.3)}.show-interactions-btn:active{transform:translateY(0)}@media (max-width:768px){.modal-content{width:95%;margin:10%auto}.modal-header{padding:16px 20px}.modal-header h2{font-size:18px}.modal-body{padding:20px}.interactions-list li{padding:10px 14px;font-size:13px}.amazon-link,.references-btn,.show-interactions-btn{padding:6px 10px;font-size:12px;height:40px;gap:4px}.references-btn{gap:6px}}.print-only{display:none}@media print{body>:not(#print-container){display:none!important}#print-container{display:block!important}body{background:#fff;color:#000;padding:10px;margin:0}.print-content{width:100%;max-width:100%}.print-subtitle,.print-title{text-align:center;margin-bottom:8px;font-size:18px;color:#000}.print-subtitle{margin-bottom:16px;font-size:11px;color:#666}.print-checklist-table{width:100%;border-collapse:collapse;margin-top:10px}.print-checklist-table td,.print-checklist-table th{border:1px solid #333;padding:6px 3px;text-align:center;color:#000}.print-checklist-table th{background-color:#f0f0f0;font-weight:700;font-size:11px}.print-phase-col{text-align:center!important;width:8%;font-weight:700;background-color:#f9f9f9;font-size:10px}.print-supplement-col{text-align:left!important;width:30%;font-weight:500;font-size:10px}.print-check-col{width:9%;min-width:30px;font-size:10px}.print-phase-separator{background-color:#e0e0e0;font-weight:700}.print-phase-separator-cell{text-align:left!important;padding:8px 6px!important;font-size:11px;background-color:#e0e0e0;color:#000}}