:root{--bg-page: radial-gradient(circle at 9% 9%, rgba(255, 255, 255, .96), transparent 28rem), radial-gradient(circle at 78% 8%, rgba(255, 220, 239, .85), transparent 24rem), linear-gradient(135deg, #fff8fc 0%, #ffe7f2 38%, #fff4f9 64%, #ffffff 100%);--bg-overlay: linear-gradient(135deg, #ffffff 0%, #fffafd 100%);--bg-card: rgba(255, 255, 255, .76);--bg-topbar: rgba(255, 248, 252, .86);--bg-input: rgba(255, 255, 255, .82);--bg-chip: rgba(255, 255, 255, .74);--bg-chip-hover: rgba(255, 204, 230, .55);--bg-bubble-in: #ffffff;--bg-bubble-in-soft: #fff2f8;--bg-bubble-out: linear-gradient(135deg, #ff75af, #ff9ed0);--bg-chat-feed: linear-gradient(180deg, #fff8fc, #ffeaf4);--bg-phone-shell: linear-gradient(160deg, rgba(255, 255, 255, .94), rgba(255, 238, 248, .88)), linear-gradient(135deg, rgba(255, 126, 184, .18), rgba(255, 255, 255, 0));--bg-secondary-action: rgba(255, 255, 255, .72);--bg-command-card: linear-gradient(160deg, rgba(255, 255, 255, .9), rgba(255, 232, 245, .82)), radial-gradient(circle at 85% 10%, rgba(255, 116, 176, .26), transparent 13rem);--bg-limits-band: linear-gradient(135deg, rgba(255, 110, 172, .16), rgba(255, 255, 255, .84)), radial-gradient(circle at 18% 20%, rgba(255, 255, 255, .9), transparent 16rem);--bg-section-band: linear-gradient(180deg, rgba(255, 248, 252, 0), rgba(255, 238, 248, .5));--bg-persona-art: linear-gradient(135deg, #ffd5e8, #ffffff);--bg-credit-icon: #fff2f8;--bg-voice-hover: linear-gradient(135deg, #ffd8ec, #ffe2f0);--bg-danmaku-hover: rgba(255, 215, 235, .86);--bg-nav-hover: rgba(255, 204, 230, .55);--text-primary: #432137;--text-heading: #331529;--text-heading2: #341a2a;--text-heading3: #3b1b2f;--text-secondary: #76576a;--text-body: #745767;--text-muted: #9d6e86;--text-nav: #76566a;--text-nav-hover: #4a1734;--text-lead: #6f2c51;--text-bubble-in: #542b43;--text-accent-on-dark: #ffffff;--text-summary: #3e1d31;--text-persona-note: #743b5b;--text-footer: #8b5e75;--accent-deep: #b13f79;--accent-pink: #ff6ca9;--accent-pink-light: #ff9ed0;--accent-icon: #d84f91;--accent-gradient: linear-gradient(135deg, #ff86ba, #ffd8ec);--accent-btn-gradient: linear-gradient(135deg, #ff6ca9, #ff9ed0);--h1-gradient: linear-gradient(135deg, #ff6ca9, #b13f79, #432137);--border-topbar: rgba(255, 255, 255, .78);--border-card: rgba(255, 185, 221, .52);--border-phone: rgba(255, 255, 255, .88);--border-phone-inner: rgba(255, 180, 220, .4);--border-accent-light: rgba(255, 180, 217, .4);--border-secondary: rgba(255, 170, 210, .55);--border-chip: rgba(255, 188, 220, .46);--border-tag: rgba(255, 180, 218, .62);--border-note: rgba(255, 181, 219, .62);--border-limits: rgba(255, 187, 222, .62);--border-persona: rgba(255, 255, 255, .8);--border-credit-icon: rgba(255, 178, 216, .62);--border-voice-hover: rgba(255, 140, 200, .48);--border-voice-playing: rgba(255, 100, 170, .5);--border-limit-chip: rgba(255, 190, 223, .56);--shadow-topbar: 0 18px 48px rgba(196, 80, 139, .14);--shadow-card: 0 22px 60px rgba(181, 65, 126, .13);--shadow-card-hover: 0 26px 70px rgba(181, 65, 126, .2);--shadow-credit: 0 22px 60px rgba(181, 65, 126, .11);--shadow-credit-hover: 0 26px 70px rgba(181, 65, 126, .15);--shadow-phone: 0 34px 90px rgba(188, 65, 130, .25);--shadow-bubble: 0 10px 28px rgba(132, 50, 98, .08);--shadow-btn: 0 20px 38px rgba(228, 67, 139, .3);--shadow-chip: 0 8px 18px rgba(151, 74, 113, .06);--shadow-note: 0 18px 40px rgba(188, 69, 130, .15);--shadow-persona-bg: 0 30px 80px rgba(214, 88, 145, .18);--shadow-persona-img: 0 26px 70px rgba(174, 62, 123, .2);--shadow-command-img: 0 16px 34px rgba(116, 66, 86, .16);--shadow-intro-bubble: 0 28px 72px rgba(199, 70, 135, .12), 0 0 0 18px rgba(255, 231, 242, .16), 0 0 76px rgba(255, 231, 242, .34);--intro-bubble-pink: 255, 231, 242;--intro-grid-color: rgba(255, 132, 190, .22);--intro-grid-white: rgba(255, 255, 255, .82);--scrollbar-thumb: rgba(255, 150, 200, .4);--danmaku-fade-left: rgba(255, 241, 248, .98);--danmaku-fade-right: rgba(255, 239, 247, .98);--halo-one: radial-gradient(circle, rgba(255, 145, 194, .42), transparent 62%);--halo-two: radial-gradient(circle, rgba(255, 255, 255, .9), transparent 60%);--section-watermark-opacity: .045;--cursor-paw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cellipse cx='14' cy='19' rx='5.5' ry='5' fill='%23ff6ca9'/%3E%3Ccircle cx='8' cy='11' r='2.8' fill='%23ff6ca9'/%3E%3Ccircle cx='14' cy='9' r='2.8' fill='%23ff6ca9'/%3E%3Ccircle cx='20' cy='11' r='2.8' fill='%23ff6ca9'/%3E%3C/svg%3E") 14 14, auto}[data-theme=dark]{--bg-page: radial-gradient(circle at 15% 10%, rgba(130, 55, 95, .45), transparent 30rem), radial-gradient(circle at 80% 15%, rgba(180, 70, 130, .3), transparent 26rem), radial-gradient(circle at 50% 80%, rgba(100, 40, 75, .25), transparent 28rem), linear-gradient(135deg, #2a1525 0%, #221020 38%, #2e1830 64%, #1e101c 100%);--bg-overlay: linear-gradient(135deg, #2a1525 0%, #1a0e1a 100%);--bg-card: rgba(60, 35, 52, .78);--bg-topbar: rgba(38, 22, 34, .88);--bg-input: rgba(55, 32, 48, .78);--bg-chip: rgba(70, 42, 60, .72);--bg-chip-hover: rgba(100, 58, 80, .6);--bg-bubble-in: rgba(65, 38, 55, .85);--bg-bubble-in-soft: rgba(78, 48, 65, .85);--bg-bubble-out: linear-gradient(135deg, #ff75af, #ff9ed0);--bg-chat-feed: linear-gradient(180deg, #2e1a2c, #362038);--bg-phone-shell: linear-gradient(160deg, rgba(55, 32, 48, .92), rgba(65, 40, 56, .86)), linear-gradient(135deg, rgba(255, 100, 170, .14), rgba(45, 25, 38, 0));--bg-secondary-action: rgba(58, 34, 50, .7);--bg-command-card: linear-gradient(160deg, rgba(55, 32, 48, .88), rgba(65, 38, 56, .8)), radial-gradient(circle at 85% 10%, rgba(255, 80, 150, .22), transparent 13rem);--bg-limits-band: linear-gradient(135deg, rgba(255, 80, 150, .16), rgba(60, 35, 52, .82)), radial-gradient(circle at 18% 20%, rgba(75, 42, 62, .85), transparent 16rem);--bg-section-band: linear-gradient(180deg, rgba(255, 100, 170, .03), rgba(60, 35, 52, .42));--bg-persona-art: linear-gradient(135deg, #3e2234, #2a1525);--bg-credit-icon: rgba(255, 100, 170, .14);--bg-voice-hover: linear-gradient(135deg, #4a2840, #3e2038);--bg-danmaku-hover: rgba(100, 58, 80, .82);--bg-nav-hover: rgba(255, 100, 170, .18);--text-primary: #e8d5e0;--text-heading: #f0e0ea;--text-heading2: #ecdce6;--text-heading3: #e0ccd8;--text-secondary: #b89aaa;--text-body: #b89aaa;--text-muted: #7a6070;--text-nav: #c8a8ba;--text-nav-hover: #ffd0e8;--text-lead: #f0c0d8;--text-bubble-in: #d8c0d0;--text-accent-on-dark: #ffffff;--text-summary: #f0e0ea;--text-persona-note: #ff8ec4;--text-footer: #7a6070;--accent-deep: #ff8ec4;--accent-pink: #ff6ca9;--accent-pink-light: #ff9ed0;--accent-icon: #ff6ca9;--accent-gradient: linear-gradient(135deg, #ff6ca9, #c44d8a);--accent-btn-gradient: linear-gradient(135deg, #ff6ca9, #ff9ed0);--h1-gradient: linear-gradient(135deg, #ff6ca9, #ff8ec4, #e8d5e0);--border-topbar: rgba(255, 100, 170, .12);--border-card: rgba(255, 100, 170, .15);--border-phone: rgba(255, 100, 170, .15);--border-phone-inner: rgba(255, 100, 170, .1);--border-accent-light: rgba(255, 100, 170, .15);--border-secondary: rgba(255, 100, 170, .2);--border-chip: rgba(255, 100, 170, .12);--border-tag: rgba(255, 100, 170, .2);--border-note: rgba(255, 100, 170, .2);--border-limits: rgba(255, 100, 170, .15);--border-persona: rgba(255, 100, 170, .1);--border-credit-icon: rgba(255, 100, 170, .2);--border-voice-hover: rgba(255, 100, 170, .3);--border-voice-playing: rgba(255, 100, 170, .5);--border-limit-chip: rgba(255, 100, 170, .15);--shadow-topbar: 0 18px 48px rgba(30, 10, 25, .5);--shadow-card: 0 22px 60px rgba(30, 10, 25, .45);--shadow-card-hover: 0 26px 70px rgba(30, 10, 25, .55);--shadow-credit: 0 22px 60px rgba(30, 10, 25, .4);--shadow-credit-hover: 0 26px 70px rgba(30, 10, 25, .5);--shadow-phone: 0 34px 90px rgba(30, 10, 25, .5);--shadow-bubble: 0 10px 28px rgba(30, 10, 25, .3);--shadow-btn: 0 20px 38px rgba(255, 80, 150, .25);--shadow-chip: 0 8px 18px rgba(30, 10, 25, .2);--shadow-note: 0 18px 40px rgba(30, 10, 25, .35);--shadow-persona-bg: 0 30px 80px rgba(30, 10, 25, .35);--shadow-persona-img: 0 26px 70px rgba(30, 10, 25, .4);--shadow-command-img: 0 16px 34px rgba(30, 10, 25, .35);--shadow-intro-bubble: 0 28px 72px rgba(255, 80, 150, .08), 0 0 0 18px rgba(255, 100, 170, .08), 0 0 76px rgba(255, 100, 170, .15);--intro-bubble-pink: 60, 28, 48;--intro-grid-color: rgba(255, 80, 150, .1);--intro-grid-white: rgba(255, 255, 255, .05);--scrollbar-thumb: rgba(255, 100, 170, .3);--danmaku-fade-left: rgba(42, 21, 37, .98);--danmaku-fade-right: rgba(42, 21, 37, .98);--halo-one: radial-gradient(circle, rgba(255, 80, 150, .25), transparent 62%);--halo-two: radial-gradient(circle, rgba(140, 60, 100, .25), transparent 60%);--section-watermark-opacity: .03;--cursor-paw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cellipse cx='14' cy='19' rx='5.5' ry='5' fill='%23ff8ec4'/%3E%3Ccircle cx='8' cy='11' r='2.8' fill='%23ff8ec4'/%3E%3Ccircle cx='14' cy='9' r='2.8' fill='%23ff8ec4'/%3E%3Ccircle cx='20' cy='11' r='2.8' fill='%23ff8ec4'/%3E%3C/svg%3E") 14 14, auto}:root{color:var(--text-primary);background:var(--bg-page);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}#features,#persona,#usage,#faq{scroll-margin-top:104px}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg-page)}a{color:inherit;text-decoration:none}main{overflow:hidden;position:relative}h1,h2,h3,p{margin:0}h1{color:var(--text-heading);font-size:clamp(64px,10vw,126px);letter-spacing:0;line-height:.86;margin-top:18px}h2{color:var(--text-heading2);font-size:clamp(32px,5vw,58px);letter-spacing:0;line-height:1.05}h3{color:var(--text-heading3);font-size:19px;line-height:1.28}.kicker{align-items:center;color:var(--accent-deep);display:inline-flex;font-size:20px;font-weight:850;gap:9px;letter-spacing:0;text-transform:uppercase}.brand-mark,.icon-pill{align-items:center;background:var(--accent-gradient);border-radius:999px;color:var(--text-accent-on-dark);display:inline-flex;height:34px;justify-content:center;width:34px}.section,.limits-band,footer{margin:0 auto;max-width:1180px;padding-left:30px;padding-right:30px;width:100%}.section{padding-bottom:100px}.section-heading{max-width:760px}.section-heading h2{margin-top:12px}.section-heading p{color:var(--text-secondary);font-size:17px;line-height:1.8;margin-top:16px}@media (hover: hover){a,button,summary,.theme-toggle,.chat-send-btn,.voice-chip,.danmaku-bubble-clickable,.feature-card,.credit-card,.usage-card,.command-card{cursor:var(--cursor-paw)}}.intro-overlay{align-items:center;background:var(--bg-overlay);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;pointer-events:none;position:fixed;z-index:80}.intro-overlay:before{background:linear-gradient(90deg,transparent 0 47%,var(--intro-grid-color) 47% 53%,transparent 53% 100%),linear-gradient(0deg,transparent 0 47%,var(--intro-grid-white) 47% 53%,transparent 53% 100%);background-size:92px 92px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(circle at center,black 0,transparent 66%);mask-image:radial-gradient(circle at center,black 0,transparent 66%);opacity:.24;position:absolute}.intro-card{--intro-base-size: clamp(118px, 14vw, 148px);animation:introCardBreathe 1.1s ease-in-out infinite alternate;backface-visibility:hidden;contain:layout;display:grid;flex:0 0 var(--intro-base-size);height:var(--intro-base-size);isolation:isolate;overflow:visible;padding:0;place-items:center;position:relative;transform:translateZ(0);transform-origin:center;width:var(--intro-base-size);will-change:opacity,transform}.intro-card img{display:block;height:100%;object-fit:contain;position:relative;transform:translateZ(0);width:100%;will-change:opacity,transform;z-index:2}.intro-bubble{background:radial-gradient(circle at center,rgba(var(--intro-bubble-pink),1) 0,rgba(var(--intro-bubble-pink),1) 68%,rgba(var(--intro-bubble-pink),.72) 82%,rgba(var(--intro-bubble-pink),0));border-radius:999px;box-shadow:var(--shadow-intro-bubble);top:-10px;right:-10px;bottom:-10px;left:-10px;opacity:1;position:absolute;transform:translateZ(0) scale(1);transform-origin:center;will-change:opacity,transform;z-index:0}.intro-icon-loading .intro-card{opacity:0}.intro-icon-ready .intro-card{opacity:1;transition:opacity .16s ease}.intro-burst{animation:introBackdropFade .96s ease-out forwards}.intro-burst:before{animation:introGridFade .96s ease forwards}.intro-burst .intro-card{animation:none}.intro-burst .intro-bubble{animation:introBubbleScale .96s cubic-bezier(.18,.86,.2,1) forwards,introBubbleFade .96s ease-out forwards}.intro-burst .intro-card img{animation:introFaceLift .96s ease-out forwards,introFaceFade .96s ease-out forwards}.intro-hold .topbar,.intro-hold .hero-copy>*,.intro-hold .phone-shell{opacity:0}.intro-ready .topbar{animation:topbarEnter .56s cubic-bezier(.22,1,.36,1) both}.intro-ready .hero-copy>*{animation:riseIn .56s cubic-bezier(.22,1,.36,1) both}.intro-ready .hero-copy>*:nth-child(1){animation-delay:80ms}.intro-ready .hero-copy>*:nth-child(2){animation-delay:.15s}.intro-ready .hero-copy>*:nth-child(3){animation-delay:.22s}.intro-ready .hero-copy>*:nth-child(4){animation-delay:.29s}.intro-ready .hero-copy>*:nth-child(5){animation-delay:.36s}.intro-ready .hero-copy>*:nth-child(6){animation-delay:.43s}.intro-ready .phone-shell{animation:phoneEnter .72s cubic-bezier(.22,1,.36,1) .25s both}.intro-ready .chat-feed>*{animation:bubbleEnter .46s cubic-bezier(.22,1,.36,1) both}.intro-ready .chat-feed>*:nth-child(1){animation-delay:.56s}.intro-ready .chat-feed>*:nth-child(2){animation-delay:.64s}.intro-ready .chat-feed>*:nth-child(3){animation-delay:.72s}.intro-ready .chat-feed>*:nth-child(4){animation-delay:.8s}.intro-ready .chat-feed>*:nth-child(5){animation-delay:.88s}@keyframes introCardBreathe{0%{scale:.98;translate:0 2px}to{scale:1.02;translate:0 -3px}}@keyframes introBackdropFade{0%{opacity:1}72%{opacity:1}to{opacity:0}}@keyframes introGridFade{0%{opacity:.24}50%{opacity:.16}to{opacity:0}}@keyframes introBubbleScale{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,-2px,0) scale(var(--intro-ripple-scale))}}@keyframes introBubbleFade{0%{opacity:1}76%{opacity:1}92%{opacity:.6}to{opacity:0}}@keyframes introFaceLift{0%{transform:translateZ(0) scale(1)}74%{transform:translate3d(0,-6px,0) scale(1.7)}to{transform:translate3d(0,-6px,0) scale(1.7)}}@keyframes introFaceFade{0%{opacity:1}38%{opacity:1}58%{opacity:.3}74%{opacity:0}to{opacity:0}}@keyframes topbarEnter{0%{opacity:0;translate:0 -18px}to{opacity:1;translate:0 0}}@keyframes riseIn{0%{opacity:0;scale:.98;translate:0 24px}to{opacity:1;scale:1;translate:0 0}}@keyframes phoneEnter{0%{opacity:0;scale:.92;translate:0 34px}to{opacity:1;scale:1;translate:0 0}}@keyframes bubbleEnter{0%{opacity:0;scale:.97;translate:0 16px}to{opacity:1;scale:1;translate:0 0}}.topbar{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--bg-topbar);border:1px solid var(--border-topbar);border-radius:999px;box-shadow:var(--shadow-topbar);display:flex;left:50%;max-width:1120px;padding:10px 14px;position:fixed;top:18px;transform:translate(-50%);width:calc(100% - 32px);z-index:20}.brand{align-items:center;display:inline-flex;font-weight:800;gap:9px}.theme-toggle{align-items:center;background:var(--bg-chip);border:1px solid var(--border-chip);border-radius:999px;color:var(--accent-deep);cursor:pointer;display:inline-flex;height:34px;justify-content:center;margin-left:auto;transition:background .16s ease,transform .16s ease;width:34px}.nav-links{display:flex;gap:4px;margin-left:8px}.nav-links a{border-radius:999px;color:var(--text-nav);font-size:14px;padding:9px 13px}.nav-links .nav-link{background:none;border:1px solid transparent;border-radius:999px;color:var(--text-nav);cursor:var(--cursor-paw);font-size:14px;padding:9px 13px}.nav-links a:hover,.nav-links .nav-link:hover{background:var(--bg-nav-hover);color:var(--text-nav-hover)}.theme-toggle{align-items:center;background:var(--bg-chip);border:1px solid var(--border-chip);border-radius:999px;color:var(--accent-deep);cursor:pointer;display:inline-flex;height:34px;justify-content:center;transition:background .16s ease,transform .16s ease;width:34px}.theme-toggle:hover{background:var(--bg-nav-hover);transform:scale(1.08)}.theme-toggle:active{transform:scale(.94)}.hero{align-items:center;display:grid;gap:64px;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);margin:0 auto;max-width:1180px;min-height:84vh;padding:110px 30px 54px;width:100%}.hero-copy{min-width:0;position:relative;z-index:2}.eyebrow{align-items:center;color:var(--accent-deep);display:inline-flex;font-size:13px;font-weight:800;gap:7px;letter-spacing:0;text-transform:uppercase}.lead{color:var(--text-lead);font-size:clamp(24px,3.2vw,38px);font-weight:800;letter-spacing:0;line-height:1.14;margin-top:28px;max-width:760px;overflow-wrap:anywhere}.support{color:var(--text-secondary);font-size:18px;line-height:1.8;margin-top:22px;max-width:720px;overflow-wrap:anywhere}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.primary-action,.secondary-action{align-items:center;border-radius:999px;display:inline-flex;font-weight:800;gap:8px;min-height:52px;padding:0 22px;text-align:center}.primary-action{background:var(--accent-btn-gradient);border:none;box-shadow:var(--shadow-btn);color:var(--text-accent-on-dark);cursor:pointer;font-family:inherit;font-size:inherit}.primary-action:hover{filter:brightness(1.05)}.secondary-action{background:var(--bg-secondary-action);border:1px solid var(--border-secondary);color:#82395d}[data-theme=dark] .secondary-action{color:var(--text-secondary)}.status-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.status-strip span{align-items:center;background:var(--bg-chip);border:1px solid var(--border-accent-light);border-radius:999px;color:#8a4164;display:inline-flex;font-size:14px;font-weight:750;gap:7px;padding:9px 13px}[data-theme=dark] .status-strip span{color:var(--text-secondary)}.status-chip{align-items:center;background:var(--bg-chip);border:1px solid var(--border-accent-light);border-radius:999px;color:#8a4164;cursor:pointer;display:inline-flex;font-size:14px;font-weight:750;gap:7px;padding:9px 13px;transition:transform .15s ease,box-shadow .15s ease}.status-chip:hover{box-shadow:0 2px 10px #8a416440;transform:translateY(-1px)}[data-theme=dark] .status-chip{color:var(--text-secondary)}.friend-qr-overlay{align-items:center;background:#00000073;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:fixed;z-index:60}.friend-qr-card{background:var(--bg-card);border:1px solid var(--border-accent-light);border-radius:18px;box-shadow:0 18px 50px #00000059;max-width:360px;padding:28px 26px 24px;position:relative;text-align:center;width:100%}.friend-qr-card h3{color:var(--text-primary);font-size:19px;margin:0 0 6px}.friend-qr-card p{color:var(--text-secondary);font-size:14px;margin:0 0 16px}.friend-qr-image{border:1px solid var(--border-accent-light);border-radius:12px;display:block;height:auto;margin:0 auto 16px;max-width:240px;width:100%}.friend-qr-qq{align-items:center;background:var(--bg-chip);border:1px solid var(--border-accent-light);border-radius:999px;display:inline-flex;gap:10px;padding:8px 12px}.friend-qr-qq span{color:var(--text-primary);font-size:15px;font-weight:750;letter-spacing:1px}.friend-qr-copy{align-items:center;background:#8a4164;border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;gap:5px;padding:6px 12px;transition:opacity .15s ease}.friend-qr-copy:hover{opacity:.88}.friend-qr-close{align-items:center;background:transparent;border:none;border-radius:999px;color:var(--text-secondary);cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:12px;top:12px;width:30px}.friend-qr-close:hover{background:var(--bg-chip);color:var(--text-primary)}.hero-visual{min-height:620px;min-width:0;position:relative}.halo{border-radius:999px;filter:blur(4px);position:absolute}.halo-one{background:var(--halo-one);height:520px;right:-110px;top:30px;width:520px}.halo-two{background:var(--halo-two);height:360px;left:0;top:150px;width:360px}h1{background:var(--h1-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.phone-shell{background:var(--bg-phone-shell);border:1px solid var(--border-phone);border-radius:38px;box-shadow:var(--shadow-phone),inset 0 0 0 1px var(--border-phone-inner);display:flex;flex-direction:column;height:520px;left:48%;max-width:430px;padding:18px;position:absolute;top:44px;transform:translate(-50%) rotate(1.5deg);width:min(88vw,430px);z-index:2}.phone-top{align-items:center;display:flex;flex-shrink:0;gap:13px;padding:8px 8px 18px}.avatar{background:#fff;border-radius:50%;height:58px;overflow:hidden;width:58px}.avatar img{height:100%;object-fit:cover;width:100%}.phone-top span{color:var(--text-muted);display:block;font-size:13px;margin-top:3px}.chat-feed{background:var(--bg-chat-feed);border-radius:28px;display:grid;gap:13px;padding:18px;flex:1 1 0;min-height:0;align-content:start;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.bubble{border-radius:22px;font-size:15px;line-height:1.5;max-width:82%;padding:14px 16px;overflow-wrap:anywhere}.incoming{background:var(--bg-bubble-in);box-shadow:var(--shadow-bubble);color:var(--text-bubble-in);justify-self:start}.incoming.soft{background:var(--bg-bubble-in-soft)}.outgoing{align-self:start;background:var(--bg-bubble-out);color:var(--text-accent-on-dark);justify-self:end}.sticker-row{align-items:center;background:var(--bg-chip);border:1px solid var(--border-chip);border-radius:24px;display:flex;gap:12px;max-width:88%;padding:10px;width:fit-content}.sticker-row img{border-radius:16px;height:84px;object-fit:cover;width:84px}.sticker-row span,.voice-chip{color:#884464;font-size:14px;font-weight:750;overflow-wrap:anywhere}[data-theme=dark] .sticker-row span,[data-theme=dark] .voice-chip{color:var(--text-secondary)}.voice-chip{align-items:center;background:var(--bg-bubble-in);border-radius:999px;cursor:pointer;display:inline-flex;gap:8px;justify-self:end;padding:12px 15px;transition:background .2s ease,color .2s ease,border-color .2s ease}.voice-chip:hover{background:var(--bg-voice-hover);border-color:var(--border-voice-hover);color:#5f2846}[data-theme=dark] .voice-chip:hover{color:var(--text-primary)}.voice-chip.playing{animation:volumePulse .6s ease-in-out infinite alternate;border-color:var(--border-voice-playing);color:#a12964}[data-theme=dark] .voice-chip.playing{color:var(--accent-pink)}.chat-input-bar{align-items:center;background:var(--bg-input);border:1px solid var(--border-card);border-radius:999px;display:flex;flex-shrink:0;gap:8px;margin-top:14px;padding:10px 14px}.chat-input-bar input{background:transparent;border:none;color:var(--text-primary);flex:1;font-size:15px;line-height:1.5;outline:none;padding:0}.chat-input-bar input::placeholder{color:var(--text-muted)}.chat-send-btn{align-items:center;background:var(--accent-btn-gradient);border:none;border-radius:999px;color:var(--text-accent-on-dark);cursor:pointer;display:inline-flex;flex:0 0 34px;height:34px;justify-content:center;transition:opacity .16s ease,transform .16s ease;width:34px}.chat-send-btn:hover{opacity:.84;transform:scale(1.04)}.chat-send-btn:active{transform:scale(.94)}.typing-indicator{align-items:center;background:var(--bg-bubble-in);border-radius:22px;box-shadow:var(--shadow-bubble);display:inline-flex;gap:4px;padding:14px 20px;width:fit-content}.typing-dot{animation:typingBounce 1.2s ease-in-out infinite;background:var(--text-muted);border-radius:999px;display:inline-block;height:7px;width:7px}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}.chat-decos{display:flex;flex-shrink:0;gap:8px;padding-top:12px}.deco-chip{align-items:center;background:var(--bg-chip);border:1px solid var(--border-chip);border-radius:999px;color:#884464;display:inline-flex;font-size:12px;font-weight:750;gap:5px;padding:6px 12px}[data-theme=dark] .deco-chip{color:var(--text-secondary)}.deco-chip svg{flex-shrink:0}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}@keyframes volumePulse{0%{box-shadow:0 0 #ff64aa00}to{box-shadow:0 0 0 8px #ff64aa33}}@keyframes stickerPinEnter{0%{opacity:0;rotate:-5deg;scale:.9;translate:18px 18px}to{opacity:1;rotate:0deg;scale:1;translate:0 0}}.feature-grid{display:grid;gap:18px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:38px}.feature-card,.usage-card,.command-card,details{background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;box-shadow:var(--shadow-card)}.feature-card{min-height:238px;padding:18px}.feature-card .icon-pill{transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.feature-card h3{font-size:17px;margin-top:22px}.feature-card p,.usage-card p,.danmaku-bubble,details p,.persona-copy p{color:var(--text-body);font-size:15px;line-height:1.75}.feature-card p{margin-top:12px}.feature-card,.credit-card,.usage-card{transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s cubic-bezier(.22,1,.36,1)}.feature-card:hover,.credit-card:hover,.usage-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.feature-card:hover .icon-pill{transform:translateY(-2px) scale(1.1)}.persona-section{align-items:center;display:grid;gap:52px;grid-template-columns:.86fr 1.14fr}.persona-art{min-height:440px;position:relative}.persona-art:before{background:var(--bg-persona-art);border:1px solid var(--border-persona);border-radius:48% 52% 46% 54%;box-shadow:var(--shadow-persona-bg);content:"";top:20px;right:18px;bottom:20px;left:18px;position:absolute}.persona-art img{border-radius:42px;box-shadow:var(--shadow-persona-img);height:280px;left:50%;object-fit:cover;position:absolute;top:42px;transform:translate(-50%);width:280px;z-index:2}.persona-note{background:var(--bg-bubble-in);border:1px solid var(--border-note);border-radius:8px;bottom:50px;box-shadow:var(--shadow-note);color:var(--text-persona-note);font-weight:800;left:50%;padding:16px 18px;position:absolute;transform:translate(-50%) rotate(-2deg);white-space:nowrap;z-index:3}.persona-copy p{font-size:17px;margin-top:18px}.persona-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.persona-tags span{background:var(--bg-bubble-in);border:1px solid var(--border-tag);border-radius:999px;color:#8b4267;font-weight:800;padding:9px 13px}[data-theme=dark] .persona-tags span{color:var(--text-secondary)}.usage-layout{display:grid;gap:22px;grid-template-columns:1fr;margin-top:38px}.usage-cards{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.usage-card,.command-card{padding:22px}.usage-card h3,.command-card h3{margin-bottom:12px}.command-card{background:var(--bg-command-card);overflow:hidden;position:relative}.command-header{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:14px}.command-header h3{margin-top:6px}.command-header img{border-radius:8px;box-shadow:var(--shadow-command-img);flex:0 0 auto;height:112px;object-fit:cover;object-position:50% 54%;transform:rotate(3deg);width:112px}.danmaku-stage{contain:paint;display:grid;gap:26px;margin-top:6px;min-height:226px;overflow:hidden;padding:18px 0 22px;position:relative}.danmaku-stage:before,.danmaku-stage:after{content:"";bottom:0;position:absolute;top:0;width:92px;z-index:2}.danmaku-stage:before{background:linear-gradient(90deg,var(--danmaku-fade-left),transparent);left:0}.danmaku-stage:after{background:linear-gradient(270deg,var(--danmaku-fade-right),transparent);right:0}.danmaku-track{display:flex;min-width:0;overflow:visible}.danmaku-run{align-items:center;animation:danmakuSlide 32s linear infinite;backface-visibility:hidden;display:flex;flex:0 0 max-content;min-width:max-content;will-change:transform}.danmaku-group{align-items:center;display:flex;flex:0 0 auto;min-width:max-content}.danmaku-bubble{background:var(--bg-chip);border-radius:8px;box-shadow:var(--shadow-chip);color:var(--text-body);display:inline-flex;font-size:15px;line-height:1.5;margin-right:78px;padding:12px 16px;white-space:nowrap}.danmaku-bubble:nth-child(2n){margin-right:126px}.danmaku-bubble:nth-child(3n){margin-right:52px}.danmaku-bubble:nth-child(4n){margin-right:158px}.danmaku-bubble:nth-child(5n){margin-right:92px}.danmaku-bubble:nth-child(7n){margin-right:186px}.danmaku-bubble:nth-child(11n){margin-right:38px}.danmaku-bubble:nth-child(13n){margin-right:148px}.danmaku-bubble-clickable{cursor:pointer;transition:background .12s ease,transform .12s ease}.danmaku-bubble-clickable:hover{background:var(--bg-danmaku-hover);transform:scale(1.06)}.danmaku-bubble-clickable:active{transform:scale(.94)}.faq-list{display:grid;gap:12px;margin-top:34px}.faq-item{background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;box-shadow:var(--shadow-card)}.faq-summary{align-items:center;background:none;border:none;color:var(--text-summary);cursor:var(--cursor-paw);display:flex;font-size:18px;font-weight:850;justify-content:space-between;padding:18px 20px;text-align:left;width:100%}.faq-chevron{border-right:2px solid var(--accent-deep);border-bottom:2px solid var(--accent-deep);flex-shrink:0;height:8px;margin-left:16px;transform:rotate(45deg);transition:transform .3s cubic-bezier(.22,1,.36,1);width:8px}.faq-item-open .faq-chevron{transform:rotate(-135deg)}.faq-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1);will-change:grid-template-rows}.faq-item-open .faq-content{grid-template-rows:1fr}.faq-content>div{overflow:hidden}.faq-content p{color:var(--text-body);font-size:15px;line-height:1.75;margin:0 20px 18px}.credits-section{padding-bottom:72px}.credits-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px}.credit-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;box-shadow:var(--shadow-credit);color:var(--text-body);display:grid;gap:10px;min-height:190px;padding:20px;position:relative;transition:transform .16s ease,box-shadow .16s ease}.credit-card strong{color:var(--text-heading3);font-size:18px;line-height:1.28}.credit-card span:not(.credit-icon){font-size:14px;line-height:1.65;padding-right:18px}.credit-card>svg{bottom:18px;color:var(--accent-icon);position:absolute;right:18px}.credit-icon{align-items:center;background:var(--bg-credit-icon);border:1px solid var(--border-credit-icon);border-radius:999px;color:var(--accent-icon);display:inline-flex;height:38px;justify-content:center;width:38px}.credit-card:hover{box-shadow:var(--shadow-credit-hover);transform:translateY(-2px)}footer{align-items:center;color:var(--text-footer);display:flex;font-size:14px;justify-content:space-between;padding-bottom:36px}@keyframes danmakuSlide{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media (min-width: 1041px){html{scroll-snap-type:y proximity}.hero,.scroll-scene{scroll-snap-align:start}.scroll-scene{content-visibility:auto;contain-intrinsic-size:auto 640px;min-height:68vh;position:relative;transition:opacity .26s ease,transform .26s ease}.section.scroll-scene{align-content:center;display:grid;padding-bottom:52px;padding-top:52px}.feature-section.scroll-scene,.usage-section.scroll-scene{min-height:72vh}.persona-section.scroll-scene{min-height:68vh}.limits-band.scroll-scene{min-height:clamp(260px,30vh,340px);margin-bottom:30px;margin-top:-28px}.faq-section.scroll-scene{min-height:60vh}.credits-section.scroll-scene{min-height:58vh}.command-card{padding:28px 30px 30px}.command-header{align-items:flex-start;margin-bottom:6px}.command-header h3{font-size:clamp(28px,2.2vw,34px);line-height:1.08;margin-top:6px}.danmaku-stage{margin-top:4px}.scroll-scene>*{position:relative;z-index:1}.feature-section:after,.usage-section:after,.credits-section:after{background:url(/assets/site-icon-intro.webp) center / contain no-repeat;content:"";height:clamp(240px,30vw,390px);opacity:.045;pointer-events:none;position:absolute;right:28px;top:50%;transform:translateY(-50%) rotate(4deg);width:clamp(240px,30vw,390px);z-index:0}.usage-section:after{left:26px;right:auto;transform:translateY(-50%) rotate(-5deg)}.scene-observed{opacity:.52;transform:translateY(12px) scale(.992)}.scene-observed.scene-visible{opacity:1;transform:translateY(0) scale(1)}.scene-observed :is(.section-heading,.feature-card,.persona-art,.persona-copy,.usage-card,.command-card,.limits-band>div,.limit-list span,.faq-item,.credit-card){opacity:0;transform:translateY(18px);transition:opacity .46s cubic-bezier(.22,1,.36,1),transform .46s cubic-bezier(.22,1,.36,1)}.scene-observed.scene-visible :is(.section-heading,.feature-card,.persona-art,.persona-copy,.usage-card,.command-card,.limits-band>div,.limit-list span,.faq-item,.credit-card){opacity:1;transform:translateY(0)}.scene-visible .section-heading,.scene-visible .persona-art,.scene-visible.limits-band>div:first-child{transition-delay:40ms}.scene-visible .persona-copy,.scene-visible .command-card,.scene-visible .limit-list{transition-delay:.1s}.scene-visible :is(.feature-card,.usage-card,.faq-item,.credit-card,.limit-list span):nth-child(1){transition-delay:70ms}.scene-visible :is(.feature-card,.usage-card,.faq-item,.credit-card,.limit-list span):nth-child(2){transition-delay:105ms}.scene-visible :is(.feature-card,.usage-card,.faq-item,.credit-card,.limit-list span):nth-child(3){transition-delay:.14s}.scene-visible :is(.feature-card,.usage-card,.faq-item,.credit-card,.limit-list span):nth-child(4){transition-delay:175ms}.scene-visible :is(.feature-card,.usage-card,.faq-item,.credit-card,.limit-list span):nth-child(5){transition-delay:.21s}.scene-visible :is(.feature-card,.usage-card,.faq-item,.credit-card,.limit-list span):nth-child(6){transition-delay:245ms}}@media (max-width: 1040px){.hero{grid-template-columns:1fr;padding-top:110px}.hero-visual{min-height:600px}.feature-grid,.credits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{min-height:240px}.limits-band,.persona-section,.usage-layout{grid-template-columns:1fr}}@media (max-width: 720px){#features,#persona,#usage,#faq,#credits{scroll-margin-top:156px}.topbar{align-items:center;border-radius:8px;flex-wrap:wrap;gap:10px}.brand{flex:1}.theme-toggle{flex-shrink:0;margin-left:auto}.nav-links{flex-basis:100%;flex-wrap:wrap;margin-left:0}.hero{gap:28px;max-width:100vw;padding-top:168px;padding-left:18px;padding-right:18px}.hero-copy{max-width:calc(100vw - 36px);width:calc(100vw - 36px)}h1{font-size:64px}.lead{font-size:30px;line-height:1.18;word-break:break-all}.support{font-size:16px;word-break:break-all}.bubble,.sticker-row span,.voice-chip{word-break:break-all}.hero-visual{min-height:520px}.hero-actions{flex-direction:column;width:100%}.primary-action,.secondary-action{justify-content:center;width:100%}.phone-shell{left:50%;top:12px;transform:translate(-50%);padding:14px;width:min(calc(100vw - 76px),430px)}.sticker-row{max-width:100%}.voice-chip{justify-self:start;max-width:92%}.feature-grid,.usage-cards,.credits-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.section,.limits-band,footer{padding-left:18px;padding-right:18px}.persona-art{min-height:360px}.persona-art img{height:220px;width:220px}.persona-note{bottom:36px;font-size:14px;white-space:normal;width:min(88vw,280px)}.command-header{align-items:flex-start}.command-header img{height:86px;width:86px}.danmaku-stage{min-height:188px}.danmaku-stage:before,.danmaku-stage:after{width:42px}.danmaku-run{animation-duration:48s}.danmaku-track:nth-child(2) .danmaku-run{animation-duration:54s;animation-delay:-18s}.danmaku-track:nth-child(3) .danmaku-run{animation-duration:60s;animation-delay:-33s}.danmaku-bubble,.danmaku-bubble:nth-child(2n),.danmaku-bubble:nth-child(3n),.danmaku-bubble:nth-child(4n),.danmaku-bubble:nth-child(5n),.danmaku-bubble:nth-child(7n),.danmaku-bubble:nth-child(11n),.danmaku-bubble:nth-child(13n){margin-right:28px}footer{align-items:flex-start;flex-direction:column;gap:8px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.intro-overlay{display:none}.intro-hold .topbar,.intro-hold .hero-copy>*,.intro-hold .phone-shell{opacity:1}.intro-ready .topbar,.intro-ready .hero-copy>*,.intro-ready .phone-shell,.intro-ready .chat-feed>*{animation:none}.danmaku-stage{overflow:visible}.danmaku-stage:before,.danmaku-stage:after{display:none}.danmaku-track{display:contents}.danmaku-run{animation:none;flex-wrap:wrap;min-width:0;transform:none}.danmaku-group{flex-wrap:wrap;gap:12px 14px;min-width:0}.danmaku-bubble{margin-right:0}.danmaku-copy{display:none}}.guide-page{background:var(--bg-page);min-height:100vh;padding-top:96px}.guide-topbar .guide-back{align-items:center;background:var(--bg-chip);border:1px solid var(--border-chip);border-radius:999px;color:var(--text-nav);cursor:var(--cursor-paw);display:inline-flex;font-size:14px;gap:6px;padding:9px 13px;transition:background .16s ease,color .16s ease}.guide-topbar .guide-back:hover{background:var(--bg-nav-hover);color:var(--text-nav-hover)}.guide-topbar .brand{margin-left:10px}.guide-hero{margin:0 auto;max-width:780px;padding:44px 30px 18px}.guide-hero h1{font-size:clamp(40px,7vw,64px);letter-spacing:0;line-height:1.02;margin-top:16px}.guide-lede{color:var(--text-secondary);font-size:18px;line-height:1.8;margin-top:16px}.guide-content{margin:0 auto;max-width:780px;padding:0 30px 72px}.guide-section{background:var(--bg-section-band);margin-left:-30px;margin-right:-30px;padding:34px 30px 42px;position:relative}.guide-section:after{border-top:1px solid var(--border-card);content:"";inset:0 0 auto;position:absolute}.guide-section:first-of-type:after{display:none}.guide-h2{align-items:center;border-bottom:1px solid var(--border-card);color:var(--text-heading2);display:flex;font-size:clamp(24px,3.4vw,32px);line-height:1.15;padding-bottom:16px}.guide-h2:before{background:var(--accent-btn-gradient);border-radius:999px;content:"";flex:0 0 auto;height:22px;margin-right:14px;width:5px}.guide-h3{align-items:center;color:var(--text-heading3);display:flex;font-size:19px;gap:10px;line-height:1.3;margin-top:30px}.guide-h3-dot{background:var(--accent-btn-gradient);border-radius:999px;flex:0 0 auto;height:10px;width:10px}.guide-p,.guide-list{color:var(--text-body);font-size:15px;line-height:1.8;margin-top:15px}.guide-list{display:grid;gap:10px;list-style:none;padding:0}.guide-list li{align-items:flex-start;display:flex;gap:10px}.guide-list-icon{align-items:center;background:var(--bg-credit-icon);border:1px solid var(--border-credit-icon);border-radius:999px;color:var(--accent-icon);display:inline-flex;flex:0 0 auto;height:20px;justify-content:center;margin-top:2px;width:20px}.guide-example{background:var(--bg-chat-feed);border:1px solid var(--border-card);border-radius:14px;box-shadow:var(--shadow-chip);display:grid;gap:10px;margin-top:18px;padding:16px}.guide-example-line{align-items:flex-start;display:flex;gap:10px}.guide-example-avatar{align-items:center;background:var(--accent-btn-gradient);border-radius:999px;color:var(--text-accent-on-dark);display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:850;height:24px;justify-content:center;width:24px}.guide-example-text{background:var(--bg-bubble-in);border-radius:14px 14px 14px 4px;box-shadow:var(--shadow-bubble);color:var(--text-bubble-in);font-size:15px;line-height:1.6;max-width:100%;overflow-wrap:anywhere;padding:10px 14px}.guide-footer{align-items:center;color:var(--text-footer);display:flex;font-size:14px;justify-content:space-between;margin:0 auto;max-width:780px;padding:0 30px 44px}.guide-footer-home{align-items:center;background:var(--bg-chip);border:1px solid var(--border-chip);border-radius:999px;color:var(--accent-deep);cursor:var(--cursor-paw);display:inline-flex;font-size:14px;font-weight:750;gap:6px;padding:8px 14px;transition:background .16s ease,transform .16s ease}.guide-footer-home:hover{background:var(--bg-nav-hover);transform:scale(1.04)}.guide-footer-home:active{transform:scale(.96)}@media (max-width: 720px){.guide-page{padding-top:86px}.guide-hero{padding:30px 18px 12px}.guide-content{padding:0 18px 52px}.guide-section{margin-left:-18px;margin-right:-18px;padding:28px 18px 32px}.guide-lede{font-size:16px}.guide-h2{font-size:clamp(22px,6vw,28px)}.guide-h3{margin-top:26px}.guide-footer{align-items:flex-start;flex-direction:column;gap:12px;padding:0 18px 36px}}
