:root{color-scheme:light;font-family:ui-rounded,"Segoe UI",system-ui,sans-serif;color:#24374c;background:#eff9fc}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 9% 80%,#d4f5e6,transparent 50%),radial-gradient(ellipse at 96% 20%,#e7e3ff,transparent 47%),linear-gradient(145deg,#f1fbff,#f3f8ed);overflow-x:hidden}.sky-orbs{position:fixed;inset:0;overflow:hidden;pointer-events:none}.sky-orbs i{position:absolute;border-radius:50%;border:2px solid #ffffffb0;background:linear-gradient(145deg,#fff9,#fff1);box-shadow:inset 0 4px 12px #fffa}.sky-orbs i:nth-child(1){width:190px;height:190px;left:-120px;top:37%}.sky-orbs i:nth-child(2){width:320px;height:320px;right:-155px;bottom:-120px}.sky-orbs i:nth-child(3){width:44px;height:44px;left:49%;top:13%}header,main,footer{position:relative}header{display:flex;justify-content:space-between;align-items:center;padding:28px max(5vw,24px);max-width:1450px;margin:auto}.brand{display:flex;gap:13px;align-items:center;color:#263e55;font-weight:800;font-size:21px;text-decoration:none;letter-spacing:-.7px}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#718597;margin-top:4px}.mark{display:grid;place-items:center;width:49px;height:49px;border-radius:18px;background:linear-gradient(145deg,#9390f0,#7166d5);border:2px solid white;color:white;font-size:37px;font-weight:800;box-shadow:0 4px 0 #6157b52b,0 8px 16px #7166d524;line-height:1;padding-bottom:5px}select{border:2px solid white;border-radius:30px;padding:10px 16px;background:#ffffffa8;color:#43516d;font:inherit;font-size:13px;font-weight:650;box-shadow:0 4px 0 #c4d6df44;cursor:pointer}
main{max-width:1170px;min-height:calc(100svh - 185px);margin:0 auto;display:grid;grid-template-columns:1.12fr 1fr;gap:76px;align-items:center;padding:30px 32px 45px}.eyebrow{display:inline-flex;gap:9px;align-items:center;margin:0;color:#6559af;background:#eeebfc;border:1px solid white;border-radius:25px;padding:9px 14px;font-size:10px;font-weight:800;letter-spacing:1.2px}.eyebrow>span:first-child{font-size:16px}h1{white-space:pre-line;font-weight:850;font-size:clamp(44px,4.8vw,65px);letter-spacing:-2.9px;line-height:1.06;margin:22px 0 19px;color:#2c405b;text-wrap:balance}.intro{font-size:16px;line-height:1.7;max-width:415px;color:#617589;margin:0}.lia-scene{position:relative;height:276px;margin-top:21px;isolation:isolate}.portrait-wrap{position:absolute;left:35px;top:7px;width:214px;height:214px;animation:bob 6s ease-in-out infinite}.portrait{position:relative;width:100%;height:100%;overflow:hidden;border:8px solid white;outline:2px solid #c8c0ef;border-radius:50%;background:white;box-shadow:0 11px 0 #b9ccc532,0 18px 34px #3a5b7422}.portrait img{position:absolute;width:170%;height:auto;max-width:none;left:-35%;top:-6%}.portrait-name{position:absolute;left:50%;bottom:-9px;transform:translateX(-50%) rotate(-4deg);background:white;border:2px solid #e7e4f8;box-shadow:0 4px 0 #c6c4e688;border-radius:18px;padding:9px 21px;white-space:nowrap;font-size:17px;font-weight:800;color:#5c51a5}.portrait-name span{color:#e6b647;padding-left:5px}.spark{position:absolute;color:#e4b55a;font-size:38px;text-shadow:0 2px white}.spark-one{left:-25px;top:26px;transform:rotate(-14deg)}.spark-two{right:-17px;bottom:35px;color:#8b78d3;font-size:37px}.speech{position:absolute;z-index:2;left:215px;top:12px;max-width:208px;padding:17px 19px 12px;border-radius:24px 24px 24px 7px;background:white;border:2px solid #e4e1f5;box-shadow:0 6px 0 #d0cbe544;transform:rotate(4deg);font-weight:750;font-size:14px;line-height:1.4;color:#60539d}.speech-dots{display:flex;gap:4px;margin-top:10px}.speech-dots i{width:5px;height:5px;border-radius:50%;background:#c0b5e3}.activity{position:absolute;display:flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 14px;border:2px solid white;border-radius:18px;box-shadow:0 5px 0 #a9c8ca33;font-size:12px;font-weight:750;color:#47615f}.activity>span:first-child{font-size:19px}.activity-coffee{right:0;top:120px;background:#fff2d7;transform:rotate(5deg);color:#8a6634}.activity-sea{right:16px;top:192px;background:#d9f0fa;transform:rotate(-5deg);color:#3b7394}.activity-dance{left:0;bottom:0;background:#eae3fa;transform:rotate(-4deg);color:#776099}.promise{display:flex;gap:9px;align-items:center;font-size:12px;color:#748774;margin:19px 0 0}.promise>span:first-child{font-size:21px;color:#8aa994}
.card{background:#fffefbcc;border:3px solid white;border-radius:36px;padding:30px 33px 27px;box-shadow:0 9px 0 #cfdae580,0 26px 65px #45667e17}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.small-mark{display:grid;place-items:center;background:#ede7fc;color:#9181c4;border-radius:17px;width:45px;height:45px;font-size:27px;transform:rotate(-8deg);box-shadow:0 3px 0 #d4c9ed66}.player-tag{font-size:9px;font-weight:800;letter-spacing:1.3px;color:#74837a}h2{font-weight:850;font-size:32px;letter-spacing:-1px;margin:20px 0 9px;color:#34445e}.subtitle{color:#7b8591;font-size:13px;line-height:1.6;margin:0 0 25px}label{display:block;font-size:12px;font-weight:750;margin:18px 0 8px;color:#576479}input{width:100%;border:2px solid #e2e8ee;border-radius:16px;background:#f4f7fb;color:#2a3b51;padding:13px 15px;font:inherit;font-size:14px;min-height:49px;box-shadow:inset 0 2px 3px #38557405;transition:border-color .2s,background .2s}input:focus{outline:3px solid #dcd5ff;outline-offset:1px;border-color:#a699e3;background:white}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #9585d9;outline-offset:4px}.password-wrap{position:relative}.password-wrap input{padding-right:83px}#show-password{position:absolute;right:7px;top:8px;border:0;border-radius:12px;background:#e9eaf1;color:#69748b;font:inherit;font-size:11px;font-weight:700;padding:10px;cursor:pointer}#status{font-size:12px;line-height:1.5;color:#b04456;min-height:17px;margin:12px 0}#submit{width:100%;padding:16px 17px;border:2px solid #a797ed;border-radius:18px;background:linear-gradient(#9383e6,#7a69ce);color:white;font:inherit;font-size:14px;font-weight:800;letter-spacing:.1px;cursor:pointer;box-shadow:0 5px 0 #6151ad,0 10px 20px #8a79cf2b;text-shadow:0 1px #6454af;transition:transform .15s,box-shadow .15s}#submit:hover{transform:translateY(-2px);box-shadow:0 7px 0 #6151ad,0 13px 22px #8a79cf38}#submit:active{transform:translateY(3px);box-shadow:0 2px 0 #6151ad}#submit:disabled{opacity:.65;cursor:wait;transform:none}.account-help{font-size:11px;color:#7e8491;margin:28px 0 7px}.account-link{font-size:12px;font-weight:650;line-height:1.6;color:#7c6fb1;text-underline-offset:4px}.privacy{font-size:11px;line-height:1.7;color:#778493;margin:21px 0 0;border-top:1px dashed #dbe2e7;padding-top:16px}footer{display:flex;justify-content:space-between;gap:25px;padding:17px max(5vw,24px);color:#7a8a95;font-size:10px;max-width:1450px;margin:auto}footer span:first-child{font-weight:800;letter-spacing:3px}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(1deg)}}@media(max-width:960px){main{gap:35px;padding:25px 28px 40px}h1{font-size:51px}.card{padding:27px 25px}.portrait-wrap{left:10px;width:190px;height:190px}.speech{left:172px;font-size:12px;max-width:180px;padding:13px}.activity{font-size:10px}.activity-coffee{right:-4px;top:125px}.activity-sea{right:0;top:198px}.lia-scene{height:265px}.player-tag{font-size:8px;letter-spacing:1px}}@media(max-width:740px){header{padding:22px}.brand{font-size:18px}.mark{width:43px;height:43px;font-size:32px}main{grid-template-columns:1fr;gap:27px;max-width:490px;padding:18px 23px 35px}.welcome{text-align:center}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:47px;letter-spacing:-2px;margin-top:20px}.intro{font-size:14px;margin:auto;max-width:330px}.lia-scene{height:215px;max-width:360px;margin:20px auto 0;text-align:left}.portrait-wrap{left:35px;width:157px;height:157px;top:9px}.portrait{border-width:6px}.portrait-name{font-size:13px;padding:7px 17px}.spark-one{left:-22px;font-size:27px}.spark-two{font-size:28px}.speech{left:174px;top:8px;max-width:156px;font-size:12px;padding:11px 13px}.activity{font-size:10px;padding:7px 10px;border-radius:14px;gap:5px}.activity>span:first-child{font-size:16px}.activity-coffee{top:113px;right:0}.activity-sea{top:174px;right:7px}.activity-dance{bottom:4px;left:4px}.promise{display:none}.card{text-align:left;padding:25px 25px 27px;border-radius:30px}h2{font-size:29px;margin-top:17px}.player-tag{font-size:9px}footer{font-size:9px;line-height:1.5;padding:15px 23px 25px;gap:20px}footer span:last-child{text-align:right}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.speech>span:first-child{display:block;text-wrap:balance}