@font-face{font-family:'Coming Soon';src:url('/ComingSoon-Regular-21rivyij.ttf') format('truetype');font-display:swap}
@font-face{font-family:Lato;src:url('/Lato-Regular-Bg1gfoht.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url('/Lato-Black-CavJmJdf.ttf') format('truetype');font-weight:900;font-display:swap}
@font-face{font-family:Nunito;src:url('/Nunito-Light-B5S53vv_.ttf') format('truetype');font-weight:300;font-display:swap}
:root{--bg:#090a0f;--glow:#1b2735;--accent:#a7582c;--display:'Coming Soon','Microsoft YaHei',sans-serif;--body:Nunito,'Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}html{background:#090a0f}body{overflow:hidden;background:radial-gradient(ellipse at bottom,var(--glow),var(--bg));color:#fff;font-family:var(--body)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid rgba(255,255,255,.78);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#starfield{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.opening,.meditation,.completion{position:fixed;inset:0}.opening{z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;opacity:0;animation:opening-sequence 7s ease forwards;pointer-events:none}.opening p{margin:0;font:400 22px/1.45 var(--display);color:rgba(255,255,255,.9)}
.meditation{z-index:2}.guide{position:fixed;z-index:3;top:calc(env(safe-area-inset-top) + 80px);left:0;width:100%;margin:0;padding:10px 40px;color:#fff;text-align:center;font:400 26px/1.3 var(--display);opacity:.5;transition:opacity 1s ease}.guide.is-changing{opacity:0}.thought-star{position:fixed;z-index:2;top:50%;left:50%;width:240px;height:240px;margin:-120px 0 0 -120px;border-radius:50%;background:#ddd;box-shadow:0 0 50px tomato,0 0 30px orange,inset 0 10px 10px 20px #ddd,inset 30px 0 35px 50px #ccc;opacity:1;transform:scale(1);transition:opacity 3s ease}.thought-star::after{content:'';position:absolute;z-index:-1;inset:-10%;border-radius:50%;background:radial-gradient(circle,rgba(255,165,0,.18),transparent 68%);filter:blur(10px)}.thought-fit-area{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:80%;height:80%;padding:0;overflow:hidden;transform:translate(-50%,-50%);text-align:center}.thought-text{display:block;max-width:100%;max-height:100%;overflow:hidden;color:#111;font:900 40px/1.12 Lato,'Microsoft YaHei',sans-serif;overflow-wrap:anywhere;word-break:break-word;white-space:normal;opacity:0;transition:opacity .5s ease}.thought-form{position:fixed;z-index:4;left:0;bottom:calc(90px + env(safe-area-inset-bottom));display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:opacity .5s ease}.thought-form input{width:80%;max-width:500px;padding:16px;border:0;border-radius:15px;background:#fff;color:#000;font-size:16px;box-shadow:0 4px 6px -5px #705c5c,inset 0 4px 6px -5px #050505;outline:none}.thought-form input::placeholder{color:#777}.thought-form button,.completion button{position:relative;top:10px;width:110px;padding:12px;border:1px solid var(--accent);border-radius:15px;background:var(--accent);color:#fff;font:300 16px var(--body);letter-spacing:2px;text-align:center;text-transform:uppercase}.thought-form button:active,.completion button:active{border-color:var(--accent);background:#fff;color:var(--accent)}
.meditation.is-waiting{opacity:0;pointer-events:none;animation:meditation-in .8s ease 6.2s forwards}.meditation.is-running .thought-form{opacity:0;pointer-events:none}.meditation.is-running .thought-text{opacity:1}.meditation.is-shrinking .thought-star{transition:transform 55s linear,margin-top 55s linear;transform:scale(.02);margin-top:-250px}.meditation.is-leaving .thought-star{transition:margin-top 7s linear;margin-top:-1000px}.completion{z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;opacity:0;pointer-events:none;transition:opacity 1s ease}.completion.is-visible{opacity:1;pointer-events:auto}.completion p{margin:0;font:400 30px/1.35 var(--display);color:#cececf}.completion span{margin-top:8px;font:400 22px/1.4 var(--display);color:rgba(206,206,207,.72)}.completion button{top:0;width:auto;margin-top:28px;padding-inline:24px}
.home-nav{position:fixed;z-index:20;right:20px;top:14px}.home-nav button{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px;border:0;border-radius:10px;background:transparent;color:rgba(255,255,255,.55);font:400 14px var(--body)}.home-nav button:hover{background:rgba(255,255,255,.04);color:rgba(255,255,255,.95)}.home-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@keyframes opening-sequence{0%{opacity:0}12%{opacity:1}70%{opacity:1}100%{opacity:0}}@keyframes meditation-in{from{opacity:0}to{opacity:1}}@media(min-width:768px){.opening p{font-size:28px}.guide{font-size:32px}.thought-form{bottom:12vh}.thought-form input{width:100%;max-width:420px}.thought-form button:hover,.completion button:hover{border-color:var(--accent);background:#fff;color:var(--accent)}}@media(min-width:1024px){.opening p{font-size:32px}.guide{font-size:36px}.thought-star{width:300px;height:300px;margin:-150px 0 0 -150px}}@media(max-width:767px){.home-nav{top:auto;right:0;bottom:0;left:0;display:flex;justify-content:center;padding:6px 0 calc(env(safe-area-inset-bottom) + 4px);border-top:1px solid rgba(255,255,255,.06);background:rgba(9,10,15,.9)}.home-nav button{flex-direction:column;gap:1px;padding:2px 28px;font-size:10px}.thought-form{bottom:calc(92px + env(safe-area-inset-bottom))}}@media(max-height:650px){.guide{top:38px}.thought-form{bottom:70px}.thought-star{width:210px;height:210px;margin:-105px 0 0 -105px}}@media(prefers-reduced-motion:reduce){.opening{animation-duration:.01ms}.meditation.is-waiting{animation-delay:0s;animation-duration:.01ms}.guide,.thought-text,.thought-form,.completion{transition-duration:.01ms}.meditation.is-shrinking .thought-star{transition-duration:55s}.meditation.is-leaving .thought-star{transition-duration:7s}}