:root{--text-primary: #111827;--text-secondary: #4b5563;--border-color: #e5e7eb;--accent-color: #3b82f6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes heroReveal{0%{opacity:0;transform:scale(1.1);filter:blur(10px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes titleSlide{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}body{background-color:#fff;color:var(--text-primary);font-family:Inter,Noto Sans JP,sans-serif}header{background-color:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}header h1,header nav a,header span{color:var(--text-primary)!important;text-shadow:none!important;font-weight:700}header .logo-container img{height:32px;width:auto}.magazine-container{max-width:1400px;margin:0 auto;padding:0}.hero-section{position:relative;height:80vh;min-height:600px;background-size:cover;background-position:center;filter:saturate(.85) brightness(1.05);display:flex;align-items:center;padding:0 5%;overflow:hidden;animation:heroReveal 1.5s cubic-bezier(.16,1,.3,1) forwards}.hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#000000b3,#0003,#00000080)}.hero-content{position:relative;z-index:10;max-width:800px;color:#fff}.hero-content h1{font-size:5rem;font-weight:900;line-height:1;margin-bottom:2rem;letter-spacing:-.05em;text-transform:uppercase;text-shadow:0 10px 30px rgba(0,0,0,.3);overflow:hidden}.hero-content h1 span{display:block;animation:titleSlide 1s cubic-bezier(.23,1,.32,1) both}.hero-content p{font-size:1.5rem;font-weight:500;opacity:0;margin-bottom:3rem;animation:fadeInUp 1s .5s ease forwards}.grid-section{padding:6rem 5%}.grid-magazine{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem}.mag-card{display:flex;flex-direction:column;gap:1.5rem;text-decoration:none;color:inherit;border-bottom:1px solid var(--border-color);padding-bottom:4rem;transition:all .5s cubic-bezier(.23,1,.32,1);opacity:0;transform:translateY(30px)}.mag-card.reveal{opacity:1;transform:translateY(0)}.mag-card:hover{transform:translateY(-10px)}.mag-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px;transition:transform .5s ease,box-shadow .5s ease;image-rendering:auto;transform:translateZ(0);backface-visibility:hidden}.mag-card:hover img{box-shadow:0 20px 40px #0000001a}.mag-card-content h2{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#4f46e5;margin-bottom:.75rem}.mag-card-content h3{font-size:2rem;font-weight:800;line-height:1.3;margin-bottom:1.5rem}@media(max-width:768px){.logo-container h1{font-size:1rem}.hero-section{height:auto;min-height:350px;width:100%!important;overflow:hidden;padding:3rem 1rem}.hero-content{width:100%!important;padding:0!important;max-width:100%;overflow-wrap:break-word}.hero-content h1{font-size:1.5rem!important;line-height:1.1;overflow-wrap:break-word!important;word-break:break-all!important;-webkit-hyphens:auto;hyphens:auto;width:100%}.hero-content h1 span{display:inline}.hero-content p{font-size:.85rem!important;padding:0 1rem;line-height:1.4}.grid-magazine{grid-template-columns:1fr;gap:2rem;width:100%!important;padding:0!important}.grid-section{padding:2rem 1rem!important;width:100%!important}.magazine-container{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.mag-card{transform:none!important;opacity:1!important;width:100%!important;margin-left:0!important;margin-right:0!important}.mag-card-content h3{font-size:1.25rem!important}}.mag-card-links{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--border-color)}.mag-card-links a{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.6rem .75rem;background-color:#f9fafb;border:1px solid var(--border-color);border-radius:6px;text-decoration:none;color:var(--text-primary);font-size:.75rem;font-weight:700;text-align:center;transition:all .3s ease}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;overflow-x:hidden!important;width:100%!important;position:relative;box-sizing:border-box}html{overflow-x:hidden!important;width:100%!important;box-sizing:border-box}*{box-sizing:inherit;max-width:100%}.mag-card-links a:hover{background-color:var(--text-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.sub-card{display:flex;flex-direction:column;gap:1rem;text-decoration:none;color:inherit;border-top:2px solid #000;padding-top:1.5rem;transition:transform .3s ease}.sub-card:hover{transform:translateY(-5px)}.sub-card img{width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:4px;margin-bottom:.5rem}.sub-card h4{font-size:1.25rem;font-weight:700;text-transform:uppercase}.sub-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.footer-about{max-width:400px}.footer-about p{font-size:.875rem;line-height:1.6;color:#9ca3af}@media(max-width:1024px){.mag-card{grid-column:span 12}.sub-grid{grid-template-columns:repeat(2,1fr)}.hero-content h1{font-size:3.5rem}}@media(max-width:640px){.sub-grid{grid-template-columns:1fr}}.updates-section{padding:0 5% 2rem;background-color:transparent}.updates-container{max-width:1000px;margin:0 auto}.description-accordion{background:#f9fafb;border-radius:.75rem;border:none;transition:all .3s ease}.description-accordion:hover{background:#f3f4f6}.accordion-header::-webkit-details-marker{display:none}.accordion-header{list-style:none;padding:.875rem 1.5rem;font-size:.8125rem;font-weight:700;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;outline:none}.accordion-header .icon{font-size:.7rem;transition:transform .3s ease;color:#9ca3af}.description-accordion[open] .icon{transform:rotate(180deg)}.accordion-content-box{border-top:1px solid #e5e7eb;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.accordion-content-box::-webkit-scrollbar{width:6px}.accordion-content-box::-webkit-scrollbar-track{background:transparent}.accordion-content-box::-webkit-scrollbar-thumb{background-color:#e5e7eb;border-radius:10px}#notification-body{padding:1.25rem 1.5rem;font-size:.8125rem;line-height:1.7;color:var(--text-secondary)}#notification-body h4{font-size:.9375rem;font-weight:800;color:var(--text-primary);margin:1.25rem 0 .5rem;padding-bottom:.25rem;border-bottom:1px solid #e5e7eb}#notification-body h4:first-child{margin-top:0}#notification-body ul{list-style:none;padding:0;margin-bottom:1rem}#notification-body li{position:relative;padding-left:1rem;margin-bottom:.35rem}#notification-body li:before{content:"•";position:absolute;left:0;color:#9ca3af}.update-notice{position:fixed;top:80px;right:20px;z-index:1000;background:#fff;padding:1.25rem 1.5rem;border-radius:1rem;box-shadow:0 20px 50px #00000026;border-left:6px solid #f97316;max-width:480px;animation:slideInRight .6s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.notice-content{display:flex;align-items:flex-start;gap:1rem}.notice-icon{font-size:1.5rem;color:#f97316;margin-top:.25rem;animation:swing 2.5s infinite ease-in-out}.notice-text{flex:1}.notice-title{margin:0 0 .5rem;font-weight:800;font-size:.9rem;color:var(--text-primary);letter-spacing:-.01em}.notice-message{margin:0;font-size:.8125rem;color:var(--text-secondary);line-height:1.6}.notice-message .highlight{color:#ea580c;font-weight:700;background:#fff7ed;padding:.1rem .3rem;border-radius:.2rem}.notice-actions{margin-top:1rem;padding-top:.75rem;border-top:1px solid #f3f4f6}.notice-hide-check{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#9ca3af;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.notice-hide-check:hover{color:var(--text-secondary)}.notice-close{background:none;border:none;color:#d1d5db;cursor:pointer;padding:0;font-size:1.25rem;transition:color .2s;margin-top:-.25rem;margin-right:-.25rem}.notice-close:hover{color:#9ca3af}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes swing{0%,to{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(5deg)}40%{transform:rotate(-5deg)}50%{transform:rotate(0)}}@media(max-width:640px){.update-notice{inset:auto 15px 20px;max-width:none;margin:0}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .3s ease}.modal-overlay.active{opacity:1}.modal-content{background:#fff;width:90%;max-width:800px;max-height:85vh;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;overflow:hidden;transform:translateY(20px);transition:transform .3s cubic-bezier(.16,1,.3,1)}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.modal-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.5rem}.modal-header h3 i{color:#4f46e5}.close-modal-btn{background:none;border:none;font-size:1.2rem;color:#64748b;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.close-modal-btn:hover{background:#e2e8f0;color:#ef4444}.modal-body{padding:1.5rem;overflow-y:auto;font-size:.95rem;line-height:1.7;color:#334155;background:#fff;overscroll-behavior:contain}.dosage-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px dashed #e2e8f0}.dosage-section:last-child{border-bottom:none;margin-bottom:0}.dosage-header{font-size:1rem;font-weight:700;color:#4f46e5;margin:0 0 .75rem;padding-left:.75rem;border-left:4px solid #4f46e5;background:#eff6ff;padding:.25rem .75rem;border-radius:0 4px 4px 0;display:inline-block}.dosage-text{margin:0 0 .5rem;text-align:justify}.dosage-empty{color:#94a3b8;text-align:center;padding:3rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.btn-view-dosage{border:none;background:#eff6ff;color:#4f46e5;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;text-align:center;line-height:1.1;gap:0;margin-left:.5rem;transition:all .2s;text-decoration:none;vertical-align:middle}.btn-view-dosage:hover{background:#e0e7ff;transform:translateY(-1px)}@media(max-width:640px){.modal-content{width:100%;height:100%;max-height:100vh;border-radius:0}.modal-body{padding:1rem}.modal-header{padding:.75rem 1rem}}