.onboarding-tour,.onboarding-tour *{box-sizing:border-box}.onboarding-tour{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;background:#17171338;backdrop-filter:blur(1px);font-family:var(--font-franklin),sans-serif;color:#151513;color-scheme:light;-webkit-font-smoothing:antialiased}.onboarding-tour .onboarding-dialog{width:460px;max-width:100%;max-height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #e1e1da;border-radius:20px;box-shadow:0 24px 90px #1112}.onboarding-tour button{font:inherit;cursor:pointer;touch-action:manipulation}.onboarding-tour button:focus-visible{outline:2px solid #171715;outline-offset:3px}.onboarding-tour .card-top{height:36px;display:flex;align-items:center;justify-content:flex-end;padding-right:22px;flex:none}.onboarding-tour .step{font-size:10px;color:#797970;letter-spacing:.3px;font-variant-numeric:tabular-nums}.onboarding-tour .visual{height:400px;margin:0 12px;background:#f2f2ec;position:relative;border-radius:11px;overflow:hidden;flex:none}.onboarding-tour .screen{position:absolute;background:white;border:1px solid #deded5;border-radius:11px;overflow:hidden;box-shadow:0 8px 22px #1f1f150c}.onboarding-tour .screen img{display:block;width:100%;height:auto;max-width:none}.onboarding-tour .post-frame{top:16px;left:50%;transform:translateX(-50%);width:275px;max-width:calc(100% - 48px);height:calc(100% - 32px);display:flex;flex-direction:column;gap:8px;padding:10px;background:#fff}.onboarding-tour .demo-post-header{display:flex;align-items:center;gap:5px;flex:none;min-width:0;height:25px;font-size:8px;line-height:1.2}.onboarding-tour .demo-post-avatar{width:23px;height:23px;flex:none;border-radius:50%;background:#e9e9e7 url(/onboarding/v1/profile.webp) 3% .8%/510% auto no-repeat}.onboarding-tour .demo-post-handle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600}.onboarding-tour .demo-post-score{font-size:12px;font-weight:600;color:#4338a7;white-space:nowrap}.onboarding-tour .demo-post-score-label{font-size:11px}.onboarding-tour .demo-post-follow{background:#171717;color:#fff;font-size:8px;padding:4px 7px;border-radius:20px;white-space:nowrap}.onboarding-tour .demo-post-more{font-size:12px;color:#777;flex:none}.onboarding-tour .demo-post-photo{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:hidden;border-radius:7px}.onboarding-tour .demo-post-photo img{display:block;width:auto;max-width:100%;height:100%;object-fit:contain}.onboarding-tour .demo-post-caption{text-align:left;line-height:1.45;color:#57575f;margin:0}.onboarding-tour .demo-post-activity,.onboarding-tour .demo-post-caption{width:var(--post-photo-width,100%);max-width:100%;align-self:center;font-size:10px;flex:none}.onboarding-tour .demo-post-activity{display:flex;align-items:center;justify-content:space-between;padding:2px 0 1px;min-height:21px;color:#74747c}.onboarding-tour .demo-post-activity>span{display:flex;align-items:center;gap:5px}.onboarding-tour .demo-post-activity svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.onboarding-tour .video-frame{top:16px;left:6%;height:calc(100% - 32px);width:auto;aspect-ratio:9/16;max-width:60%;transform:rotate(-4deg);border:0;border-radius:14px;background:#080808}.onboarding-tour .video-frame img{width:100%;height:100%;margin:0;object-fit:cover}.onboarding-tour .podcast-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#171714ef;border:1px solid #ffffff80}.onboarding-tour .podcast-mark svg{width:14px;height:14px;fill:#fff}.onboarding-tour .paper-frame{left:49%;right:auto;top:12px;width:47%;height:auto;aspect-ratio:172/198;transform:rotate(6deg);border-radius:9px;box-shadow:-5px 9px 24px #1112;overflow:visible}.onboarding-tour .reader-shot{position:relative;overflow:hidden;border-radius:inherit;aspect-ratio:172/198;background:#fafafa}.onboarding-tour .paper-frame img{margin-top:-63%}.onboarding-tour .mock-highlight{position:absolute;left:5.1%;height:6.2%;background:rgb(147 197 253/.38);border-radius:1px;pointer-events:none}.onboarding-tour .mock-highlight-first{top:84%;width:70%}.onboarding-tour .mock-highlight-last{top:92.1%;width:22%}.onboarding-tour .mock-comment-action{position:absolute;z-index:2;right:6px;top:calc(84% - 28px);display:flex;align-items:center;gap:4px;padding:5px 7px;background:#fff;border:1px solid #d4d4d8;border-radius:20px;box-shadow:0 3px 10px #1112;font-size:9px;color:#52525b;white-space:nowrap}.onboarding-tour .mock-comment-action svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.6;flex:none}.onboarding-tour .mock-comment-composer{position:absolute;z-index:3;left:0;right:0;top:calc(100% + 7px);border:1px solid #d4d4d8;border-radius:9px;background:#fff;padding:8px;box-shadow:0 8px 22px #12100c25}.onboarding-tour .mock-comment-field{display:block;border:1px solid #e4e4e7;border-radius:5px;padding:7px 6px;color:#77777f;background:#fff;font-size:8.5px;line-height:1.45;min-height:31px;white-space:normal}.onboarding-tour .mock-comment-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:8px;margin-top:6px;color:#71717a}.onboarding-tour .mock-comment-post{padding:4px 9px;border-radius:14px;background:#18181b;color:#fff;font-weight:550}.onboarding-tour .profile-frame{top:50%;left:50%;width:80%;max-width:300px;height:auto;padding:34px 8px 0;background:#fafafa;display:flex;align-items:flex-start;transform:translate(-50%,-50%);border-radius:18px}.onboarding-tour .profile-frame img{width:100%;height:auto;margin:0;object-fit:contain}.onboarding-tour .profile-shot{position:relative;width:100%}.onboarding-tour .profile-tabs{position:absolute;left:0;right:0;top:31.3%;height:6.6%;display:flex;background:#fafafa;border-bottom:1px solid #dedede}.onboarding-tour .profile-tabs>span{display:grid;place-items:center;width:33.333%;height:100%}.onboarding-tour .profile-tabs svg{width:9%;height:auto;fill:none;stroke:#a1a1aa;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.onboarding-tour .profile-tabs .active svg{stroke:#151515}.onboarding-tour .profile-tabs:after{content:"";position:absolute;bottom:-1px;left:12.2%;width:8.9%;height:1px;background:#171717}.onboarding-tour .card-copy{position:relative;min-height:0;padding:24px 28px 30px}.onboarding-tour .card-copy h2{margin:0 0 14px;padding-right:40px;font-family:inherit;font-size:28px;font-weight:550;letter-spacing:-1.1px;line-height:1.15;color:#151513}.onboarding-tour .card-copy h2:focus{outline:none}.onboarding-tour .card-copy p{margin:0;color:#55554b}.onboarding-tour .score-map{width:max-content;max-width:100%;text-align:left;margin-top:3px;padding-bottom:44px}.onboarding-tour .card-copy .score-lead{white-space:nowrap;font-size:clamp(16px,5vw,22px);line-height:1.35;letter-spacing:-.45px;color:#55554c;font-weight:400;text-align:left}.onboarding-tour .score-name-wrap{display:inline-block;position:relative;vertical-align:top}.onboarding-tour .score-name-wrap>strong{display:block;font-size:inherit;letter-spacing:inherit;margin:0;font-weight:550;color:#4338a7}.onboarding-tour .score-breakdown{position:absolute;left:0;right:0;top:100%;width:100%;margin:0;display:block;container-type:inline-size;text-align:center}.onboarding-tour .score-branches{display:block;width:100%;height:18px;margin-top:7px;overflow:visible;fill:none;stroke:#e3e3dc;stroke-width:.8}.onboarding-tour .score-labels{display:flex;width:100%;justify-content:space-between;align-items:center;gap:3px;font-size:clamp(8.8px,9.1cqw,12px);letter-spacing:0;line-height:1.5;color:#606057;text-align:left}.onboarding-tour .score-plus{width:auto;color:#8b8b82;text-align:center}.onboarding-tour .card-copy .media-lead{font-size:21px;line-height:1.4;letter-spacing:-.3px;color:#424238;font-weight:450}.onboarding-tour .card-copy .interpret-lead{font-size:26px;line-height:1.4;letter-spacing:-.3px;color:#424238;margin-top:8px}.onboarding-tour .card-copy .profile-copy{font-size:23px;line-height:1.5;letter-spacing:-.2px;color:#55554b}.onboarding-tour .profile-copy strong{font-weight:550;color:#3f3f37}.onboarding-tour .card-next{position:absolute;right:8px;top:20px;width:44px;height:44px}.onboarding-tour .primary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:8px;border:0;border-radius:5px;background:transparent;color:#1b1b16}.onboarding-tour .primary:hover{color:#55554b}.onboarding-tour .primary svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:3.7;stroke-linecap:square;stroke-linejoin:miter}@media(max-width:600px){.onboarding-tour{padding:14px}.onboarding-tour .onboarding-dialog{border-radius:18px;max-height:calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.onboarding-tour .card-top{height:33px}.onboarding-tour .visual{height:350px;margin-inline:11px}.onboarding-tour .post-frame{width:260px;padding:9px;gap:7px}.onboarding-tour .demo-post-caption{font-size:9px}.onboarding-tour .demo-post-header{gap:4px;font-size:7.5px}.onboarding-tour .demo-post-follow{font-size:7.5px}.onboarding-tour .demo-post-avatar{width:21px;height:21px}.onboarding-tour .demo-post-follow{padding:4px 6px}.onboarding-tour .paper-frame{top:4px}.onboarding-tour .mock-comment-composer{padding:7px}.onboarding-tour .mock-comment-field{padding:6px;font-size:7.5px;min-height:28px}.onboarding-tour .profile-frame{padding-top:28px}.onboarding-tour .card-copy{padding:24px 24px 28px}.onboarding-tour .card-copy h2{font-size:27px}.onboarding-tour .card-copy .media-lead{font-size:20px}.onboarding-tour .card-copy .interpret-lead{font-size:25px}.onboarding-tour .card-copy .profile-copy{font-size:22px}}@media(max-width:350px){.onboarding-tour .visual{height:330px}.onboarding-tour .post-frame{width:232px}.onboarding-tour .demo-post-header{font-size:7px;gap:3px}.onboarding-tour .demo-post-follow{font-size:7px;padding:3px 5px}.onboarding-tour .demo-post-caption{font-size:8px}.onboarding-tour .demo-post-activity{font-size:9px}.onboarding-tour .demo-post-activity svg{width:12px;height:12px}.onboarding-tour .paper-frame{top:3px}.onboarding-tour .mock-comment-action{font-size:8px;gap:3px;padding:4px 6px}.onboarding-tour .mock-comment-action svg{width:10px;height:10px}.onboarding-tour .mock-comment-composer{padding:6px;top:calc(100% + 6px)}.onboarding-tour .mock-comment-field{font-size:7px;padding:5px;min-height:25px}.onboarding-tour .mock-comment-footer{font-size:7px;margin-top:5px}.onboarding-tour .mock-comment-post{padding:3px 7px}.onboarding-tour .profile-frame{padding-top:26px}.onboarding-tour .card-copy{padding:22px 20px 26px}.onboarding-tour .card-copy h2{font-size:25px}.onboarding-tour .card-next{right:6px;top:16px}.onboarding-tour .card-copy .media-lead{font-size:18px}.onboarding-tour .card-copy .interpret-lead{font-size:22px}.onboarding-tour .card-copy .profile-copy{font-size:20px}}@media(max-height:700px){.onboarding-tour .visual{height:285px}}@media(max-height:700px) and (min-width:351px){.onboarding-tour .visual{height:320px}}@media(max-height:700px) and (min-width:601px){.onboarding-tour .visual{height:350px}}