.home-landing.oulpan{--green:var(--accent-fort);--green-d:var(--accent-lip);--mint:var(--accent-soft);--mint-d:#b9d9f5;--rank-alef:var(--gold);--rank-bet:#3c98e9;--rank-gimel:var(--green);--rank-dalet:#7b5bd6}.home-landing.oulpan .hero{background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), linear-gradient(180deg, transparent 40%, var(--hero-to));background-size:var(--cell) var(--cell), var(--cell) var(--cell), 100% 100%}.home-landing.oulpan .stations li.now .ico{box-shadow:0 0 0 4px var(--green), 0 0 0 9px color-mix(in srgb, var(--accent-fort) 20%, transparent), 0 10px 18px -10px #25274480}.home-landing.oulpan .road .fill:after{box-shadow:0 0 0 5px color-mix(in srgb, var(--accent-fort) 22%, transparent)}.home-landing.oulpan .elev-player__start{background:var(--green);box-shadow:0 6px 0 var(--green-d), var(--elev-shadow-float)}.home-landing.oulpan .elev-player__start:active{box-shadow:0 2px 0 var(--green-d)}.home-landing.oulpan .tour.solo{grid-template-columns:minmax(0,1fr);max-width:880px;margin-inline:auto}.home-landing.oulpan .stk-page{direction:rtl;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.home-landing.oulpan .stk{aspect-ratio:1;border-radius:14px;width:auto;height:auto}.home-landing.oulpan .stk bdi{font:600 clamp(20px, 2.2vw, 28px)/1 var(--he);color:var(--ink)}.home-landing.oulpan .stk:nth-child(3n){background:#fff3c4}.home-landing.oulpan .stk:nth-child(4n){background:var(--mint)}.home-landing.oulpan .ttiles{grid-template-columns:repeat(2,minmax(0,300px));gap:18px;margin-block-start:14px;display:grid}.home-landing.oulpan .tt{--c:var(--gold);--lip:var(--gold-lip);--fg:var(--ink);text-align:start;background:var(--c);color:var(--fg);box-shadow:0 5px 0 var(--lip);border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 14px;padding-block:14px;padding-inline:14px 18px;text-decoration:none;display:grid}.home-landing.oulpan .tt.adult{--c:var(--green);--lip:var(--green-d);--fg:#fff}.home-landing.oulpan .tt:hover{box-shadow:0 7px 0 var(--lip);transform:translateY(-2px)}.home-landing.oulpan .tt[aria-current=page]{box-shadow:0 2px 0 var(--lip), 0 0 0 3px var(--paper), 0 0 0 6px var(--green);transform:translateY(3px)}.home-landing.oulpan .tt .pic{background:#ffffff8c;border-radius:14px;grid-row:span 2;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.home-landing.oulpan .tt.adult .pic{font:700 26px/1 var(--he);color:#fff;background:#ffffff2e}.home-landing.oulpan .tt .pic img{object-fit:contain;width:46px;height:46px}.home-landing.oulpan .tt .nm{letter-spacing:-.02em;font-size:18.5px;font-weight:700}.home-landing.oulpan .tt .ln{opacity:.85;font-size:14px;line-height:1.4}.home-landing.oulpan .mini{gap:8px}.home-landing.oulpan .mini .tt{box-shadow:0 3px 0 var(--lip);border-radius:11px;flex:none;padding-block:6px;padding-inline:12px;display:inline-flex}.home-landing.oulpan .mini .tt .nm{font-size:14.5px}.home-landing.oulpan .mini .tt:hover{box-shadow:0 4px 0 var(--lip)}.home-landing.oulpan .mini .tt[aria-current=page]{box-shadow:0 1px 0 var(--lip), 0 0 0 2px #fff, 0 0 0 4px var(--green);transform:translateY(2px)}.home-landing.oulpan .gbar .tt-chip{background:var(--gold);color:var(--ink);border-radius:9px;padding-block:3px;padding-inline:10px;font-size:14.5px;font-weight:700;display:inline-block}.home-landing.oulpan .gbar .tt-chip.adult{background:var(--green);color:#fff}.home-landing.oulpan .nb-page.word-card{padding-block:22px 24px;padding-inline:24px}.home-landing.oulpan .word-card .src{color:var(--mute);justify-content:space-between;gap:10px;margin:0;font-size:13.5px;display:flex}.home-landing.oulpan .word-card .src .free{font:400 15px var(--hand);color:var(--green);flex:none}.home-landing.oulpan .word-card .word{text-align:center;font:600 clamp(54px, 7vw, 76px)/1.25 var(--he);color:var(--ink);letter-spacing:0;direction:rtl;margin-block:16px 6px;margin-inline:0}.home-landing.oulpan .word-card .word span{display:inline-block}.home-landing.oulpan .word-card .dir{font:400 14.5px var(--hand);color:var(--pen);justify-content:center;align-items:center;gap:8px;margin:0;display:flex}.home-landing.oulpan .word-card .dir svg{width:64px;height:14px}.home-landing.oulpan .word-card .letters{flex-flow:row-reverse wrap;justify-content:center;gap:8px;margin-block:16px 0;margin-inline:0;padding:0;list-style:none;display:flex}.home-landing.oulpan .word-card .letters li{min-width:56px;box-shadow:inset 0 0 0 1.5px var(--grid-strong);background:#f7f9fc;border-radius:12px;justify-items:center;gap:2px;padding-block:8px 6px;padding-inline:6px;display:grid}.home-landing.oulpan .word-card .letters .g{font:600 30px/1.2 var(--he);color:var(--ink)}.home-landing.oulpan .word-card .letters .n{font:400 14px/1.2 var(--hand);color:var(--pen)}.home-landing.oulpan .word-card .mean{font:400 26px/1.2 var(--hand);color:var(--green);justify-content:center;align-items:baseline;gap:10px;margin-block:18px 0;margin-inline:0;display:flex}.home-landing.oulpan .pick-check{grid-column:1/-1;margin-block-start:clamp(4px,1vw,12px)}.home-landing.oulpan .pick-wait{max-width:46ch;color:var(--soft);margin-block-start:16px;font-size:15.5px;line-height:1.45}.home-landing.oulpan .pick-reveal{min-width:0;scroll-margin-top:136px}@media (max-width:700px){.home-landing.oulpan .pick-reveal{scroll-margin-top:176px}}.home-landing.oulpan .start-card{box-shadow:inset 0 0 0 2px var(--mint-d), 0 22px 40px -32px color-mix(in srgb, var(--green) 55%, transparent);background:#fff;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(18px,3vw,36px);padding-block:clamp(20px,2.6vw,28px);padding-inline:clamp(20px,3vw,32px);display:grid}.home-landing.oulpan .start-steps{align-items:flex-end;gap:6px;margin:0;padding:0;list-style:none;display:flex}.home-landing.oulpan .start-steps li{inline-size:36px;block-size:calc(32px + var(--i) * 12px);font:700 17px/1 var(--he);background:var(--rank-alef);color:var(--ink);border-radius:10px;place-items:end center;padding-block-end:7px;display:grid;box-shadow:0 3px #11284624}.home-landing.oulpan .start-steps li:nth-child(2){background:var(--rank-bet);color:#fff}.home-landing.oulpan .start-steps li:nth-child(3){background:var(--rank-gimel);color:#fff}.home-landing.oulpan .start-steps li:nth-child(4){background:var(--rank-dalet);color:#fff}.home-landing.oulpan .start-body h2{letter-spacing:-.03em;text-wrap:balance;color:var(--ink);margin:0;font-size:clamp(24px,2.6vw,32px);line-height:1.15}.home-landing.oulpan .start-body h2:focus:not(:focus-visible){outline:none}.home-landing.oulpan .start-body p{max-width:54ch;color:var(--soft);margin-block:8px 0;font-size:16.5px;line-height:1.5}.home-landing.oulpan .start-acts{gap:4px;display:grid}.home-landing.oulpan .start-acts .btn{text-align:center}.home-landing.oulpan .start-acts .link{text-align:center;place-items:center;min-height:44px;display:grid}@media (max-width:860px){.home-landing.oulpan .start-card{grid-template-columns:auto minmax(0,1fr)}.home-landing.oulpan .start-acts{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px 20px;display:flex}}@media (max-width:520px){.home-landing.oulpan .start-card{grid-template-columns:minmax(0,1fr);gap:14px}.home-landing.oulpan .start-steps{gap:4px}.home-landing.oulpan .start-steps li{inline-size:26px;block-size:calc(22px + var(--i) * 9px);border-radius:8px;padding-block-end:5px;font-size:14px}.home-landing.oulpan .start-acts{display:grid}.home-landing.oulpan .start-acts .btn{white-space:normal}}.home-landing.oulpan .stations .ico.lt{font:700 30px/1 var(--he);background:var(--rank-alef);color:var(--ink)}.home-landing.oulpan .stations li:nth-child(2) .ico.lt{background:var(--rank-bet);color:#fff}.home-landing.oulpan .stations li:nth-child(3) .ico.lt{background:var(--rank-gimel);color:#fff}.home-landing.oulpan .stations li:nth-child(4) .ico.lt{background:var(--rank-dalet);color:#fff}.home-landing.oulpan .stations li.done .ico:after{display:none}.home-landing.oulpan .stations .can{color:var(--soft);background:#ffffffe0;border-radius:10px;max-width:22ch;padding-block:2px;padding-inline:8px;font-size:14.5px;line-height:1.4}.home-landing.oulpan .stations .fc{box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink);background:#fff;border-radius:12px;gap:2px;max-width:100%;margin-block-start:10px;padding-block:8px;padding-inline:12px;text-decoration:none;display:grid}.home-landing.oulpan .stations .fc b{font-size:15px;font-weight:600}.home-landing.oulpan .stations .fc span{font:400 14px var(--hand);color:var(--green)}.home-landing.oulpan .stations .fc:hover{box-shadow:inset 0 0 0 1.5px var(--green)}.home-landing.oulpan .seat{max-width:900px;color:var(--soft);margin-block-start:22px;font-size:16px}.home-landing.oulpan .addon{max-width:900px;box-shadow:inset 0 0 0 2px var(--mint), 0 16px 32px -28px color-mix(in srgb, var(--green) 50%, transparent);background:#fff;border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-block-start:16px;padding-block:14px;padding-inline:18px;display:flex}.home-landing.oulpan .addon p{margin:0;font-weight:500}.home-landing.oulpan .addon-ask{justify-items:start;gap:12px;display:grid}.home-landing.oulpan .addon-ask[open]{flex-basis:100%;inline-size:100%}.home-landing.oulpan .addon-ask>summary{list-style:none}.home-landing.oulpan .addon-ask>summary::-webkit-details-marker{display:none}.home-landing.oulpan .addon-ask[open]>summary{box-shadow:0 1px 0 var(--green-d);transform:translateY(2px)}.home-landing.oulpan .addon-ask__panel{border-block-start:1.5px dashed var(--grid-strong);justify-self:stretch;gap:12px;padding-block-start:12px;display:grid}.home-landing.oulpan .addon-ask__panel .acts{margin-block-start:0}@media (prefers-reduced-motion:no-preference){.home-landing.oulpan .tt{transition:transform .12s,box-shadow .12s}.home-landing.oulpan .word-card.play .word span{animation:.6s cubic-bezier(.3,.7,.3,1) both oulpan-write;animation-delay:calc(var(--i) * .32s + .2s)}.home-landing.oulpan .word-card.play .dir{animation:.4s ease-out .1s both hero-jot}.home-landing.oulpan .word-card.play .letters li{animation:.4s ease-out both hero-jot;animation-delay:calc(var(--i) * .12s + var(--base,1.8s))}.home-landing.oulpan .word-card.play .mean{animation:.5s ease-out both hero-jot;animation-delay:var(--mean,2.8s)}.home-landing.oulpan .pick-reveal.picked>.start-card{animation:oulpan-pick .32s var(--ease-out) both}.home-landing.oulpan .pick-reveal.picked .start-steps li{animation:q-in .3s var(--ease-out) both;animation-delay:calc(.1s + var(--i) * 50ms)}}@media (prefers-reduced-motion:reduce){.home-landing.oulpan .pick-reveal.picked>.start-card{animation:.2s ease-out both fade-in}}@keyframes oulpan-pick{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}@keyframes oulpan-write{0%{clip-path:inset(-40% 0 -40% 100%);opacity:.25}to{clip-path:inset(-40% -10%);opacity:1}}@media (max-width:900px){.home-landing.oulpan .stations .station{grid-template-columns:64px minmax(0,1fr)}.home-landing.oulpan .stations .can{background:0 0;grid-column:2;max-width:none;padding:0}.home-landing.oulpan .stations .fc{margin-inline-start:78px}}@media (max-width:600px){.home-landing.oulpan .ttiles{grid-template-columns:1fr}}.home-landing.oulpan .trade-line{color:var(--soft);text-align:center;padding-block:8px 28px}.home-landing.oulpan .trade-line a{color:var(--green-d);text-underline-offset:4px;padding-block:10px;font-weight:600;display:inline-block}