.home .topnav-home{display:none}.home .topnav{justify-content:flex-end}.hero{flex-wrap:wrap;align-items:center;gap:24px 40px;padding-top:8px;padding-bottom:24px;display:flex}.hero h1{font-family:var(--hand);margin:0;font-size:80px;font-weight:400;line-height:1}.tagline{color:#555;margin:8px 0 0;font-size:20px}.logo-btn{cursor:pointer;--amp:3px;background:0 0;border:0;padding:0}.logo{width:auto;max-width:100%;height:124px;animation:3.6s ease-in-out infinite breathe;display:block}.logo-btn.shake .logo{animation:.42s linear shake}@keyframes breathe{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(-1.5deg)}}@keyframes shake{0%,to{transform:translate(0)rotate(0)}12%{transform:translate(calc(-1 * var(--amp)), 1px) rotate(-2deg)}25%{transform:translate(var(--amp), -1px) rotate(2deg)}37%{transform:translate(calc(-1 * var(--amp)), -1px) rotate(-1.5deg)}50%{transform:translate(var(--amp), 1px) rotate(1.5deg)}62%{transform:translate(calc(-.7 * var(--amp)), 1px) rotate(-1deg)}75%{transform:translate(calc(.7 * var(--amp)), -1px) rotate(1deg)}87%{transform:translate(calc(-.3 * var(--amp)), 0) rotate(0deg)}}@media (prefers-reduced-motion:reduce){.logo,.logo-btn.shake .logo{animation:none}}.mascot{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);margin:0 0 48px;padding:16px 0;font-size:14px;line-height:1.6}.intro{flex-wrap:wrap;align-items:center;gap:32px 48px;padding-top:0;padding-bottom:56px;display:flex}.pitch{flex-direction:column;flex:360px;align-items:flex-start;gap:18px;min-width:0;display:flex}.lead{letter-spacing:-.015em;margin:0;font-size:26px;font-weight:500;line-height:1.35}.fine{color:var(--muted);margin:-6px 0 0;font-size:14px}.examples{flex:460px;align-items:center;gap:12px;min-width:0;display:flex}.sample{border:1px solid var(--line);border-radius:14px;flex:1 1 0;min-width:0;margin:0;padding:16px}.sample-strong{border-color:var(--text)}.sample figcaption{color:var(--muted);margin-bottom:8px;font-size:12px}.sample-strong figcaption{color:var(--text)}.sample img{width:100%;height:auto;display:block}.sample .sample-ko{width:72%}.arrow{color:var(--muted);flex:none;font-size:22px}.upload{align-self:flex-start}.upload input{display:none}.try{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f6f6f6;padding:56px 0 64px}.try-head{margin-bottom:28px}.try-head h2{letter-spacing:-.02em;margin:0;font-size:44px;font-weight:600}.try-head p{color:var(--muted);margin:6px 0 0;font-size:16px}.steps{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:20px;display:grid}.steps-input{flex-direction:column;gap:20px;min-width:0;display:flex}@media (width<=900px){.steps{grid-template-columns:minmax(0,1fr)}}.step{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:14px;min-width:0;padding:24px;display:flex}.step-strong{border-color:var(--text);padding:32px}.step-strong h3{font-size:24px}.step-num{color:var(--muted);font-size:14px}.step h3{margin:0;font-size:19px;font-weight:600}.muted{color:var(--body);margin:0;font-size:15px;line-height:1.6}.pangram{font-family:var(--hand);margin:0;font-size:24px;line-height:1.25}.label{color:var(--muted);margin:0;font-size:13px}textarea{border:1px solid var(--field);width:100%;color:var(--text);resize:vertical;background:#fff;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:20px;line-height:1.4}textarea:focus{outline:2px solid var(--text);outline-offset:1px}.status{min-height:1.4em;color:var(--muted);margin:0;font-size:14px}.status:empty{min-height:0}.font-note{color:var(--muted);margin:-4px 0 0;font-size:13px;line-height:1.5}.btn:disabled{opacity:.5;cursor:progress}.status.error{color:#b00020}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border:1px solid var(--field);color:var(--text);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:6px 12px;font-size:14px}.chips button:hover{border-color:var(--text)}.chips .meaning{color:var(--muted);margin-left:4px;font-size:12px}.photo-wrap{flex-direction:column;gap:8px;display:flex}.photo-wrap canvas{border:1px solid var(--line);border-radius:10px;width:100%;height:auto}.toggle{color:var(--muted);align-items:center;gap:6px;font-size:14px;display:inline-flex}.toggle input{accent-color:var(--text)}.small{color:var(--muted);font-size:13px}.small table{border-collapse:collapse;margin-top:6px}.small td{font-variant-numeric:tabular-nums;padding:2px 12px 2px 0}.canvas-wrap{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:200px;overflow-x:auto}.canvas-wrap canvas{display:block}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.more{padding-top:56px;padding-bottom:64px}.more-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;display:flex}.more-head h2{margin:0;font-size:28px;font-weight:600}.more-head a{font-size:15px}.more-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@media (width<=900px){.more-cards{grid-template-columns:minmax(0,1fr)}}.more-card{border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:6px;padding:24px;text-decoration:none;display:flex}.more-card:hover{border-color:var(--text);color:var(--text)}.more-card strong{font-size:18px;font-weight:600}.more-card span{color:var(--muted);font-size:15px}.adjust{border-top:1px solid var(--line);padding-top:14px}.adjust summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:32px;font-weight:500;list-style:none;display:flex}.adjust summary::-webkit-details-marker{display:none}.adjust summary:after{content:"+";font-size:20px;line-height:1}.adjust[open] summary:after{content:"−"}.adjust-body{flex-direction:column;gap:14px;padding-top:14px;display:flex}.sliders{gap:10px;display:grid}.slider{grid-template-columns:104px minmax(0,1fr) 40px;align-items:center;gap:8px;font-size:13px;display:grid}.slider output{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.slider input{width:100%;accent-color:var(--text)}.color{align-items:center;gap:8px;font-size:14px;display:inline-flex}.color input{border:1px solid var(--field);background:0 0;border-radius:6px;width:40px;height:30px;padding:0}@media (width<=600px){.hero{gap:16px;padding-top:4px}.hero h1{font-size:52px}.tagline{font-size:17px}.logo{height:88px}.intro{gap:24px;padding-bottom:40px}.step,.step-strong{padding:20px}.canvas-wrap{min-height:120px}.try{padding:40px 0 48px}.try-head h2{font-size:34px}.lead{font-size:22px}.examples{gap:8px}.sample{padding:12px}}