@font-face{font-family:DM;src:url('/assets/DMSans.ttf') format('truetype');font-style:normal;font-weight:100 1000;font-display:swap}@font-face{font-family:Lora;src:url('/assets/Lora-Italic.ttf') format('truetype');font-style:italic;font-weight:400 700;font-display:swap}@font-face{font-family:IPA;src:url('/assets/NotoSansIPA.ttf') format('truetype');font-display:swap}
:root{--paper:#fff9f0;--ink:#103f36;--green:#194e40;--muted:#59675e;--sage:#ddeccb;--sage-light:#f0f6e6;--pink:#f4b8c4;--pink-light:#fbe0e7;--yellow:#ffde8a;--line:#deddd0;--white:#fffef9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM,system-ui,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-underline-offset:5px}a:hover{color:#2b6955}a:focus-visible,summary:focus-visible,audio:focus-visible{outline:3px solid #92701d;outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;font-weight:600}h1{font-size:clamp(46px,6.2vw,78px)}h2{font-size:clamp(30px,3.4vw,43px)}h3{font-size:25px}p+p{margin-top:18px}em,.brand{font-family:Lora,Georgia,serif;font-style:italic}.wrap{max-width:1168px;margin:auto;padding-inline:32px}.skip{position:absolute;top:-80px;left:20px;z-index:9;background:var(--ink);color:white;padding:12px}.skip:focus{top:12px}.draft{background:var(--yellow);color:var(--ink);text-align:center;padding:9px 22px;font-size:13px;font-weight:600}.header{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:34px;font-weight:700;letter-spacing:-1.5px;text-decoration:none;white-space:nowrap}.nav{display:flex;align-items:center;gap:30px;font-size:15px}.nav a{text-decoration:none;padding:8px 0}.nav a[aria-current=page]{box-shadow:0 2px var(--green)}.nav a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding-block:70px 105px}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.15em;font-weight:700;margin-bottom:22px}.hero h1{max-width:650px}.hero h1 em{font-weight:500;white-space:nowrap}.hero .intro{font-size:19px;max-width:510px;margin-block:28px;color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;padding:15px 24px;border-radius:99px;background:var(--green);color:var(--white);font-size:15px;font-weight:600;line-height:1.4;text-decoration:none;min-height:52px}.button:hover{background:#103f36;color:white}.text-link{font-size:15px;font-weight:500}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.word-stage{position:relative;padding:18px 0 18px 20px}.word-stage:before{content:'';position:absolute;inset:40px -13px 0 30px;background:var(--yellow);border-radius:36px;transform:rotate(4deg)}.word-card{position:relative;background:var(--white);border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:0 12px 32px #194e4008}.checker:before{content:'';display:block;height:16px;background-color:var(--white);background-image:conic-gradient(var(--accent,var(--pink)) 25%,transparent 0 50%,var(--accent,var(--pink)) 0 75%,transparent 0);background-size:16px 16px}.word-content{padding:30px}.word-top{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12px;color:var(--muted)}.tag{background:var(--sage-light);border-radius:100px;padding:5px 13px;color:var(--ink);font-weight:600}.word-card h2{font-size:64px;margin-top:20px;letter-spacing:-.055em}.phonetic{font-family:IPA,sans-serif;font-size:21px;color:var(--muted);margin:4px 0 22px}.meaning{font-size:24px;font-weight:600;line-height:1.4}.definition{margin-top:5px;font-size:15px;color:var(--muted)}.example{padding:17px 18px;background:var(--pink-light);border-radius:16px;margin-top:24px;font-size:16px}.example small{display:block;font-size:13px;margin-top:6px;color:var(--muted)}.audio-label{font-size:13px;margin:22px 0 6px;font-weight:600}.word-card audio{width:100%;height:40px}.ai-note{font-size:11px;color:var(--muted);margin-top:8px}.caption{position:relative;font-size:12px;margin:29px 12px 0;text-align:center;color:var(--muted)}.section{padding-block:84px}.section-rule{border-top:1px solid var(--line)}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:40px;margin-bottom:40px}.section-heading p{max-width:355px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.step-number{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid #b3bfac;border-radius:50%;font-size:14px;margin-bottom:22px}.steps h3{margin-bottom:15px}.steps p{color:var(--muted);font-size:16px}.feature-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.feature{border-radius:28px;overflow:hidden;display:flex;flex-direction:column}.feature-body{padding:36px;flex:1}.feature h2{font-size:34px;max-width:370px}.feature p{margin-top:20px;max-width:400px;color:var(--muted);font-size:16px}.games{background:var(--sage-light);--accent:var(--sage)}.friends{background:var(--pink-light);--accent:var(--pink)}.tiles{display:flex;gap:7px;align-items:center;margin:36px 0 6px}.tile{display:grid;place-items:center;width:57px;height:66px;background:var(--white);box-shadow:0 4px #103f3614;border-radius:10px;font-family:Lora,Georgia,serif;font-size:30px;transform:rotate(-7deg)}.tile:nth-child(2n){background:var(--green);color:var(--white);transform:rotate(7deg)}.friend-demo{display:flex;align-items:center;gap:14px;background:#fff9f0bd;border:1px solid #e8c3cb;border-radius:18px;padding:15px 18px;margin-top:32px;max-width:355px}.avatar{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:var(--green);color:var(--white);font-family:Lora,Georgia,serif;font-size:24px}.friend-demo strong{display:block;font-size:16px}.friend-demo small{display:block;font-size:12px;color:var(--muted)}.friend-demo .arrow{margin-left:auto;font-size:24px}.daily{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:30px;padding-block:62px}.daily-icon{background:var(--yellow);border-radius:25px;padding:12px;width:88px;height:88px;object-fit:contain}.daily h2{font-size:31px}.daily p{margin-top:12px;max-width:620px;font-size:16px;color:var(--muted)}.release{background:var(--green);color:var(--white);border-radius:30px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:36px;margin-bottom:80px}.release h2{font-family:Lora,Georgia,serif;font-style:italic;max-width:520px}.release p{margin-top:17px;font-size:16px;max-width:590px;color:#e4ebde}.release .button{background:var(--yellow);color:var(--ink);flex:none}.footer{border-top:1px solid var(--line);padding-block:32px 42px;display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-note{font-size:12px;color:var(--muted);margin-top:6px}.footer-links{display:flex;gap:25px;flex-wrap:wrap;font-size:14px}.footer .brand{font-size:27px}.page-head{max-width:820px;padding-block:65px 48px}.page-head h1{font-size:clamp(43px,6vw,65px)}.page-head .intro{margin-top:25px;color:var(--muted);font-size:19px}.updated{font-size:13px;color:var(--muted);margin-bottom:22px}.document-layout{display:grid;grid-template-columns:230px minmax(0,720px);gap:65px;align-items:start;padding-bottom:88px}.contents{position:sticky;top:28px;font-size:14px}.contents p{font-weight:600;margin-bottom:13px}.contents a{display:block;text-decoration:none;color:var(--muted);padding-block:7px;line-height:1.45}.contents a:hover{text-decoration:underline}.document section{margin-bottom:38px;scroll-margin-top:30px}.document h2{font-size:26px;margin-bottom:16px;line-height:1.22;letter-spacing:-.025em}.document p{font-size:16px;color:#40564a}.document a{overflow-wrap:anywhere}.operator{background:var(--sage-light);border-radius:18px;padding:24px;margin-bottom:32px}.operator p{font-size:15px}.draft-note{background:var(--yellow);border-radius:14px;padding:20px;margin-bottom:32px;font-size:15px}.help-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:65px;padding-bottom:90px;align-items:start}.contact-box{background:var(--sage-light);border-radius:24px;padding:28px;position:sticky;top:28px}.contact-box h2{font-size:27px}.contact-box p{font-size:15px;color:var(--muted);margin-block:18px}.contact-box .email{font-size:15px;overflow-wrap:anywhere}.contact-box .security-note{font-size:12px;margin-bottom:0}.faq details{border-bottom:1px solid var(--line);padding:24px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;font-size:21px;font-weight:500;line-height:1.35;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-weight:400;font-size:25px;flex:none}.faq details[open] summary:after{content:'−'}.faq summary::-webkit-details-marker{display:none}.faq details p{font-size:16px;color:var(--muted);margin-top:17px}.deletion{margin-top:34px;background:var(--pink-light);border-radius:20px;padding:28px}.deletion h2{font-size:25px}.deletion p{font-size:15px;margin:14px 0}.deletion a{font-size:15px}.not-found{min-height:55vh;padding-block:75px}.not-found p{margin-block:25px}
@media(max-width:850px){.hero{gap:35px;padding-top:35px}.hero h1{font-size:55px}.hero .intro{font-size:17px}.word-content{padding:25px}.word-stage{padding-left:0}.feature-body{padding:28px}.steps{gap:28px}.document-layout{grid-template-columns:190px minmax(0,1fr);gap:35px}.help-layout{grid-template-columns:270px minmax(0,1fr);gap:35px}.daily{grid-template-columns:80px 1fr;gap:24px}.daily .text-link{grid-column:2}.daily-icon{width:75px;height:75px}.release{padding:36px}.release h2{font-size:34px}.nav{gap:22px}}
@media(max-width:640px){.wrap{padding-inline:23px}.header{min-height:96px;gap:12px;flex-wrap:wrap;padding-block:20px}.brand{font-size:31px}.nav{gap:18px;font-size:13px}.hero{grid-template-columns:1fr;padding-block:35px 65px;gap:40px}.hero h1{font-size:60px;max-width:400px}.eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:18px}.hero .intro{font-size:18px;max-width:440px}.hero-actions{gap:18px}.word-stage{max-width:430px;width:100%;margin:auto;padding:10px 12px 0 0}.word-stage:before{right:0;bottom:25px;left:18px}.word-content{padding:27px}.caption{margin-top:24px}.section{padding-block:55px}.section-heading{display:block}.section-heading p{margin-top:20px}.steps{grid-template-columns:1fr;gap:30px}.step-number{margin-bottom:14px}.steps h3{font-size:26px}.steps p{max-width:430px}.feature-grid{grid-template-columns:1fr;gap:20px}.feature-body{padding:29px}.feature h2{font-size:34px}.daily{padding-block:44px;grid-template-columns:58px 1fr;gap:20px;align-items:start}.daily-icon{width:58px;height:58px;border-radius:16px;padding:8px}.daily h2{font-size:26px}.daily p{margin-top:10px}.daily .text-link{grid-column:2}.release{padding:30px;display:block;margin-bottom:52px}.release .button{margin-top:28px}.release h2{font-size:33px}.footer{align-items:start;flex-direction:column;gap:20px}.footer-links{gap:22px}.page-head{padding-block:40px 32px}.page-head .intro{font-size:17px}.document-layout,.help-layout{display:block;padding-bottom:45px}.contents{position:static;background:var(--sage-light);border-radius:18px;padding:20px;margin-bottom:30px}.document h2{font-size:24px}.document p{font-size:16px}.contact-box{position:static;margin-bottom:35px}.faq summary{font-size:20px}.faq details{padding-block:22px}.draft{font-size:11px;line-height:1.45}.hero h1 em{white-space:normal}.tile{width:51px;height:59px}.word-card h2{font-size:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Tiles share the available width even on 320px screens. */
.tiles .tile{flex:1 1 0;min-width:0;max-width:57px}.feature .eyebrow{margin-top:0}.word-card audio{min-width:0;max-width:100%}