a{color:inherit}.btn{background:var(--accent);color:#fff;border-radius:999px;padding:.9rem 1.5rem;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-block}.btn:hover{background:#2e26b8}.btn:active{transform:scale(.97)}.btn.small{padding:.55rem 1rem;font-size:.95rem}.link{text-underline-offset:.25em;font-weight:700}.link:hover{color:var(--accent)}@media (width<=899px){.link,.mark,.btn.small,tbody th a{align-items:center;min-height:44px;display:inline-flex}}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.acts{flex-wrap:wrap;align-items:center;gap:1.25rem 1.75rem;margin-top:2rem;display:flex}.top{z-index:10;padding:1.25rem var(--pad);align-items:center;gap:2rem;display:flex;position:absolute;top:0;left:0;right:0}.mark{align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}.mark img{border-radius:7px}.top nav{gap:1.5rem;margin-left:auto;display:flex}.top nav a{text-decoration:none}.top nav a:hover{color:var(--accent)}@media (width<=720px){.top nav{display:none}.top .btn{margin-left:auto}}h1,h2{letter-spacing:-.01em;font-family:Nanum Myeongjo,serif;font-weight:800;line-height:1.3}h1{font-size:clamp(2.5rem,5.6vw,5.25rem)}h2{font-size:clamp(2rem,3.8vw,3.5rem)}.lead{max-width:34em;margin-top:1.5rem;font-size:1.25rem}.scene{height:220vh;position:relative}.scene.flip{height:400vh}.stick{height:100svh;padding:5.5rem var(--pad) 3.5rem;display:flex;position:sticky;top:0}.body{flex:1;align-content:center;gap:2rem;display:grid}@media (width>=900px){.body{grid-template-columns:1.15fr .85fr;align-items:center;gap:4rem}.body .phone{justify-self:end}}.phone{aspect-ratio:460/1000;border:10px solid var(--ink);background:#fff;border-radius:44px;justify-self:center;width:min(100%,46svh - 4.6rem);position:relative;overflow:hidden}.hero .stick{overflow:hidden}@media (width>=900px){.hero .body{align-items:end}.hero .text{align-self:center}.hero .hero-phone{width:min(100%,32rem);margin-bottom:-38svh}}@media (width<=899px){.hero .hero-phone{width:min(78vw,24rem);margin-bottom:-40svh}}.phone img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stack .scr+.scr{transform:translateY(101%)}@media (width<=899px){.hero .body{align-content:start}.phone{border-width:7px;border-radius:30px;width:min(62vw,46svh - 10.12rem)}.flip .body{align-content:start;gap:1.25rem}.flip .acts{display:none}}.caps{gap:.9rem;max-width:30em;margin-top:2rem;list-style:none;display:grid}.caps li{color:var(--mute);border-left:4px solid #0000;padding-left:1rem;font-size:1.125rem;transition:color .3s}.caps li.on{color:var(--ink);border-left-color:var(--accent);font-weight:700}@media (width<=899px){.js .caps li:not(.on){display:none}}.plain{padding:clamp(6rem, 14vh, 11rem) var(--pad)}.tone{background:var(--tone)}.split{align-items:center;gap:3rem;display:grid}@media (width>=900px){.split{grid-template-columns:1fr 1fr;gap:5rem}}.split .text p{max-width:32em;margin-top:1.25rem;font-size:1.125rem}.split .text .acts{margin-top:2rem}@media (width>=900px){#blinder .split{grid-template-columns:.8fr 1.2fr}}.pair{grid-template-columns:1fr 1fr;align-items:start;gap:1.25rem;display:grid}.pair img{width:100%;height:auto;display:block}.pair .p2{margin-top:18%}.try{background:var(--tone);border-radius:28px;padding:clamp(1.25rem,3vw,2.25rem)}.steps{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}@media (width>=560px){.steps{grid-template-columns:repeat(6,1fr)}}.steps button{font:inherit;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:999px;padding:.7rem .25rem;font-size:.95rem;font-weight:700;transition:background .2s,color .2s,transform .15s}.steps button:hover{background:#e4e4e8}.steps button:active{transform:scale(.96)}.steps button[aria-pressed=true]{background:var(--accent);color:#fff}.step-d{color:var(--mute);margin-top:1.25rem}.passage{background:#fff;border-radius:18px;min-height:9.5em;margin-top:1rem;padding:1.5rem;font-size:1.25rem;line-height:1.9}.tone .try{background:#fff}.tone .passage,.tone .steps button:not([aria-pressed=true]){background:var(--tone)}.passage b{color:var(--accent)}.passage .gap{border-bottom:3px solid var(--ink);color:#0000;min-width:3.5em;display:inline-block}.passage .hint{border-bottom:3px solid var(--ink)}.passage input{font:inherit;border:0;border-bottom:3px solid var(--ink);width:5em;color:var(--ink);text-align:center;background:0 0}.passage input.ok{border-color:var(--accent);color:var(--accent)}.passage .gone{color:#0000;background:#ececee;border-radius:4px}.facts{gap:3.5rem;display:grid}.facts dt{color:var(--accent);font-family:Nanum Myeongjo,serif;font-size:clamp(2rem,3.4vw,3.2rem);font-weight:800;line-height:1.1}.facts dd{max-width:30em;margin-top:.5rem;font-size:1.125rem}#pick h2{margin-bottom:2.5rem}.table{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:1.125rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:1.1rem 1rem 1.1rem 0}thead th{color:var(--mute);font-size:.95rem;font-weight:400}tbody th a{font-size:1.25rem;font-weight:700}@media (width<=719px){thead{display:none}tbody tr{grid-template-columns:1fr 1fr;gap:.5rem 1rem;padding:1.25rem 0 2rem;display:grid}tbody th{grid-column:1/-1}th,td{border:0;padding:0}td:before{content:attr(data-l);color:var(--mute);font-size:.95rem;display:block}}.foot{background:var(--ink);color:#f5f5f7;padding:5rem var(--pad) 6rem}.foot .big{letter-spacing:-.03em;font-family:Nanum Myeongjo,serif;font-size:clamp(4rem,17vw,16rem);font-weight:800;line-height:1}.foot .cols{color:#c7c7cc;gap:1rem;margin-top:2.5rem;display:grid}.foot .cols p:last-child{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.foot a:hover{color:#fff}@media (width<=899px){.foot a{align-items:center;min-height:44px;display:inline-flex}}.close-act{margin-top:2.5rem}#bar{z-index:5;height:4px;position:fixed;bottom:0;left:0;right:0}#fill{background:var(--accent);transform-origin:0;height:100%;transform:scaleX(0)}@media (prefers-reduced-motion:reduce){.scene,.scene.flip{height:auto}.stick{height:auto;min-height:90svh;position:static}.stack .scr+.scr{display:none}.caps li,.js .caps li:not(.on){color:var(--ink);display:list-item}#bar{display:none}}