:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--paper: #FFF5E1;--paper2: #FFEBC9;--line: #4A3B63;--mint: #9ED8D0;--blush: #FFB9B9;--water: #4A3B63;--card: rgba(255, 255, 255, .6)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #2A2236;--paper2: #352B44;--line: #F3E9FF;--mint: #4E9C94;--blush: #E58F9A;--water: #F3E9FF;--card: rgba(255, 255, 255, .07)}}:root[data-theme=dark]{--paper: #2A2236;--paper2: #352B44;--line: #F3E9FF;--mint: #4E9C94;--blush: #E58F9A;--water: #F3E9FF;--card: rgba(255, 255, 255, .07)}*,*:before,*:after{box-sizing:inherit}html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--line);background:linear-gradient(180deg,var(--paper),var(--paper2));font-family:Gowun Dodum,Apple SD Gothic Neo,sans-serif;overflow-x:hidden}.top{max-width:980px;margin:0 auto;padding:20px 24px 10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;position:relative;z-index:10}.stepless-logo{display:inline-flex;flex-direction:column;text-align:left;line-height:.92;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-weight:900;font-size:16px;letter-spacing:-.025em;color:var(--line);text-decoration:none;-webkit-user-select:none;user-select:none;cursor:pointer;transition:color .18s ease}.stepless-logo:hover{color:#8ea85e}.main-tabs{display:inline-flex;align-items:center;gap:6px;background:var(--card);padding:5px;border-radius:999px;border:1.5px solid var(--line)}.main-tab-btn{font:inherit;font-size:15px;color:var(--line);background:transparent;border:0;padding:7px 18px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .2s ease,color .2s ease,transform .15s ease}.main-tab-btn:hover{transform:translateY(-1px)}.main-tab-btn[aria-selected=true]{background:var(--line);color:var(--paper)}.lang-switch{display:inline-flex;align-items:center;gap:4px;font-size:13px;-webkit-user-select:none;user-select:none}.lang-btn{font:inherit;background:none;border:0;padding:4px 6px;color:var(--line);opacity:.5;cursor:pointer;transition:opacity .18s ease,color .18s ease}.lang-btn:hover{opacity:.85}.lang-btn.active{opacity:1;font-weight:700;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.lang-divider{opacity:.3;font-size:12px}@media(max-width:640px){.top{padding:16px 18px 8px}.main-tabs{order:3;width:100%;justify-content:center}.main-tab-btn{flex:1;text-align:center;padding:7px 10px;font-size:14px}}.hero{min-height:calc(100vh - 120px);display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 22px 48px;position:relative}.blob{position:absolute;top:6%;left:50%;width:min(86vw,420px);aspect-ratio:1;transform:translate(-50%);background:var(--mint);border-radius:50% 46% 54% 50%;opacity:.35;z-index:0;pointer-events:none}.hero>*:not(.blob){position:relative;z-index:1}.hero .whale{width:min(74vw,330px);margin-top:28px}svg{overflow:visible}.fl{animation:fl 5s ease-in-out infinite}@keyframes fl{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.jump .fl{animation:jump 1s cubic-bezier(.3,1.4,.5,1) 1}@keyframes jump{40%{transform:translateY(-40px) rotate(-5deg)}}.ask-title{margin:12px 0 26px;font-family:Gowun Dodum,Apple SD Gothic Neo,sans-serif;font-weight:400;font-size:clamp(28px,6.8vw,46px);line-height:1.2;letter-spacing:-.02em;word-break:keep-all}.group{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 14px;padding:0;border:0;max-width:560px}.chip{font:inherit;font-size:16px;color:var(--line);cursor:pointer;padding:9px 18px;border-radius:999px;border:2px solid var(--line);background:var(--card);transition:background .2s,color .2s,transform .15s}.chip:hover{transform:translateY(-2px)}.chip[aria-pressed=true]{background:var(--line);color:var(--paper)}.chip:focus-visible,.go:focus-visible,.redo:focus-visible,.lang-btn:focus-visible,.main-tab-btn:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.sep{width:34px;height:3px;border-radius:3px;background:var(--mint);margin:10px 0 16px}.go{margin-top:18px;font:inherit;font-size:18px;color:var(--paper);background:var(--line);border:0;border-radius:999px;padding:15px 38px;cursor:pointer;box-shadow:6px 6px 0 var(--mint);transition:transform .15s,box-shadow .15s}.go:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--mint)}.go:active{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--mint)}.course{display:none;padding:10px 20px 60px;max-width:440px;margin:0 auto;text-align:center}.course.show{display:block}.course h2{font-family:Gowun Dodum,Apple SD Gothic Neo,sans-serif;font-weight:400;font-size:26px;margin:0 0 6px;word-break:keep-all}.course svg{width:100%;height:auto;display:block}.route{stroke-dasharray:2 11;animation:fade .8s both}.stop{opacity:0;animation:fade .6s forwards}@keyframes fade{0%{opacity:0}to{opacity:1}}.redo{margin-top:10px;font:inherit;font-size:16px;color:var(--line);background:none;border:2px solid var(--line);border-radius:999px;padding:10px 26px;cursor:pointer;transition:transform .15s,background .2s}.redo:hover{transform:translateY(-2px);background:var(--card)}.tab-section{min-height:calc(100vh - 120px);max-width:680px;margin:0 auto;padding:28px 22px 64px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;animation:fade .35s ease}.tab-section>*:not(.blob){position:relative;z-index:1}.tab-subtitle{margin:-12px 0 24px;font-size:16px;opacity:.78;word-break:keep-all}.curated-list{width:100%;margin-top:16px;display:flex;flex-direction:column;gap:28px;text-align:left}.curated-item{padding-bottom:24px;border-bottom:1.5px dashed rgba(74,59,99,.22)}.curated-item:last-child{border-bottom:0}.curated-badge{display:inline-block;font-size:13px;padding:3px 12px;border-radius:999px;background:var(--mint);color:#2a2236;margin-bottom:8px}.curated-title{margin:0 0 8px;font-size:22px;font-weight:400;line-height:1.3}.curated-desc{margin:0 0 14px;font-size:15px;opacity:.82;line-height:1.6}.curated-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px}.flow-step{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:var(--card);border:1.5px solid var(--line)}.flow-num{width:18px;height:18px;border-radius:50%;background:var(--mint);color:#2a2236;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.flow-arrow{opacity:.45;font-size:14px}.schedule-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;opacity:.78}.minimal-footer{padding:12px 20px 24px;text-align:center;font-size:13px;opacity:.55;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.minimal-footer a{color:var(--line);text-decoration:none}.minimal-footer a:hover{text-decoration:underline;opacity:1}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.stop{opacity:1}}