:root{color-scheme:dark;--bg:#0b0d18;--panel:#151624;--ink:#f5f3ff;--muted:#aaa8bd;--accent:#b7a3ff;--border:#ffffff16}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid var(--accent);outline-offset:6px}img{display:block;max-width:100%}p,h1,h2,h3,figure{margin:0}h1,h2,h3{line-height:1.25;font-weight:600;letter-spacing:-.04em}p{color:var(--muted)}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;background:var(--accent);color:#111;padding:10px;z-index:100}.skip:focus{top:10px}header{position:sticky;top:0;z-index:20;background:#0b0d18d9;backdrop-filter:blur(22px);border-bottom:1px solid var(--border)}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:11px;font-weight:650;font-size:20px;letter-spacing:-.5px}.brand img{border-radius:9px}.nav nav{display:flex;gap:36px;color:#cbc9db;font-size:14px}.nav a:hover{color:var(--accent)}.nav-download{font-size:13px;border:1px solid #ffffff28;padding:7px 19px;border-radius:24px}.hero{padding-top:65px;text-align:center}.release{font-size:12px;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;gap:9px;color:#c4badc}.release i{width:6px;height:6px;border-radius:100%;background:var(--accent);box-shadow:0 0 14px #ad93ff}h1{font-family:"Songti SC","Noto Serif CJK SC",serif;font-weight:600;font-size:clamp(55px,6.5vw,88px);letter-spacing:.04em;line-height:1.22;margin:21px 0}.lead{font-size:17px;line-height:1.9}.actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 25px;border-radius:28px;border:1px solid transparent;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{color:#181226;background:#c3b1ff}.primary:hover{background:#d3c6ff}.quiet{background:#ffffff08;border-color:#ffffff26;color:#e6dffb}.quiet:hover{background:#ffffff12}.four-screens{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;max-width:1000px;margin:68px auto 0;perspective:1400px}.four-screens:before{content:"";position:absolute;z-index:-1;inset:-70px -100px 0;background:radial-gradient(ellipse,#7762bd38 0,transparent 66%);pointer-events:none}.four-screens figure{transition:transform .6s;animation:enter .9s both}.four-screens figure:nth-child(1){transform:translateY(35px) rotate(-5deg);animation-delay:.08s}.four-screens figure:nth-child(2){transform:translateY(0) rotate(-1.5deg);animation-delay:.16s}.four-screens figure:nth-child(3){transform:translateY(0) rotate(1.5deg);animation-delay:.24s}.four-screens figure:nth-child(4){transform:translateY(35px) rotate(5deg);animation-delay:.32s}.four-screens figure:hover{transform:translateY(-10px) rotate(0)}.screen{padding:0;display:block;border:6px solid #353541;background:#353541;overflow:hidden;box-shadow:0 20px 65px #0006;cursor:zoom-in}.screen img{width:100%;height:auto}.phone{border-radius:28px}.four-screens figcaption{font-size:13px;margin-top:17px}.four-screens figcaption span{font-size:11px;color:var(--muted);display:block;margin-top:4px}.capture-note{font-size:11px;text-align:center;color:#817f95;margin-top:58px}.experience{padding-top:140px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:45px}h2{font-size:clamp(32px,4vw,48px)}.section-top p{margin-top:20px;font-size:16px}.segmented{display:flex;padding:5px;background:#ffffff08;border:1px solid var(--border);border-radius:28px;flex-shrink:0}.segmented button{border:0;padding:7px 23px;background:transparent;border-radius:24px;font-size:13px;color:var(--muted)}.segmented button[aria-pressed=true]{background:#c3b1ff;color:#201a30}.exhibit{border:1px solid var(--border);border-radius:30px;background:linear-gradient(125deg,#1b1732,#101522);display:grid;grid-template-columns:230px 1fr;overflow:hidden}.feature-tabs{padding:30px 15px;display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--border);justify-content:center}.feature-tabs button{text-align:left;border:1px solid transparent;border-radius:16px;background:transparent;padding:20px;color:#8f8ba8}.feature-tabs button span{font-size:19px;font-weight:600;display:block}.feature-tabs button small{display:block;margin-top:6px;font-size:11px}.feature-tabs button[aria-pressed=true]{color:#eee6ff;background:#ffffff08;border-color:#b6a2f72e}.feature-tabs button[aria-pressed=true] span{color:#c6b3ff}.exhibit-stage{padding:40px;display:grid;place-items:center;min-height:620px}.tablet{border-radius:24px;border-width:8px}.stage-screen{width:100%;max-width:800px;transition:width .35s}.stage-screen.is-phone{width:240px;border-radius:27px}.exhibit-caption{display:flex;justify-content:space-between;gap:24px;margin-top:20px;font-size:13px}.exhibit-caption span{color:#817f95;white-space:nowrap;font-size:11px}.reading{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:60px;padding-top:150px;padding-bottom:150px}.reading-copy>p{margin-top:25px;font-size:16px;line-height:1.9;max-width:390px}.inline-features{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.inline-features span{border:1px solid #ffffff1b;padding:5px 12px;border-radius:18px;font-size:11px;color:#bbb5cd}.text-link{display:inline-block;margin-top:25px;color:#d0bfff;background:transparent;border:0;padding:0;font-size:14px}.text-link:hover{text-decoration:underline}.text-link span{margin-left:12px}.reading-shot{transform:rotate(2deg)}.turning{background:#151322;overflow:hidden}.turning-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-top:80px;padding-bottom:80px}.video-frame{max-width:280px;margin:auto;border:7px solid #3a3548;border-radius:29px;overflow:hidden;box-shadow:0 25px 90px #0006;transform:rotate(-4deg)}video{display:block;width:100%;height:auto;background:#f5f3ef}.turn-copy>p{margin:25px 0;max-width:420px}.turn-copy .subtle{font-size:11px;margin:15px 0}.turn-options{display:flex;gap:20px;border-top:1px solid var(--border);padding-top:24px;margin-top:30px;color:#bbb4ce;font-size:12px}.overview{padding-top:140px}.edition{font-size:12px;color:#b4a7bd;text-align:right}.overview-shot{max-width:1000px;margin:auto;box-shadow:0 40px 100px #391d2830}.overview .capture-note{margin-top:25px}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding-top:110px;padding-bottom:110px}.details h3{font-size:21px;letter-spacing:-.02em}.details p{font-size:14px;margin-top:16px;line-height:1.9}.subtle{color:#8d869e;font-size:12px}.details .subtle{display:block;margin-top:25px}.support-strip{padding:40px 0;border-block:1px solid var(--border);display:flex;align-items:center;gap:25px}.support-strip>img{border-radius:22px}.support-strip h2{font-size:25px}.support-strip p{margin-top:12px;font-size:13px}.support-strip .button{margin-left:auto;white-space:nowrap}.download{text-align:center;padding-top:130px;padding-bottom:130px}.download h2{font-family:"Songti SC",serif;line-height:1.4;font-size:54px}.download>p{margin-top:20px;font-size:14px}.downloads{display:flex;justify-content:center;gap:18px;margin-top:35px}.downloads button{display:flex;gap:18px;align-items:center;text-align:left;border:1px solid #b8a1ed46;border-radius:21px;padding:18px 32px;min-width:240px;background:#ffffff04;opacity:1;color:#eee7ff}.downloads button:first-child{background:#c0aafa;color:#221635}.downloads svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.downloads b{font-size:17px}.downloads small{display:block;font-size:11px;opacity:.65;margin-top:3px}footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:28px;padding-bottom:35px;font-size:12px;color:#918aa1}footer .brand{font-size:16px;color:#e7dff8}dialog{border:1px solid #ffffff30;border-radius:20px;background:#151322;padding:15px;max-width:95vw;max-height:95vh;color:#eee}dialog::backdrop{background:#05050ce8;backdrop-filter:blur(12px)}.lightbox-bar{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:0 4px 12px}.lightbox-bar p{font-size:13px}.lightbox-bar button{font-size:30px;border:0;background:transparent;line-height:1;padding:5px 10px}#full-image{max-height:80vh;max-width:88vw;width:auto;height:auto;object-fit:contain;margin:auto;border-radius:10px}.support-page{padding-top:65px;padding-bottom:100px}.back-link{font-size:13px;color:#b8a7d5}.support-hero{margin:55px auto;max-width:750px;text-align:center}.support-hero>img{margin:0 auto 28px;border-radius:28px}.support-hero h1{font-size:56px}.support-hero>p{max-width:530px;margin:25px auto;font-size:17px}.support-layout{display:grid;grid-template-columns:1fr 300px;gap:80px;max-width:930px;margin:60px auto 0;align-items:center}.support-card{background:#181525;border:1px solid #c7abff20;border-radius:28px;padding:40px}.support-card h2{font-size:32px}.support-card>p{margin:22px 0;font-size:15px}.support-card .button{width:100%;margin:10px 0 20px}.support-card details{border-top:1px solid var(--border);padding-top:18px;color:#bcb2ce;font-size:13px}.support-card summary{cursor:pointer}.support-card details p{margin-top:12px}.support-page .screen{max-width:260px;margin:auto}.support-page figcaption{font-size:11px;text-align:center;margin-top:16px;color:#a69bb7}.sources{max-width:820px;padding-block:70px}.sources h1{font:600 40px "PingFang SC",sans-serif;letter-spacing:0}.sources h2{font-size:25px;margin-top:38px;margin-bottom:15px}.sources p,.sources li{font-size:15px;color:var(--muted)}.sources a{color:#c5afff}.sources li{margin:7px 0}@keyframes enter{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}@media(min-width:1500px){.hero{padding-top:75px}.four-screens{max-width:1100px;gap:32px}}@media(max-width:900px){.wrap{width:calc(100% - 40px)}.nav nav{gap:18px}.four-screens{gap:15px}.four-screens figcaption span{display:none}.phone{border-radius:20px;border-width:4px}.exhibit{grid-template-columns:1fr}.feature-tabs{flex-direction:row;padding:12px;border-right:0;border-bottom:1px solid var(--border);gap:6px}.feature-tabs button{flex:1;text-align:center;padding:14px 6px}.feature-tabs button small{display:none}.feature-tabs button span{font-size:15px}.exhibit-stage{min-height:490px;padding:25px}.reading{grid-template-columns:1fr;gap:45px;padding-block:90px}.reading-copy>p{max-width:560px}.reading-shot{max-width:700px;margin:auto;transform:none}.turning-inner{gap:35px}.turn-copy h2{font-size:34px}.details{gap:25px}.support-strip{flex-wrap:wrap}.support-strip .button{margin-left:112px}.support-layout{gap:35px;grid-template-columns:1fr 240px}.support-card{padding:28px}.support-hero h1{font-size:46px}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.nav{height:66px;gap:10px}.nav .brand{font-size:17px;gap:7px}.nav .brand img{width:29px;height:29px}.nav nav{gap:16px;font-size:12px}.nav nav a:nth-child(2){display:none}.nav-download{display:none}.hero{padding-top:42px}h1{font-size:58px}.release{font-size:10px}.lead{font-size:14px}.button{font-size:12px;padding:11px 21px;min-height:44px}.four-screens{grid-template-columns:repeat(2,1fr);gap:28px 20px;margin:45px 8px 0}.four-screens figure:nth-child(n){transform:none}.four-screens figure:nth-child(2n){transform:translateY(25px)}.four-screens figure:hover{transform:none}.four-screens:before{inset:-20px}.four-screens figcaption{margin-top:10px;font-size:12px}.phone{border-width:4px;border-radius:23px}.capture-note{font-size:10px;margin-top:50px}.experience{padding-top:85px}.section-top{align-items:flex-start;flex-direction:column;margin-bottom:25px}h2{font-size:32px}.section-top p{font-size:14px}.segmented{align-self:flex-end}.exhibit{border-radius:20px}.exhibit-stage{padding:18px;min-height:300px}.stage-screen.is-phone{width:220px}.tablet{border-width:5px;border-radius:16px}.feature-tabs{gap:0;padding:7px}.feature-tabs button{padding:10px 6px;border-radius:12px}.feature-tabs button span{font-size:13px}.exhibit-caption{font-size:12px}.exhibit-caption>span{display:none}.reading{padding-block:80px;gap:35px}.reading-copy>p{font-size:14px}.turning-inner{grid-template-columns:1fr;padding-block:60px;gap:40px}.video-frame{max-width:235px;grid-row:2;transform:rotate(-2deg)}.turn-copy h2{font-size:32px}.turn-copy>p{font-size:14px}.turn-options{gap:18px}.overview{padding-top:80px}.overview .edition{display:none}.details{grid-template-columns:1fr;gap:35px;padding-block:70px}.details article{border-bottom:1px solid var(--border);padding-bottom:30px}.details h3{font-size:22px}.details p{font-size:14px}.support-strip{gap:18px;padding-block:30px}.support-strip>img{width:60px;height:60px;border-radius:15px}.support-strip>div{flex:1}.support-strip h2{font-size:23px}.support-strip p{font-size:12px}.support-strip .button{margin-left:78px}.download{padding-block:80px}.download h2{font-size:40px}.downloads{gap:12px}.downloads button{min-width:0;flex:1;padding:16px 14px;gap:10px;border-radius:16px}.downloads b{font-size:14px}.downloads svg{width:24px}.downloads small{font-size:10px}footer{flex-wrap:wrap;gap:15px}footer>span{display:none}.support-page{padding-top:30px}.support-hero{margin:40px auto}.support-hero h1{font-size:38px}.support-hero>p{font-size:15px}.support-layout{grid-template-columns:1fr;gap:35px}.support-card{padding:26px}.support-card h2{font-size:28px}.support-page .screen{max-width:220px}.sources{padding-top:40px}.sources h1{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.four-screens figure:hover{transform:none}}
@media(min-width:901px){.hero{padding-top:38px}.hero h1{font-size:72px;margin:20px 0}.hero h1 br{display:none}.hero .lead{font-size:15px;line-height:1.8}.four-screens{margin-top:45px;max-width:940px}.hero .actions{margin-top:23px}.experience{padding-top:110px}}
@media(max-width:600px){.hero h1{font-size:clamp(38px,12vw,48px);letter-spacing:.02em}}

/* Crop only Android's bottom system navigation; preserve the actual app UI and scale. */
.capture-viewport{display:block;position:relative;width:100%;aspect-ratio:var(--capture-ratio);overflow:hidden}
.capture-viewport img{display:block;width:100%;height:auto;max-width:none}
.capture-full{width:min(88vw,var(--capture-width));margin:auto;border-radius:10px}
.capture-full #full-image{width:100%;height:auto;max-height:none;max-width:none;border-radius:0}
.video-frame{aspect-ratio:1080 / 2274}
.video-frame video{display:block;width:100%;height:auto;max-width:none}
.capture-viewport img{position:absolute;top:0;left:0}
.video-frame{position:relative;width:280px;max-width:100%}
.video-frame video{position:absolute;top:0;left:0}
@media(max-width:600px){.video-frame{width:235px}}

/* Reading captures are already immersive, with no Android navigation to crop. */
.video-frame{aspect-ratio:1080 / 2400}
/* Explicit widths keep intrinsic-size buttons from collapsing around clipped images. */
.four-screens .screen,.support-layout figure .screen{width:100%}
.reading-shot{width:100%}

.downloads #android-download{cursor:pointer;background:#c3b1ff;color:#181226;border-color:#c3b1ff;transition:transform .2s,background .2s}
.downloads #android-download:hover{background:#d3c6ff;transform:translateY(-3px)}
.downloads #android-download small{color:#4b386c}
.download-links{max-width:900px;margin:36px auto 0;text-align:left;padding:28px;border:1px solid var(--border);border-radius:24px;background:var(--panel);scroll-margin-top:100px}
.download-links[hidden]{display:none}
.download-links h3{font-size:22px;letter-spacing:0}
.download-links>p{font-size:13px;margin-top:8px}
.cloud-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.cloud-card{padding:20px;border:1px solid var(--border);border-radius:16px;background:#ffffff03}
.cloud-card h4{margin:0 0 15px;font-size:17px;font-weight:600}
.cloud-code{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.cloud-code code{color:var(--ink);font-size:15px;user-select:all;letter-spacing:1px}
.cloud-code button{padding:4px 8px;background:transparent;border:1px solid #ffffff26;border-radius:7px;font-size:12px}
.cloud-card>a{width:100%;gap:12px;margin-top:20px;padding-inline:12px}
#copy-status{min-height:22px;color:var(--accent)}
@media(max-width:600px){.download-links{padding:20px}.cloud-grid{grid-template-columns:1fr;gap:12px}.cloud-card{padding:18px}.cloud-card>a{margin-top:14px}}

/* Version history */
.changelog{padding-block:35px 100px}
.changelog-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
.changelog-heading .eyebrow{color:var(--accent);font-size:12px;letter-spacing:.08em;margin-bottom:12px}
.changelog-heading>p{font-size:14px}
.release-card{padding:36px 40px;border:1px solid #b7a3ff28;border-radius:26px;background:linear-gradient(125deg,#1b1732,#111523)}
.release-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:23px;border-bottom:1px solid var(--border)}
.release-meta h3{font-size:30px;letter-spacing:0}
.release-badge{color:#d7caff;background:#b7a3ff15;border:1px solid #b7a3ff30;border-radius:20px;padding:3px 12px;font-size:12px}
.release-meta time{margin-left:auto;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}
.release-notes{margin:25px 0 0;padding-left:20px;color:#cbc7da;font-size:15px;line-height:1.9}
.release-notes li{padding-left:6px;margin-top:12px}
.release-notes li::marker{color:var(--accent)}
.release-card .text-link{font-size:14px}
@media(max-width:600px){.nav nav{gap:12px}.nav nav a:first-child{display:none}.changelog{padding-block:10px 65px}.changelog-heading{display:block}.changelog-heading>p{margin-top:15px;font-size:13px}.release-card{padding:24px 21px;border-radius:20px}.release-meta{gap:10px}.release-meta h3{font-size:25px}.release-meta time{width:100%;margin-left:0}.release-notes{font-size:14px}.release-notes li{margin-top:14px}}

/* Listening follows the actual in-app sequence, with original full-screen captures. */
.listening{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center;padding-block:120px 30px}
.listening-kicker{font-size:13px;color:var(--accent);margin-bottom:22px}
.listening-copy h2{line-height:1.4}
.listening-intro{max-width:460px;margin-top:24px;line-height:1.9}
.listen-steps{display:grid;gap:9px;margin-top:32px}
.listen-steps button{display:flex;gap:20px;text-align:left;background:transparent;border:1px solid transparent;border-radius:17px;padding:18px;color:var(--muted);transition:background .2s,border-color .2s}
.listen-steps button[aria-pressed=true]{background:#b7a3ff0d;border-color:#b7a3ff3b;color:var(--ink)}
.listen-steps button:hover{background:#ffffff08}
.listen-number{color:var(--accent);font-size:12px;padding-top:6px;font-variant-numeric:tabular-nums}
.listen-steps b{font-size:19px;font-weight:500;display:block}
.listen-steps small{display:block;font-size:13px;line-height:1.8;margin-top:6px;color:var(--muted)}
.listening-note{font-size:12px;line-height:1.9;margin-top:25px}
.listening-demo{position:relative;text-align:center}
.listen-glow{position:absolute;inset:10% -10%;background:radial-gradient(ellipse,#8970db24,transparent 65%);pointer-events:none;z-index:-1}
.listening-shot{width:300px;max-width:100%;margin:auto;border-radius:31px;transform:rotate(2deg);transition:transform .3s}
.listening-shot:hover{transform:rotate(0)}
.listening-demo figcaption{font-size:13px;color:#d2c5ee;margin-top:27px}
.listen-authentic{font-size:11px;margin-top:6px;color:#817f95}
.inline-features>a{border:1px solid #b7a3ff50;padding:5px 12px;border-radius:18px;font-size:11px;color:var(--accent)}
.release-notes strong{color:var(--ink);font-weight:600}
@media(max-width:900px){.listening{gap:35px;padding-top:85px}.listening-shot{width:270px}}
@media(max-width:600px){.listening{grid-template-columns:1fr;gap:40px;padding-block:70px 0}.listening-intro{font-size:14px}.listen-steps{margin-top:22px}.listen-steps button{padding:14px 12px;gap:14px}.listen-steps b{font-size:17px}.listen-steps small{font-size:12px}.listening-shot{width:260px}.listening-demo{padding:10px 0}.listening-kicker{margin-bottom:15px}.nav nav a:nth-child(2){display:block}.nav nav a:last-child{display:none}}