@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/telescope/inter-400.woff2') format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url('/assets/telescope/inter-500.woff2') format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url('/assets/telescope/inter-600.woff2') format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url('/assets/telescope/inter-700.woff2') format('woff2')}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
:root{color-scheme:dark;--blue:#2aabee;--glow:#5dc3f7;--pink:#ff1a5e;--gold:#ffd24d;--ink:#f5f3ef;--muted:#a1a3ac;--line:#ffffff12;--panel:#252628;--surface:#101114}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-bottom:120px}
body{margin:0;background:#101113;color:var(--ink);font:14px/1.5 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}svg{display:block;width:20px;height:20px;flex:none}i[data-icon]{display:inline-flex;font-style:normal}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--glow);outline-offset:4px}
.phone-page{position:relative;width:min(100%,480px);margin:auto;min-height:100svh;background:linear-gradient(#1c1d1f 0%,#0f0f10 100%);overflow:clip}
.page-header{position:relative;display:flex;align-items:center;justify-content:center;padding:22px 20px 20px;min-height:65px;border-bottom:1px solid #ffffff08}
.wordmark{display:block;width:114px;height:auto}
.page-header .age-badge{position:absolute;right:20px;top:21px}
.age-badge{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:23px;padding:0 6px;border:1px solid #ffffff25;border-radius:7px;color:#c6c6ce;font-size:10px;font-weight:600}
.eyebrow{color:var(--glow);font-size:11px;font-weight:600;line-height:1.5}
.intro{padding:22px 20px 20px}.intro h1{font-size:32px;font-weight:700;line-height:1.16;letter-spacing:-1.15px}.intro .eyebrow{margin-bottom:9px}.intro p:last-child{margin-top:11px;max-width:29em;color:var(--muted);font-size:12px;line-height:1.7}
.blue-text{color:var(--glow)}
.primary-btn{display:flex;align-items:center;justify-content:center;gap:9px;min-height:54px;width:100%;padding:14px 18px;border-radius:999px;background:linear-gradient(#2aabee 0%,#229ed9 100%);border:1px solid #5dc3f780;box-shadow:0 4px 20px #2aabee26,inset 0 1px #ffffff24;color:#fff;font-size:14px;line-height:1.4;font-weight:700;transition:filter .15s,transform .15s}
.primary-btn:hover{filter:brightness(1.08)}.primary-btn:active{transform:scale(.985)}.primary-btn svg{width:20px;height:20px}
.primary-btn:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}
.glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:10px 15px;border-radius:999px;border:1px solid #ffffff25;background:linear-gradient(#ffffff16,#ffffff09),#0e0e1024;color:#d4d5dc;font-size:11px;font-weight:600;backdrop-filter:blur(19px) saturate(145%)}
.glass-btn svg{width:15px;height:15px}
.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 5px;color:#adb0b9;font-size:11px}.text-btn:hover{color:var(--glow)}.text-btn svg{width:14px;height:14px}
.download-note{font-size:10px;line-height:1.6;text-align:center;color:#a0a3ad;margin-top:9px}
.download-dock{position:fixed;left:50%;transform:translateX(-50%);bottom:0;z-index:20;width:min(100%,480px);padding:14px 18px calc(13px + env(safe-area-inset-bottom,0px));background:#1a1b1ef5;border-top:1px solid #ffffff12;backdrop-filter:blur(20px)}
.download-dock .download-note{margin-top:8px}
.download-dock.auto-dock{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .15s}.download-dock.auto-dock.visible{visibility:visible;opacity:1;pointer-events:auto}
.dock-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;color:#c6c9d0;font-size:10px}.dock-label b{font-weight:500}.dock-label span{color:#8d929e}
.has-dock{padding-bottom:calc(114px + env(safe-area-inset-bottom,0px))}
.creator-tile{position:relative;display:block;isolation:isolate;overflow:hidden;background:#101114;border-radius:26px;box-shadow:inset 0 0 0 1px #ffffff12,0 24px 50px -30px #000000e6;text-align:left;padding:0;width:100%;aspect-ratio:175/255}
.creator-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.creator-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 55%,#0001 70%,#000b 100%)}
.tile-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid #ffffff25;border-radius:999px;background:#15151565;backdrop-filter:blur(12px);font-size:8px;font-weight:600;line-height:1;letter-spacing:.3px;color:#fff}
.tile-name{position:absolute;left:14px;right:14px;bottom:16px;display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;line-height:1.3}
.tile-name svg{width:15px;height:15px;color:#dce7eb}
.tile-name small{display:block;font-size:9px;font-weight:400;color:#c6c9cf;margin-top:4px}
.section{padding:28px 20px}.section h2{font-size:23px;line-height:1.3;letter-spacing:-.6px;font-weight:600}.section>p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:10px}
.feature-row{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.feature-row:last-child{border-bottom:0}.feature-row>i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--glow);background:#2aabee14}.feature-row h3{font-size:13px;font-weight:600;margin-bottom:4px}.feature-row p{font-size:11px;color:var(--muted);line-height:1.65}.feature-row.vip>i{color:var(--gold);background:#f4b41c13}
.site-footer{padding:24px 20px 28px;border-top:1px solid var(--line);font-size:10px;color:#818693;line-height:1.85}.site-footer .footer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.site-footer .wordmark{width:99px}.site-footer nav{display:flex;flex-wrap:wrap;gap:0 17px;margin-top:10px}.site-footer a,.site-footer button{display:inline-flex;align-items:center;min-height:36px;padding:0;font-size:10px;color:#a0a4af}
.muted{color:var(--muted)}.gold{color:var(--gold)}.pink{color:var(--pink)}
.tiny-caption{padding-top:12px;text-align:center;font-size:9px;color:#858b98;line-height:1.6}
.modal-open{overflow:hidden}
.ts-dialog{position:fixed;inset:auto 0 0;width:min(100%,480px);max-width:100%;max-height:calc(100dvh - 24px);margin:0 auto;padding:27px 22px calc(23px + env(safe-area-inset-bottom,0px));background:#2c2c2cf5;backdrop-filter:blur(24px);border:1px solid #ffffff0f;border-bottom:0;border-radius:25px 25px 0 0;color:#fff;box-shadow:0 24px 60px #0008;overflow:auto;overscroll-behavior:contain}
.ts-dialog::backdrop{background:#0008;backdrop-filter:blur(5px)}.ts-dialog h2{font-size:24px;line-height:1.3;letter-spacing:-.5px;padding-right:29px}.ts-dialog .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:10px}.ts-dialog p.dialog-copy{font-size:12px;line-height:1.8;color:#b6b7c0;margin:12px 0 20px}.ts-dialog .primary-btn{margin-top:15px}
.close-dialog{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#c9c9d0}.close-dialog:hover{background:#ffffff0d}
.age-confirm{display:flex;gap:10px;align-items:center;padding:15px 0;font-size:12px;color:#e3e3e7}.age-confirm input{margin:0;width:20px;height:20px;accent-color:var(--blue)}
.dialog-app{display:flex;align-items:center;gap:12px;margin:20px 0 6px;padding:14px;border:1px solid #ffffff15;border-radius:16px;background:#ffffff05}.dialog-app img{width:46px;height:46px;border-radius:12px}.dialog-app b{font-size:13px}.dialog-app small{display:block;color:#9fa4af;font-size:10px;margin-top:3px}
.dialog-status{font-size:11px;line-height:1.8;min-height:18px;color:#a6d8f4;margin-top:13px}.dialog-status.error{color:#ffb5ca}.dialog-disclaimer{font-size:10px;color:#979aa6;margin-top:18px;line-height:1.8}
.creator-preview{width:100%;height:250px;object-fit:cover;object-position:50% 25%;border-radius:22px;margin:18px 0}
.ts-dialog h2{overflow-wrap:anywhere}
.access-list{display:flex;flex-wrap:wrap;gap:7px}.access-list span{border:1px solid #ffffff18;border-radius:999px;padding:6px 10px;font-size:10px;color:#bfc4cf}
.noscript{margin:20px;padding:15px;border:1px solid var(--blue);border-radius:10px;font-size:12px}
@media(max-width:359px){.intro{padding-inline:16px}.intro h1{font-size:28px}.section{padding-inline:16px}.primary-btn{font-size:13px}.tile-name{font-size:12px;left:11px;right:11px}.creator-tile{border-radius:23px}.tile-badge{left:10px;top:10px;font-size:8px}}
@media(min-width:520px){.phone-page{box-shadow:0 0 80px #0005}.ts-dialog{bottom:20px;border-radius:25px;border-bottom:1px solid #ffffff0f}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
