.welcome-page{display:block;min-height:100dvh;max-width:1180px;margin:auto;padding:32px 48px 22px;background:radial-gradient(ellipse at 85% 30%,#e9eddf66,transparent 55%)}
.welcome-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:58px}
.welcome-header .brand{padding:0;font-size:27px}
.welcome-header>span{font-size:9px;letter-spacing:1.8px;color:#7c8570}
.welcome-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:start}
.welcome-story .eyebrow{color:#718263;font-size:10px;letter-spacing:2px}
.welcome-story h1{font-size:clamp(30px,3.1vw,44px);line-height:1.22;letter-spacing:-1.7px;margin:19px 0 29px;max-width:none;color:#3c4e35}
.welcome-story h1 span{color:#96a781}
#welcome-title:focus{outline:none}
.welcome-story p{font-size:15px;line-height:1.9;color:#707765;margin:0 0 19px;max-width:490px}
.welcome-story .welcome-signoff{color:#4d5e43}
.welcome-story .maker-credit{margin-top:28px;font-size:12px;color:#848b7c}
.maker-credit a,.site-footer a{color:#536748;text-underline-offset:4px;text-decoration-color:#b5c0a9}
.welcome-orbit{position:relative;width:100%;height:220px;margin:-6px 0 22px;color:#b0bda2}
.welcome-orbit>svg{height:100%;width:100%;fill:none;stroke:currentColor;stroke-width:1}
.welcome-orbit .orbit-center{fill:#91a579;stroke:0}
.orbit-note{position:absolute;font-size:11px;padding:13px 16px;border:1px solid;border-radius:9px;box-shadow:0 3px 0 #394d3910;white-space:nowrap}
.note-curiosity{top:26px;left:8px;background:#fffaf0;border-color:#e6ddc0;color:#927c47;transform:rotate(-5deg)}
.note-someday{top:91px;right:0;background:#f5f0fb;border-color:#ddd3e7;color:#897397;transform:rotate(4deg)}
.note-today{bottom:24px;left:30px;background:#f0f5eb;border-color:#d5e0c8;color:#768968;transform:rotate(-3deg)}
.orbit-caption{position:absolute;bottom:-8px;right:16px;font-size:10px;font-style:italic;color:#929c84}
.welcome-start{padding-top:14px}
.welcome-start h2{font-family:Manrope,sans-serif;font-size:19px;font-weight:550;letter-spacing:-.6px;margin:0 0 8px;color:#43563b}
.welcome-start>p{font-size:12px;color:#868c7b;line-height:1.7;margin:0 0 19px}
.start-choice{display:flex;align-items:center;gap:18px;width:100%;padding:19px 20px;border:1px solid #dce2d1;background:#fffefa;border-radius:12px;text-align:left;margin:0 0 12px;transition:border-color .15s,background .15s,transform .15s}
.start-choice:hover{border-color:#91a47b;background:#f4f7ec;transform:translateY(-2px)}
.start-choice>span:first-child{flex:1}
.start-choice strong{display:block;font-size:14px;font-weight:550;color:#455a3b}
.start-choice small{display:block;font-size:11px;line-height:1.7;color:#848c78;margin-top:7px}
.start-choice svg{width:18px;color:#879975}
.welcome-start .welcome-storage{font-size:10px;margin-top:20px}
#welcome-error{color:#9d573a}
#welcome-error:empty{display:none}
#welcome-back{margin:35px auto 0}
.welcome-footer{border-top:1px solid #e3e6da;margin-top:44px;padding-top:20px;font-size:11px;color:#8b9380}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:none;padding:9px 40px 12px;border-top:1px solid #eceee4;font-size:10px;color:#8b937f}
.site-footer button{font-size:inherit;padding:3px 0;color:#77866b;text-underline-offset:4px}
.site-footer button:hover{text-decoration:underline}
@media(max-width:1000px){.welcome-page{padding:28px 30px 22px}.welcome-layout{gap:40px}.welcome-story p{font-size:14px}}
@media(max-width:760px){.welcome-page{padding:24px 24px 20px}.welcome-header{margin-bottom:40px}.welcome-header>span{display:none}.welcome-header .brand{font-size:25px}.welcome-layout{grid-template-columns:1fr;gap:16px}.welcome-story h1{font-size:34px;letter-spacing:-1.2px;margin:16px 0 25px}.welcome-story p{max-width:none;font-size:14px;line-height:1.85}.welcome-story .maker-credit{margin-top:23px}.welcome-orbit{height:170px;max-width:400px;margin:3px auto 27px}.orbit-note{font-size:10px;padding:10px 12px}.note-curiosity{top:10px}.note-someday{top:66px}.note-today{bottom:19px;left:20px}.welcome-start{padding-top:0}.welcome-start h2{font-size:20px}.start-choice{padding:19px 17px}.welcome-footer{margin-top:28px;line-height:1.7}.site-footer{padding:8px 19px 10px;font-size:9px}}