:root{--ink:#27113e;--purple:#56229b;--lilac:#e9dff4;--muted:#867b8e;--paper:#faf7f1}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}body{font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{color:inherit}.screen{width:min(1380px,100%);min-height:100svh;margin:auto;padding:36px 6vw 25px;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center}.wordmark{font-weight:1000;font-size:clamp(29px,3vw,42px);letter-spacing:-3px;color:var(--purple);text-decoration:none;line-height:1}.wordmark span{font-size:12px;vertical-align:top;letter-spacing:0}.eyebrow,.footer,.header-note{font-size:10px;letter-spacing:.24em;font-weight:700}.header-note{opacity:.65}.landing-grid{flex:1 1;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;grid-gap:5%;gap:5%;padding:20px 0}.hero{max-width:600px}.eyebrow{color:var(--purple);margin:0 0 24px}.eyebrow-line{display:inline-block;width:30px;height:1px;background:var(--purple);vertical-align:middle;margin-left:12px;opacity:.4}h1{font-family:Georgia,Times New Roman,serif;font-weight:500;font-size:clamp(50px,5.9vw,89px);line-height:.99;letter-spacing:-.066em;margin:0}h1 em{color:var(--purple);font-weight:400}.subtitle{font-size:clamp(15px,1.55vw,20px);margin:26px 0 36px;line-height:1.4}.signup{display:flex;flex-direction:column;width:min(100%,385px)}.signup label{font-size:12px;font-weight:700;margin:0 0 8px}.copy-row input,.edit-form input,.signup input{width:100%;border:1px solid #ded6df;background:#fffdfa;border-radius:12px;padding:14px 16px;outline:none;color:var(--ink)}.copy-row input:focus,.edit-form input:focus,.signup input:focus{border-color:#9156d7;box-shadow:0 0 0 3px #9156d727}.signup input+label{margin-top:16px}.hint{font-size:11px;color:var(--muted);margin:7px 0 18px;line-height:1.5}.primary{background:var(--purple);color:#fff;border:0;border-radius:12px;padding:16px 19px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:13px;transition:transform .2s ease,box-shadow .2s ease}.primary:hover{transform:translateY(-2px);box-shadow:0 9px 25px #56229b32}.primary:active{transform:translateY(0)}.footnote{text-align:center;font-family:Georgia,serif;font-style:italic;font-size:13px;color:var(--muted);margin:18px 0}.error{color:#a52355;font-size:13px}.scene{height:min(54vw,580px);display:flex;justify-content:center;align-items:center;isolation:isolate}.jelly,.scene{position:relative}.jelly{width:72%;height:70%;min-width:200px;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 28px 32px #58258922)}.jelly-body{position:absolute;inset:25% 6% 6%;background:radial-gradient(ellipse at 30% 18%,#c69cf4 0,#9152d2 20%,#6325a8 57%,#35105e 100%);border-radius:47% 53% 36% 56%/48% 42% 54% 50%;transform:rotate(-9deg);box-shadow:inset -14px -16px 26px #33095970,inset 11px 14px 20px #ffffff47,0 22px 25px #4620791a;transition:transform .45s cubic-bezier(.2,.8,.3,1)}.jelly:hover .jelly-body{transform:rotate(-2deg) scale(1.025)}.leaf{position:absolute;background:linear-gradient(115deg,#c79df4,#6e2fbd 62%,#42106d);box-shadow:inset 5px 4px 13px #ffffff85;z-index:1;border-radius:80% 8% 80% 18%;transform-origin:bottom right}.leaf-one{width:30%;height:37%;left:35%;top:0;transform:rotate(13deg)}.leaf-two{width:18%;height:23%;left:62%;top:15%;transform:rotate(57deg)}.eyes{position:absolute;left:39%;top:34%;display:flex;gap:15px;transform:rotate(9deg)}.eyes i{display:block;width:19px;height:34px;border-radius:50%;background:#fffdfb;box-shadow:0 2px 5px #420a6e55}.jelly-shadow{position:absolute;bottom:0;left:17%;height:9%;width:70%;border-radius:50%;background:#4e208f20;filter:blur(16px);z-index:-1}.bubble{position:absolute;background:white;border:1px solid #eee5f1;border-radius:30px;padding:12px 17px;font-size:13px;color:#593179;box-shadow:0 14px 32px #5833830c;animation:bob 5s ease-in-out infinite}.bubble-a{top:22%;left:0}.bubble-b{top:40%;right:0;animation-delay:-2.5s}.tiny-caption{position:absolute;bottom:7%;right:6%;color:var(--muted);font:italic 14px Georgia}.footer{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:9px;letter-spacing:.15em}.sent{background:white;padding:22px;border-radius:14px;max-width:400px;line-height:1.5}.text-button{border:0;background:transparent;color:var(--purple);font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:5px}.success-layout{width:min(850px,100%);margin:auto;flex:1 1;padding:45px 0}.success-top{display:flex;justify-content:space-between;align-items:center}.success-top h1{font-size:clamp(58px,7vw,92px)}.success-top .subtitle{margin-bottom:23px}.mini-jelly{width:105px;height:105px;border-radius:60% 40% 55% 45%;background:radial-gradient(at 30% 15%,#bc85eb,var(--purple) 70%);display:grid;place-items:center;box-shadow:0 16px 25px #56229b26;animation:float 5s ease-in-out infinite}.mini-jelly span{font-size:55px;color:white}.board,.referral-box,.stat{background:#fffdfa;border:1px solid #e8e1e6;border-radius:16px;padding:23px}.referral-box .eyebrow,.stat .eyebrow{margin-bottom:16px}.copy-row{display:flex;gap:10px}.copy-row input{min-width:0}.copy-button{white-space:nowrap;min-width:135px}.referral-box .hint{margin:12px 0 0}.stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:13px;gap:13px;margin:14px 0}.stat{display:flex;flex-direction:column;gap:5px}.stat strong{font:normal 64px Georgia;line-height:1}.stat>span{font-size:12px;color:var(--muted)}.board-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.board-head h2{margin:0;font:normal 27px Georgia}.board-head span{font-size:10px;letter-spacing:.2em;color:var(--muted)}.board-row{display:flex;gap:15px;padding:12px 8px;border-bottom:1px solid #eee9ec;font-size:14px;align-items:center}.board-row:last-of-type{border-bottom:0}.board-rank{color:var(--muted);width:35px}.board-name{flex:1 1;font-weight:700}.board-score{color:var(--muted)}.own-row{background:#eee5f8;border-radius:9px}.profile-line{margin-top:19px;font-size:13px;color:var(--muted)}.profile-line b{color:var(--ink)}.edit-form{display:flex;gap:9px;margin-top:10px}.edit-form .primary{padding:12px 20px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@media(max-width:760px){.screen{padding:23px 7vw 19px}.footer span:last-child,.header-note{display:none}.landing-grid{display:flex;flex-direction:column;padding:36px 0 5px;gap:12px;justify-content:center;align-items:stretch}.hero{width:100%;max-width:none}.hero h1{font-size:clamp(44px,10.8vw,70px)}.hero .subtitle{margin:17px 0 23px}.hero .eyebrow{margin-bottom:17px}.signup{width:100%;max-width:none}.signup input{padding:12px 14px}.signup input+label{margin-top:12px}.hint{margin:5px 0 13px}.signup .primary{padding:14px}.footnote{margin:12px 0}.scene{height:clamp(120px,24svh,220px);width:100%;max-width:340px;align-self:center}.jelly{height:110%;width:43%;min-width:155px;transform:scale(.72)!important;transform-origin:center}.bubble{font-size:11px;padding:8px 10px}.bubble-a{top:15%;left:0}.bubble-b{top:32%;right:0}.tiny-caption{display:none}.success-layout{padding:35px 0}.success-top h1{font-size:57px}.success-top .subtitle{font-size:15px;margin:12px 0 25px}.mini-jelly{width:68px;height:68px}.board,.referral-box,.stat{padding:17px}.stat strong{font-size:48px}.copy-row input{font-size:11px;padding:10px}.copy-button{min-width:94px;padding:12px;font-size:12px}.footer{margin-top:auto;font-size:9px}}@media(max-height:730px) and (max-width:760px){.landing-grid{padding:15px 0 0}.hero h1{font-size:clamp(39px,9.8vw,58px)}.scene{height:90px}.jelly{transform:scale(.55)!important}.hero .subtitle{margin:12px 0 16px}.signup input{padding:9px 12px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.social-footer{align-items:center;min-height:44px;flex-wrap:wrap;letter-spacing:.12em}.social-links{display:flex;align-items:center;gap:9px}.social-link{display:inline-flex;width:32px;height:32px;border:1px solid #ded5e4;border-radius:50%;justify-content:center;align-items:center;text-transform:lowercase;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:0;color:var(--purple);background:#ffffff80;transition:border-color .2s,transform .2s,background .2s}.social-link:focus-visible,.social-link:hover{border-color:var(--purple);background:#efe5f8;transform:translateY(-2px)}.social-handle{font-size:10px;letter-spacing:.03em;color:var(--muted);font-weight:700;margin-left:4px;text-transform:none}@media(max-width:760px){.social-footer{justify-content:space-between;gap:8px;padding-top:10px}.footer-tagline{display:none}.social-links{gap:5px}.social-link{width:34px;height:34px}.social-handle{font-size:10px}}@media(max-width:350px){.social-handle{display:none}}@media(prefers-reduced-motion:reduce){.social-link{transition:none}}