:root{--light:#e8e8e8;--dark:#0e0e0e;--white:#fff;--gray:#a6a6a6}*{box-sizing:border-box}html,body,#root{background:var(--dark);min-height:100%;color:var(--dark);margin:0;font-family:Jost,system-ui,sans-serif}button{font:inherit}.screen{width:100%;max-width:430px;min-height:100dvh;padding:44px 18px calc(20px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.light{background:var(--light)}.dark{background:var(--dark);color:var(--white)}h1,h2,p{text-wrap:balance;margin:0;font-weight:400;line-height:1.13}.welcome{flex-direction:column;align-items:flex-start;display:flex}.logoVideo{width:72%;margin-top:76px}.welcome h1{max-width:370px;margin:8px 0 0 16px;font-size:17px}.heroShape{justify-content:center;align-items:flex-end;width:100%;height:47dvh;margin-top:80px;display:flex;overflow:hidden}.heroShape video,.recAnim video{width:100%;display:block}.pill{width:100%;height:44px;color:var(--dark);background:#f0f0f0;border:0;border-radius:999px;justify-content:center;align-items:center;font-size:18px;font-weight:400;display:flex}.pill.dark{background:var(--dark);color:var(--white)}.pill.outline{color:#fff;background:0 0;border:1.5px solid #fff}.back{color:inherit;z-index:3;background:0 0;border:0;font-size:32px;font-weight:200;line-height:1;position:absolute;top:33px;left:18px}.reading h2{max-width:360px;margin-top:60px;font-size:24px}.readCard{background:var(--light);max-width:388px;max-height:calc(100dvh - 380px);color:var(--dark);transform-origin:0 100%;border-radius:18px;margin:40px auto 0;padding:28px 20px;font-size:18px;line-height:1.5;animation:.6s cubic-bezier(.2,.8,.2,1) cardAppear;overflow:hidden auto;box-shadow:inset 0 0 0 1px #0000000d}.readCard p{word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;width:100%;max-width:346px;margin:0 auto}.readCard p+p{margin-top:22px}.readCard::-webkit-scrollbar{width:6px}.readCard::-webkit-scrollbar-thumb{background:#666;border-radius:999px}@keyframes cardAppear{0%{opacity:0;transform:translate(-30px,40px)scale(.92)}to{opacity:1;transform:translate(0)scale(1)}}.bottom{position:absolute;bottom:12px;left:16px;right:16px}.dots{justify-content:center;align-items:end;gap:13px;height:24px;margin-top:13px;display:flex}.dots span{background:#505050;border-radius:50%;width:8px;height:8px}.dots .on,.light .dots .on{background:#fff}.intro{text-align:center;justify-content:center;align-items:center;display:flex}.centerText{transform:translateY(-100px)}.centerText h2{font-size:24px;line-height:1.12}.centerText p{margin-top:10px;font-size:17px}.rec{flex-direction:column;justify-content:center;align-items:center;gap:25px;display:flex}.recAnim{width:100%;margin-bottom:-130px}.micWrap{place-items:center;width:270px;height:270px;display:grid}.mic-fixed{z-index:2;grid-area:1/1;width:76px;height:60px;display:block}.rings{width:230px;height:230px;box-shadow:inset 0 0 0 34px var(--dark), inset 0 0 0 36px #e8e8e8;transform:scale(var(--ring-scale,1));z-index:0;border:2px solid #e8e8e8;border-radius:50%;grid-area:1/1;justify-content:center;align-items:center;transition:transform .12s ease-out,box-shadow .12s ease-out;display:flex}.rings img{width:76px}.timer{margin-top:5px;font-size:24px}.analysis{text-align:center;place-items:center;display:grid}.analysis p{color:#9f9f9f;font-size:18px}.loader{justify-content:center;gap:15px;margin-top:19px;display:flex}.loader span{background:#eee;border-radius:50%;width:8px;height:8px;animation:.9s infinite alternate pulse}.loader span:nth-child(2){animation-delay:.15s}.loader span:nth-child(3){animation-delay:.3s}@keyframes pulse{to{opacity:.25}}.result{background:var(--dark);color:var(--white);padding:40px 18px 450px}.result h2{margin-left:14px;font-size:24px}.scoreCard{-webkit-backdrop-filter:blur(24px);color:#fff;background:#ffffff01;border:1px solid #fff1;border-radius:24px;margin-top:25px;padding:36px 22px 32px;box-shadow:inset 0 0 0 1px #ffffff0d}.score{grid-template-columns:160px 1fr;align-items:center;margin:11px 0;display:grid}.score span{font-size:18px;line-height:1.02}.score div{background:#555;border-radius:99px;height:8px;overflow:hidden}.score b{background:#eee;border-radius:99px;height:100%;display:block}.comment{text-align:center;color:#555;max-width:330px;margin:15px auto 0;font-size:18px}.sheet{color:#fff;text-align:center;z-index:2;background:#141414;border:1px solid #fff1;border-radius:46px 46px 0 0;max-width:430px;min-height:220px;margin:0 auto;padding:0 18px 18px;transition:all .45s cubic-bezier(.2,.8,.2,1);position:fixed;bottom:0;left:0;right:0}.sheetHandle{cursor:grab;touch-action:pan-down pan-up;justify-content:center;align-items:center;height:40px;display:flex;position:absolute;top:0;left:0;right:0}.sheetHandle:before{content:"";background:#555;border-radius:2px;width:40px;height:4px}.sheet.open{min-height:95dvh;padding-top:70px}.sheetLogo{width:86%;margin:20px;position:absolute;top:345px;left:50%;transform:translate(-50%)}.sheetTitle{color:#e8e8e8;margin:40px 0 0;font-size:18px}.sheetTitle:first-letter{color:#e8e8e8}.sheetSub{color:#e8e8e8;margin:18px 0;font-size:14px}.sheet.open .sheetSub{margin-top:29dvh}.sheet .pill{height:44px;font-size:18px}.socials{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:2px;padding:0;display:grid}.socials .pill{width:100%;height:50px}.socials img{height:30px;margin:0 auto;display:block}.result>.dots{z-index:4;position:absolute;bottom:11px;left:0;right:0}@media (height<=760px){.reading h2{margin-top:110px}.readCard{height:57dvh;margin-top:40px}.sheetSub{margin-top:19dvh}.sheet.open .sheetSub{margin-top:22dvh}.logoVideo{margin-top:45px}.heroShape{height:43dvh}}@media (width>=431px){body{background:#111}.screen{border-left:1px solid #222;border-right:1px solid #222}}.screen{animation:.35s cubic-bezier(.2,.8,.2,1) screenSlide}@keyframes screenSlide{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.newWelcome{position:relative;overflow:hidden}.blurTop,.blurBottom{pointer-events:none;z-index:2;width:130%;position:absolute;left:50%;transform:translate(-50%)}.blurTop{opacity:.25;top:-40px}.blurBottom{opacity:100;bottom:-20px}.newLogoVideo,.newWelcome h1,.welcomeList,.newWelcome .bottom{z-index:3;position:relative}.newLogoVideo{opacity:.45;width:58%;margin:20px auto 0;transform:translate(10px)}.newWelcome h1{max-width:360px;color:var(--white);text-align:center;margin:8px auto 0;font-size:24px;line-height:1.08}.welcomeList{gap:18px;width:100%;margin-top:42px;padding:0 16px;display:grid}.welcomeItem{text-align:left;grid-template-columns:32px 1fr;align-items:center;gap:16px;display:grid}.welcomeItem img{width:32px;height:32px}.welcomeItem h3{color:var(--white);margin:0;font-size:18px;font-weight:400;line-height:1.05}.welcomeItem p{color:#777;margin:3px 0 0;font-size:14px;line-height:1.15}.newHeroShape{opacity:.2;z-index:1;width:72%;height:auto;margin:0;position:absolute;bottom:75px;right:-8px}.newHeroShape video{width:100%}.newWelcome .bottom{left:16px;right:16px;bottom:calc(28px + env(safe-area-inset-bottom));z-index:5;position:absolute}.newReading{position:relative;overflow:hidden}.readingTopBlur{opacity:.45;pointer-events:none;z-index:0;width:130%;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.stepNumber{color:#fff1;z-index:1;pointer-events:none;font-family:Jost,system-ui,sans-serif;font-size:128px;font-weight:600;line-height:.8;position:absolute;top:34px;right:16px}.newReading h2{z-index:2;text-align:center;max-width:360px;color:var(--white);margin:30px auto 0;font-size:24px;font-weight:500;line-height:1.12;position:relative}.readingTime{z-index:2;width:fit-content;height:54px;color:var(--white);background:#fff1;border-radius:999px;align-items:center;gap:13px;margin:22px 0 22px 12px;padding:0 26px;font-size:14px;display:flex;position:relative}.readingTime img{width:24px;height:24px}.newReading .readCard{z-index:2;-webkit-backdrop-filter:blur(14px);max-width:380px;max-height:50dvh;color:var(--white);background:#ffffff01;border:1px solid #fff1;border-radius:20px;margin:24px auto 0;padding:24px;position:relative;overflow-y:auto}.newReading .readCard p{max-width:100%;color:var(--white);margin:0;font-family:Cormorant Garamond,serif;font-size:18px;line-height:1.15}.newReading .readCard p+p{margin-top:8px}.readingHint{color:#777;z-index:2;grid-template-columns:52px 1fr;align-items:center;gap:0;display:grid;position:absolute;bottom:130px;left:38px;right:28px}.readingHint img{width:30px;height:30px}.readingHint p{color:#777;font-size:14px;line-height:1.15}.newReading .bottom{z-index:3}.newReading .dots{display:none}.rec{animation:none!important}.timerWrap{text-align:center}.recordingStatus{color:#727272;margin-top:8px;font-size:14px;line-height:1}.recordingHint{grid-template-columns:44px 1fr;align-items:center;gap:-10px;display:grid;position:absolute;bottom:130px;left:36px;right:36px}.recordingHint img{width:30px;height:30px}.recordingHint p{color:#727272;margin:0;font-size:14px;line-height:1.15}.socials a{width:100%;min-width:0;display:block}.socials a .pill{width:100%;min-width:0}.result .bottom{z-index:1000;width:calc(100% - 32px);max-width:398px;position:fixed;bottom:24px;left:50%;right:auto;transform:translate(-50%)}.result .socials{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin:0;padding:0;display:grid}.result .socials .pill{justify-content:center;align-items:center;width:100%;height:44px;padding:0;line-height:0;display:flex}.result .socials img{height:30px;margin:0;display:block}.result .socials a{justify-content:center;align-items:center;display:flex}.result .socials img{object-fit:contain;width:30px;height:30px;margin:0}.sheetSub{text-align:center;max-width:320px;margin-left:auto;margin-right:0 auto 18px}.result .sheetSub{text-align:center;z-index:1000;width:320px;position:fixed;bottom:108px;left:50%;transform:translate(-50%)}.readingTime{display:none!important}.resultNew{text-align:center;padding:24px 28px 0;overflow:hidden}.resultHero{z-index:2;margin-top:10px;margin-bottom:16px;position:relative}.resultHeroLabel{color:var(--white);margin:0 0 10px;font-size:18px;font-weight:300;line-height:1.1}.resultHeroScore{color:var(--white);justify-content:center;align-items:flex-end;gap:6px;display:flex}.resultHeroScore span{letter-spacing:-4px;font-size:118px;font-weight:800;line-height:.86}.resultHeroScore b{color:#ffffff6b;margin-bottom:8px;font-size:34px;font-weight:700;line-height:1}.resultProfileCard{z-index:2;background:#ffffff05;border:1px solid #ffffff24;border-radius:20px;width:100%;max-width:390px;margin:0 auto;padding:16px 26px 24px;position:relative;box-shadow:inset 0 0 0 1px #ffffff05}.resultProfileCard h2{color:var(--white);text-align:center;margin:0 0 12px;font-size:14px;font-weight:300;line-height:1.05}.resultMetrics{gap:8px;display:grid}.resultMetric{text-align:left}.resultMetricTop{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:3px;display:flex}.resultMetricTop span{color:var(--white);font-size:14px;font-weight:200;line-height:1.05}.resultMetricTop b{color:var(--white);font-size:14px;font-weight:200;line-height:1}.resultMetricBar{background:#ffffff21;border-radius:999px;width:100%;height:8px;overflow:hidden}.resultMetricBar i{background:var(--white);border-radius:999px;height:100%;display:block}.resultComment{z-index:2;color:#ffffff6b;text-align:center;max-width:390px;margin:12px auto 0;font-size:18px;font-weight:200;line-height:1.18;position:relative}.resultNew .sheet{z-index:3}.resultNew .bottom{z-index:4}.sheetLead{color:#e8e8e8b3;text-align:center;margin:10px 0 0;font-size:14px}:root{--button-height:64px}.screen{padding-bottom:calc(16px + var(--button-height) + env(safe-area-inset-bottom))!important}.pill{height:var(--button-height)!important}.bottom{left:0;right:0;bottom:calc(54px + env(safe-area-inset-bottom));z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:6px 18px 0;display:flex;position:fixed}.bottom .sheetSub{text-align:center;color:#a6a6a6;max-width:370px;margin:0;font-size:18px}.bottom .pill{width:100%;max-width:370px;margin:0 16px}.bottom .dots{margin-top:4px}.sheet.open{padding-bottom:calc(var(--button-height) + 20px + env(safe-area-inset-bottom))}.result>.dots{position:static}