*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#08080f;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--border:#ffffff14;--border-active:#ff6b2c66;--accent:#ff6b2c;--accent-glow:#ff6b2c40;--accent-light:#ff8f5e;--teal:#00d4aa;--teal-glow:#00d4aa33;--text:#f0f0f8;--text-secondary:#8888a8;--text-muted:#55556a;--warning-bg:#ff47571a;--warning-border:#ff47574d;--warning-text:#ff6b7a;--phase1:#60a5fa;--phase2:#a78bfa;--phase3:#f59e0b;--phase4:#10b981;--radius:16px;--radius-sm:10px;--font:"Inter", "Noto Sans KR", "Noto Sans Thai", "Noto Sans Myanmar", -apple-system, BlinkMacSystemFont, sans-serif;--transition:.3s cubic-bezier(.4, 0, .2, 1)}html[lang=ko]{--font:"Noto Sans KR", "Inter", sans-serif}html[lang=my]{--font:"Noto Sans Myanmar", "Inter", sans-serif}html[lang=th]{--font:"Noto Sans Thai", "Inter", sans-serif}html[lang=en]{--font:"Inter", "Noto Sans KR", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}.bg-glow{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.bg-glow--1{background:radial-gradient(circle, var(--accent-glow), transparent 70%);width:600px;height:600px;top:-200px;right:-150px}.bg-glow--2{background:radial-gradient(circle, var(--teal-glow), transparent 70%);width:500px;height:500px;bottom:-100px;left:-200px}.lang-bar{z-index:10;justify-content:center;gap:6px;padding:16px 24px 0;display:flex;position:relative}.lang-btn{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border-radius:100px;padding:6px 14px;font-size:.78rem;font-weight:600}.lang-btn:hover{color:var(--text-secondary);background:var(--bg-card);border-color:#ffffff26}.lang-btn.active{color:var(--accent-light);border-color:var(--border-active);background:var(--accent-glow)}.hero{z-index:1;text-align:center;max-width:720px;margin:0 auto;padding:80px 24px 40px;position:relative}.hero__badge{letter-spacing:3px;color:var(--accent);background:var(--accent-glow);border:1px solid #ff6b2c33;border-radius:100px;margin-bottom:24px;padding:6px 18px;font-size:11px;font-weight:700;display:inline-block}.hero__title{letter-spacing:-1px;margin-bottom:16px;font-size:clamp(2.2rem,6vw,3.5rem);font-weight:900;line-height:1.2}.hero__title-accent{background:linear-gradient(135deg, var(--accent), var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{color:var(--text-secondary);font-size:1.05rem;font-weight:300;line-height:1.8}.form-section{z-index:1;max-width:520px;margin:0 auto;padding:0 24px 40px;position:relative}.form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);padding:36px 32px}.form-group{margin-bottom:28px}.form-label{margin-bottom:6px;font-size:.95rem;font-weight:600;display:block}.form-hint{color:var(--text-muted);margin-bottom:12px;font-size:.82rem}.gender-toggle{gap:10px;margin-top:8px;display:flex}.gender-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font);cursor:pointer;transition:var(--transition);background:0 0;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:.95rem;font-weight:500;display:flex}.gender-btn:hover{background:var(--bg-card-hover);color:var(--text);border-color:#ffffff26}.gender-btn.active{background:var(--accent-glow);color:var(--accent-light);border-color:var(--border-active)}.pace-input{align-items:center;gap:8px;display:flex}.pace-field{flex:1;position:relative}.pace-field input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font);transition:var(--transition);-moz-appearance:textfield;background:#ffffff08;outline:none;padding:14px 50px 14px 16px;font-size:1.2rem;font-weight:600}.pace-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pace-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pace-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.pace-field input::placeholder{color:var(--text-muted);font-weight:400}.pace-unit{color:var(--text-muted);pointer-events:none;font-size:.85rem;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.pace-separator{color:var(--text-muted);padding-bottom:2px;font-size:1.5rem;font-weight:700}.submit-btn{background:linear-gradient(135deg, var(--accent), #e05520);border-radius:var(--radius-sm);color:#fff;width:100%;font-family:var(--font);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:16px 24px;font-size:1.05rem;font-weight:700;display:flex;position:relative;overflow:hidden}.submit-btn:before{content:"";opacity:0;transition:var(--transition);background:linear-gradient(135deg,#0000,#ffffff26);position:absolute;inset:0}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ff6b2c59}.submit-btn:hover:before{opacity:1}.submit-btn:active{transform:translateY(0)}.submit-btn__arrow{transition:transform .3s}.submit-btn:hover .submit-btn__arrow{transform:translate(4px)}.warning{z-index:1;max-width:520px;margin:0 auto 32px;padding:0 24px;animation:.5s ease-out fadeInUp;position:relative}.warning>div:first-child{display:none}.warning{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius);max-width:520px;margin-left:auto;margin-right:auto;padding:24px 28px}.warning__icon{margin-bottom:8px;font-size:1.5rem;display:block}.warning__title{color:var(--warning-text);margin-bottom:6px;font-size:1.05rem;font-weight:700}.warning__message{color:var(--text-secondary);margin-bottom:16px;font-size:.9rem;line-height:1.7}.warning__btn{border-radius:var(--radius-sm);color:var(--accent-light);font-family:var(--font);cursor:pointer;transition:var(--transition);background:#ff6b2c26;border:1px solid #ff6b2c4d;padding:10px 20px;font-size:.9rem;font-weight:600}.warning__btn:hover{background:#ff6b2c40}.results{z-index:1;max-width:720px;margin:0 auto;padding:0 24px 60px;animation:.6s ease-out fadeInUp;position:relative}.section-title{margin-bottom:20px;padding-left:4px;font-size:1.3rem;font-weight:700}.results__summary{margin-bottom:48px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:20px}.summary-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:.78rem}.summary-card__value{font-size:1.6rem;font-weight:800}.summary-card__value--accent{color:var(--accent)}.summary-card__value--teal{color:var(--teal)}.summary-card__sub{color:var(--text-secondary);margin-top:4px;font-size:.8rem}.results__chart-wrap{margin-bottom:48px}.chart-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px 20px 16px;overflow:hidden}.chart-container svg{width:100%;height:auto;display:block}.results__phases{margin-bottom:48px}.phases-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.phase-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:var(--transition);border-top:3px solid;padding:18px}.phase-card:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.phase-card--1{border-top-color:var(--phase1)}.phase-card--2{border-top-color:var(--phase2)}.phase-card--3{border-top-color:var(--phase3)}.phase-card--4{border-top-color:var(--phase4)}.phase-card__week{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:.72rem}.phase-card__name{margin-bottom:6px;font-size:.95rem;font-weight:700}.phase-card__desc{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.results__weeks{margin-bottom:48px}.week-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:var(--transition);margin-bottom:10px;overflow:hidden}.week-card:hover{border-color:#ffffff1f}.week-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.week-header:hover{background:var(--bg-card-hover)}.week-header__left{align-items:center;gap:14px;display:flex}.week-num{letter-spacing:1px;color:var(--text-muted);min-width:56px;font-size:.72rem;font-weight:700}.week-phase-tag{letter-spacing:.5px;border-radius:100px;padding:3px 10px;font-size:.7rem;font-weight:600}.week-phase-tag--1{color:var(--phase1);background:#60a5fa26}.week-phase-tag--2{color:var(--phase2);background:#a78bfa26}.week-phase-tag--3{color:var(--phase3);background:#f59e0b26}.week-phase-tag--4{color:var(--phase4);background:#10b98126}.week-header__right{align-items:center;gap:14px;display:flex}.week-pace{color:var(--accent-light);font-size:.95rem;font-weight:700}.week-chevron{width:18px;height:18px;color:var(--text-muted);transition:transform .3s}.week-card.open .week-chevron{transform:rotate(180deg)}.week-body{padding:0 20px 20px;display:none}.week-card.open .week-body{animation:.3s ease-out fadeIn;display:block}.day-row{border-bottom:1px solid #ffffff08;align-items:center;gap:12px;padding:10px 0;display:flex}.day-row:last-child{border-bottom:none}.day-name{color:var(--text-muted);min-width:28px;font-size:.82rem;font-weight:600}.day-type{text-align:center;border-radius:6px;min-width:90px;padding:4px 10px;font-size:.82rem;font-weight:600}.day-type--rest{color:var(--text-muted);background:#ffffff0a}.day-type--easy{color:#7cb8ff;background:#60a5fa1f}.day-type--tempo{color:#bfa8ff;background:#a78bfa1f}.day-type--interval{color:#ffc04d;background:#f59e0b1f}.day-type--long{color:#4dffc3;background:#10b9811f}.day-type--recovery{color:var(--text-secondary);background:#ffffff0a}.day-type--hill{color:#ff8080;background:#ef44441f}.day-type--fartlek{color:#f9a8d4;background:#ec48991f}.day-type--strides{color:#67e8f9;background:#06b6d41f}.day-type--timetrial{color:var(--accent-light);background:#ff6b2c1f}.day-desc{color:var(--text-secondary);font-size:.82rem;line-height:1.4}.results__tips{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.tips-title{align-items:center;gap:8px;margin-bottom:16px;font-size:1.05rem;font-weight:700;display:flex}.tip-item{color:var(--text-secondary);gap:10px;padding:8px 0;font-size:.88rem;line-height:1.6;display:flex}.tip-item:before{content:"→";color:var(--accent);flex-shrink:0;font-weight:700}.footer{z-index:1;text-align:center;border-top:1px solid var(--border);max-width:720px;margin:0 auto;padding:32px 24px 48px;position:relative}.footer p{color:var(--text-muted);font-size:.8rem;line-height:1.7}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}[hidden]{display:none!important}@media (width<=600px){.hero{padding:56px 20px 28px}.hero__subtitle br{display:none}.form-card{padding:24px 20px}.pace-field input{padding:12px 42px 12px 12px;font-size:1.05rem}.summary-grid,.phases-grid{grid-template-columns:repeat(2,1fr)}.day-row{flex-wrap:wrap}.day-desc{width:100%;padding-left:40px}.results{padding:0 16px 40px}.week-header{padding:14px 16px}.week-body{padding:0 16px 16px}}@media (width<=380px){.summary-grid,.phases-grid{grid-template-columns:1fr}}