.try-page{--t-red:#8f2930;--t-green:#20382f;--t-yellow:#e3b92f;--t-paper:#f3eee2;--t-white:#fffdf7;--t-black:#191a17;background:var(--t-paper);color:var(--t-black);overflow:hidden}.try-topbar{background:var(--t-white);border-bottom:5px solid var(--t-red);justify-content:space-between;align-items:center;height:64px;padding:0 5vw;display:flex}.try-logo{letter-spacing:-1.5px;font-size:21px;font-weight:1000;transform:skew(-5deg)}.try-logo span{color:var(--t-red)}.try-topbar nav{gap:20px;font-size:10px;font-weight:900;display:flex}.try-hero{background:var(--t-green);min-height:calc(100svh - 64px);color:var(--t-white);border-bottom:18px solid var(--t-yellow);flex-direction:column;justify-content:center;padding:11vh 7vw;display:flex}.try-hero>p:first-child,.try-step>span,.please-zone>span,.phrase-zone>span,.after-zone>span{letter-spacing:.15em;color:var(--t-yellow);font-size:10px;font-weight:900}.try-hero h1{letter-spacing:-.07em;margin:35px 0;font-size:clamp(54px,11vw,150px);line-height:.8}.try-hero h1 span{font-size:.48em}.try-hero h2{color:var(--t-yellow);margin:0;font-size:clamp(28px,5vw,64px)}.try-en{margin:38px 0 12px;font-size:clamp(18px,2.2vw,28px);line-height:1.5}.try-hero strong{font-size:15px}.try-step,.phrase-zone,.after-zone{max-width:980px;margin:auto;padding:100px 5vw}.try-step h2,.phrase-zone>h2{letter-spacing:-.06em;margin:28px 0;font-size:clamp(44px,8vw,90px);line-height:.9}.try-step>p{line-height:1.6}.taco-picker{border-top:4px solid;margin-top:45px}.taco-picker article{border-bottom:2px solid;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.taco-picker b{font-size:clamp(18px,3vw,28px);display:block}.taco-picker small{margin-top:4px;display:block}.counter{text-align:center;grid-template-columns:48px 44px 48px;align-items:center;display:grid}.counter button{background:var(--t-white);border:2px solid;height:48px;font-size:22px;font-weight:900}.counter output{font-size:22px;font-weight:900}.minimum{background:var(--t-red);color:#fff;padding:14px 18px;font-weight:700}.back-menu{border-bottom:2px solid;margin-top:30px;font-weight:900;display:inline-block}.please-zone{background:var(--t-red);color:#fff;text-align:center;padding:100px 20px}.please-zone>p{letter-spacing:.12em;margin:8px;font-weight:900}.please-zone h2{color:var(--t-yellow);margin:42px 0 24px;font-size:clamp(66px,15vw,180px);line-height:.9}.please-zone h3{letter-spacing:.06em;font-size:clamp(22px,5vw,48px)}.please-zone button,.phrase-card button,.after-zone button{color:inherit;background:0 0;border:2px solid;padding:13px 22px;font-weight:900}.please-zone small{margin-top:25px;display:block}.phrase-card{background:var(--t-white);border-top:10px solid var(--t-red);box-shadow:12px 12px 0 var(--t-yellow);margin-top:55px;padding:55px}.phrase-card p{white-space:pre-line}.phrase-ja{margin:0;font-size:clamp(43px,8vw,86px);font-weight:1000;line-height:1.15}.phrase-romaji{color:var(--t-red);font-size:clamp(18px,3vw,32px);font-weight:900;line-height:1.45}.phrase-en{font-size:18px}.phrase-card button{color:var(--t-green)}.phrase-empty{border:3px dashed var(--t-red);text-align:center;background:#fff;margin-top:50px;padding:60px}.say-it{text-align:center;color:var(--t-red);margin:80px 0 30px;font-size:clamp(48px,12vw,120px);font-weight:1000;transform:rotate(-2deg)}.done-button{background:var(--t-green);color:#fff;border:0;margin:auto;padding:22px 55px;font-size:22px;font-weight:1000;display:block}.done-button:disabled{opacity:.35}.success-zone{text-align:center;background:var(--t-yellow);border-block:16px solid var(--t-green);padding:110px 20px}.success-zone>p:first-child{margin:0;font-size:clamp(50px,12vw,150px);font-weight:1000;line-height:.8}.success-zone h2{font-size:clamp(38px,8vw,80px)}.success-zone h3{color:var(--t-red);font-size:clamp(28px,5vw,58px)}.success-zone p{line-height:1.7}.success-zone button{background:var(--t-green);color:#fff;border:0;margin-top:35px;padding:20px 30px;font-weight:900}.after-zone>div{grid-template-columns:1fr 1fr;gap:18px;margin-top:45px;display:grid}.after-zone article{border-top:7px solid var(--t-red);background:#fff;padding:30px}.after-zone h2{margin:0 0 20px;font-size:clamp(34px,6vw,68px)}.after-zone b{color:var(--t-red);font-size:22px}.after-zone button{float:right;color:var(--t-green)}.try-footer{background:var(--t-green);color:#fff;text-align:center;padding:65px 5vw}.try-footer>p{color:var(--t-yellow);font-size:clamp(30px,7vw,74px);font-weight:1000}.try-footer .try-logo{margin:40px auto 12px;font-size:30px;display:block}.try-footer small{letter-spacing:.12em}@media (max-width:640px){.try-topbar{padding:0 12px}.try-logo{font-size:15px}.try-topbar nav{gap:8px;font-size:8.5px}.try-hero{padding:70px 20px}.try-hero h1{font-size:clamp(50px,18vw,78px)}.try-step,.phrase-zone,.after-zone{padding:72px 20px}.try-step h2,.phrase-zone>h2{font-size:clamp(39px,13vw,56px)}.taco-picker article{align-items:flex-start}.taco-picker b{font-size:17px}.counter{grid-template-columns:42px 34px 42px}.counter button{height:42px}.phrase-card{box-shadow:7px 7px 0 var(--t-yellow);padding:32px 20px}.phrase-ja{font-size:clamp(37px,11vw,52px)}.after-zone>div{grid-template-columns:1fr}.please-zone{padding:80px 16px}.please-zone h2{font-size:clamp(58px,18vw,84px)}}@media (max-width:360px){.try-topbar{padding:0 9px}.try-logo{font-size:13px}.try-topbar nav{gap:6px;font-size:8px}}
