:root{--ink:#18183e;--muted:#7b7b9a;--purple:#977cf4;--strong:#7c5de3;--line:#e5dff6;--tint:#f8f6fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--ink);font-family:"Segoe UI","Malgun Gothic",sans-serif;line-height:1.6}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7051cf;outline-offset:4px}button:disabled{cursor:default}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.site-header{height:105px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:650;letter-spacing:-1px}.brand img{object-fit:contain}.site-header nav{display:flex;align-items:center;gap:32px;font-size:14px}.nav-download{padding:9px 20px;border:1px solid var(--line);border-radius:30px;color:var(--strong);background:var(--tint)}.hero{display:grid;grid-template-columns:.83fr 1.17fr;gap:42px;align-items:center;padding-block:66px 60px}.eyebrow{color:var(--strong);font-size:15px;margin:0 0 22px}h1{font-size:clamp(32px,3.35vw,49px);letter-spacing:-2.4px;line-height:1.36;margin:0 0 25px;font-weight:750}h1 span{color:var(--purple)}.lead{font-size:18px;line-height:1.85;color:#585875;margin:0 0 29px}.primary{display:inline-flex;align-items:center;gap:34px;background:var(--strong);color:white;border-radius:10px;padding:13px 23px;font-size:16px;font-weight:600}.primary:hover{background:#6b4bcc}.text-link{display:block;color:var(--strong);margin-top:17px;width:fit-content}.platform{font-size:12px;color:var(--muted);margin-top:37px}.preview-block{min-width:0}.preview-viewport{width:100%;position:relative;overflow:hidden;border:1px solid #d4cde7;border-radius:12px;box-shadow:0 12px 32px #25204b09;background:#fdfcfe;aspect-ratio:761/541}.app-window{width:761px;height:541px;transform-origin:top left;display:flex;background:#fdfcfe;font-size:12px;color:#192747;line-height:1.5;font-family:"Malgun Gothic",sans-serif}.app-sidebar{width:146px;flex-shrink:0;display:flex;flex-direction:column;padding:22px 11px 10px;border-right:1px solid #e7e5ee;background:#f7f7fc}.app-brand{display:flex;align-items:center;gap:6px;font-size:12px;padding-left:2px;margin-bottom:24px}.app-nav{display:grid;gap:7px}.app-nav button{display:flex;align-items:center;gap:14px;height:44px;border:0;background:none;border-radius:8px;padding:0 14px;font-size:14px;color:#273149}.app-nav button.selected{color:#6d51dc;background:#e8e1ff}.app-nav i{width:18px;height:18px}.sidebar-bottom{margin-top:auto;border-top:1px solid #e4e2ed;padding-top:14px}.weather-card{border:1px solid #e6e3f1;border-radius:14px;background:#fcfbff;text-align:center;padding:11px 8px 9px;color:#7b709f}.weather-card>div{display:flex;justify-content:space-between;font-size:11px;color:#38436b}.weather-card>div span{color:#8169df;font-size:18px;line-height:1}.weather-card p{margin:0 0 3px}.temperature{display:flex;justify-content:center;align-items:center;gap:3px;color:#233352}.temperature strong{font-size:23px;font-weight:500}.temperature i{width:32px;height:32px;color:#8d72d4}.weather-card small{display:block;font-size:10px;line-height:1.5}.weather-card .weather-source{font-size:8px;margin-top:2px;color:#a49bb5}.restart{display:flex;align-items:center;gap:8px;margin:16px 12px 19px;font-size:11px;white-space:nowrap}.restart i{width:15px;height:15px}.app-tagline{display:block;text-align:center;font-size:10px;color:#a59db7}.app-main{flex:1;padding:16px 13px 12px;min-width:0}.app-heading{display:flex;justify-content:space-between;padding-left:9px;height:62px;align-items:flex-start}.app-heading h2{font-size:20px;margin:0 0 3px;letter-spacing:0}.app-heading p{margin:0;color:#9b8bad;font-size:11px}.fold-window{font-size:11px;padding:4px 10px;border:1px solid #dcd6ed;border-radius:7px;margin:2px 10px 0 0;background:#f8f7fc}.chat-layout{display:flex;height:447px;gap:10px}.history{background:#f8f5fc;width:136px;flex-shrink:0;border:1px solid #ece4f8;border-radius:12px;padding:10px 8px}.history[hidden]{display:none}.new-chat{width:100%;border:0;border-radius:7px;background:#9a7cf2;color:#fff;height:32px;font-size:12px}.history p{margin:14px 7px 8px;color:#aa91b8;font-size:11px}.history input{width:100%;height:30px;border:1px solid #e5d9f4;border-radius:7px;background:#fff;padding:7px;font-size:11px;outline-offset:1px}.history input::placeholder{color:#9c8eaa}.history-item{display:flex;justify-content:space-between;padding:20px 7px;color:#514c72;font-size:11px}.history-item i{width:13px;height:13px;color:#ad9bbc}.chat-main{flex:1;min-width:0;display:flex;flex-direction:column}.chat-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#b3a5bf;height:26px}.chat-toolbar button{font-size:10px;border:1px solid #e0d9ec;border-radius:6px;padding:3px 8px;background:#faf8ff;color:#433955}.connection{padding:3px 8px;border-radius:20px;background:#f1eafa;color:#a491c5}.welcome{flex:1;text-align:center;padding-top:72px}.welcome-star{width:51px;height:51px;border-radius:17px;background:#eee7ff;color:#a17cf6;font-size:37px;line-height:51px;margin:0 auto 13px}.welcome h3{font-size:18px;margin:0 0 10px;font-family:Georgia,"Malgun Gothic",serif}.welcome p{font-size:12px;color:#a28cb3;line-height:1.9;margin:0}.suggestion{background:#f6f3f9;border-radius:11px;margin-top:18px;padding:14px 5px;color:#a18aaf;font-size:10px}.composer{border-top:1px solid #efebf5;padding-top:12px;display:flex;gap:9px;margin-top:auto}.message-input{flex:1;height:49px;border:1px solid #dfd0f8;border-right:7px solid #ccc4d9;border-radius:11px;padding:14px;color:#b8a7c6;font-size:12px}.composer button{width:47px;border:0;border-radius:12px;background:#cbb9fa;color:#fff}.composer button i{display:block;width:27px;height:27px;margin:auto}.app-disclosure{font-size:8px;color:#b9a6c3;white-space:nowrap;text-align:center;margin:5px 0 0}.preview-caption{font-size:11px;color:#9591a6;text-align:center;margin:13px 0 0;line-height:1.6}.demo-dot{display:inline-block;width:6px;height:6px;background:#ac95e7;border-radius:50%;margin-right:5px}.alternate-panel{background:#faf8fd;border:1px solid #e9e0f5;border-radius:12px;padding:30px;height:410px}.alternate-panel h3{font-size:20px}.alternate-panel p{color:#8c7d9a;line-height:1.9}.demo-row{background:white;padding:15px;border:1px solid #e8e2f0;border-radius:8px;margin-top:12px}.demo-label{color:#9479d0;font-size:11px}.features{text-align:center;padding-block:48px 74px}.section-kicker{font-size:11px;letter-spacing:2px;color:var(--strong);margin:0 0 11px}section h2{font-size:30px;line-height:1.4;letter-spacing:-1px;margin:0 0 13px}.section-description{color:var(--muted);font-size:15px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}.feature-grid article{border:1px solid var(--line);border-radius:10px;padding:30px 12px 24px}.feature-grid i{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:var(--tint);color:var(--strong)}i svg{display:block;width:100%;height:100%}.feature-grid svg{width:28px;height:28px}.feature-grid h3,.steps h3{font-size:17px;margin:0 0 7px}.feature-grid p,.steps p{color:#7e7794;font-size:14px;line-height:1.8;margin:0}.getting-started{text-align:center;background:#f8f6fe;padding-block:53px 34px}.steps{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;gap:24px;margin:33px 0 26px}.steps li>span{display:inline-grid;place-items:center;width:37px;height:37px;border:1px solid #e0d5fc;background:#fff;border-radius:50%;font-size:12px;color:var(--strong);margin-bottom:13px}.skip-note{color:#9788b3;font-size:12px}.download{display:flex;justify-content:space-between;align-items:center;padding-block:50px;gap:25px}.download h2{font-size:24px}.download p:not(.section-kicker){font-size:14px;color:var(--muted)}.release-status{white-space:nowrap;border:1px solid var(--line);border-radius:9px;padding:12px 22px;color:var(--strong);font-size:14px;background:var(--tint)}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:25px 20px;color:#9290a7;font-size:12px}.site-footer .brand{font-size:18px;color:var(--ink);letter-spacing:-.5px;gap:7px}.site-footer p{margin:0}.footer-pending{font-size:10px;color:#aaa3b8;margin-left:7px}.site-footer>small{width:100%;text-align:center;font-size:11px;color:#aaa4b8}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
@media(min-width:1600px){h1{font-size:49px}}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.hero{gap:25px}.lead{font-size:15px}h1{font-size:34px;letter-spacing:-1.7px}.platform{font-size:10px}.site-header nav{gap:20px}.preview-caption{font-size:10px}}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:30px;gap:35px}.hero-copy{text-align:center}h1{font-size:40px}.text-link{margin-inline:auto}.platform{font-size:12px;margin-top:24px}.lead{font-size:17px}.preview-block{width:100%;max-width:720px;margin:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.site-header{height:85px}.brand{font-size:22px}.site-header nav{gap:15px;font-size:12px}.nav-download{display:none}.features{padding-top:25px}.steps{gap:15px}.steps h3{font-size:15px}.steps p{font-size:12px}section h2{font-size:26px}}@media(max-width:460px){.wrap{width:calc(100% - 32px)}.brand{font-size:19px;gap:5px}.brand img{width:32px;height:32px}.site-header nav{gap:12px;font-size:11px}.hero{padding-block:28px 30px}h1{font-size:33px;letter-spacing:-1.5px}.lead{font-size:15px}.eyebrow{font-size:13px}.preview-caption{font-size:9px}.feature-grid{gap:12px;margin-top:26px}.feature-grid article{padding:23px 8px}.feature-grid p{font-size:12px}.features h2,.getting-started h2{font-size:23px}.section-description{font-size:13px}.steps{grid-template-columns:repeat(2,1fr);row-gap:28px}.download{align-items:flex-start;flex-direction:column;gap:10px}.site-footer{justify-content:center;text-align:center}.site-footer>span{display:none}.site-footer p{width:100%;font-size:11px}.getting-started{padding-top:38px}.features{padding-bottom:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[hidden]{display:none!important}

/* Refined density; desktop app layout is retained. */
:root{--muted:#68627c;--strong:#7050cd}
.site-header{height:88px}.hero{padding-block:32px 40px;gap:30px;position:relative;background-image:radial-gradient(#b7a1e52b 1px,transparent 1px);background-size:18px 18px;background-position:center}.hero-copy{background:#ffffffc9;border-radius:20px;padding-block:10px}.hero h1{font-size:clamp(30px,3.1vw,45px)}.platform{color:#68627c}.features{padding-block:38px 42px}.feature-grid{margin-top:25px}.feature-grid article{padding-block:24px}.getting-started{padding-block:38px 25px}.download{padding-block:32px}.live2d{display:grid;grid-template-columns:1.2fr .65fr 1.5fr;gap:26px;background:#f7f3fd;border:1px solid #eee7f9;border-radius:18px;padding:28px;align-items:center}.live2d h2{font-size:25px}.live2d-copy>p:not(.section-kicker){font-size:14px;color:#655c79}.model-note{background:#eee6fa;border-radius:10px;padding:13px}.model-illustration{text-align:center}.model-illustration svg{width:100%;max-width:170px;height:180px;display:block;margin:auto}.model-illustration span{display:block;color:#6545b3;font-weight:600;font-size:13px}.model-illustration small{display:block;font-size:11px;color:#6a617c;margin-top:5px}.live2d-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.live2d-cards article{background:#fff;border:1px solid var(--line);padding:18px 13px;border-radius:12px;min-height:185px}.live2d-cards article>span{color:#7554c9;font-size:12px;display:inline-grid;place-items:center;background:#f6f1fd;width:30px;height:30px;border-radius:50%}.live2d-cards h3{font-size:15px;line-height:1.5;margin:16px 0 8px}.live2d-cards p{font-size:13px;color:#686079;margin:0}.expand-preview{display:block;margin:14px auto 0;background:#f7f3ff;color:#6344b0;border:1px solid #d9ccef;border-radius:9px;padding:10px 18px;min-height:44px}.preview-caption{color:#665f77;font-size:12px}.site-footer nav{display:flex;gap:20px;flex-wrap:wrap}.site-footer nav a{text-decoration:underline;text-underline-offset:4px;color:#625b75}.site-footer,.site-footer>small,.skip-note,.feature-grid p,.steps p{color:#686079}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-200%);z-index:30;background:#fff;padding:10px 20px;border:2px solid #7050cd}.skip-link:focus{transform:none}.fold-window{border:none;background:none;color:#655a75}.restart{color:#756982}.app-heading p,.welcome p,.suggestion,.connection,.chat-toolbar,.history p,.app-disclosure,.app-tagline,.weather-source{color:#746580}.message-input{color:#746580}.new-chat{background:#7c5bcf}.composer button{background:#8769ce}.document{max-width:860px;padding-block:35px 65px}.document h1{font-size:38px}.document h2{font-size:22px;margin:32px 0 12px}.document p{font-size:16px;color:#514b63;line-height:1.9}.document a{color:#6943bb;text-decoration:underline;text-underline-offset:3px}.document-note{background:#f5f0fc;border:1px solid var(--line);border-radius:12px;padding:20px}.document-note h2{margin-top:0}dialog{border:1px solid #d8cbed;border-radius:16px;padding:18px;max-width:calc(100vw - 24px);width:815px;max-height:calc(100dvh - 24px);color:var(--ink);box-shadow:0 18px 80px #21163b40}dialog::backdrop{background:#21163b88}dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px}dialog h2{font-size:20px;margin:0}dialog button{background:#f6f1fc;border:1px solid #d5c6ec;border-radius:8px;padding:9px 14px;min-height:44px;color:#4f347f}dialog>p{font-size:13px;color:#625970}.preview-scroll{overflow:auto;max-height:calc(100dvh - 190px);overscroll-behavior:contain;border:1px solid var(--line);border-radius:8px}.preview-scroll .preview-viewport{width:761px;min-width:761px;height:541px;aspect-ratio:auto;border:none;border-radius:0;box-shadow:none}.preview-open{overflow:hidden}
@media(max-width:1050px){.live2d{grid-template-columns:1fr .6fr}.live2d-cards{grid-column:1/-1}.live2d-cards article{min-height:0}.hero h1{font-size:32px}}
@media(max-width:800px){.hero{gap:25px}.hero h1{font-size:38px}.hero-copy{background:none}.live2d{gap:20px}.document{padding-top:20px}.feature-grid{gap:14px}}
@media(max-width:460px){.hero h1{font-size:30px;letter-spacing:-1.4px}.live2d{padding:20px;grid-template-columns:1fr}.live2d h2{font-size:24px}.model-illustration{display:none}.live2d-cards{grid-template-columns:1fr;gap:10px}.live2d-cards article{display:grid;grid-template-columns:32px 1fr;column-gap:10px;padding:15px}.live2d-cards h3{margin:2px 0 8px}.live2d-cards p{grid-column:2}.preview-caption{font-size:11px}.site-footer nav{gap:14px}.document h1{font-size:30px}.document p{font-size:15px}.document-note{padding:15px}.hero{padding-top:15px}.feature-grid p{font-size:13px}}
.history input::placeholder{color:#746580}.chat-toolbar{color:#746580}.app-disclosure{color:#746580}.preview-home .preview-viewport{cursor:zoom-in}@media(min-width:801px){.preview-home .preview-viewport{cursor:auto}}
.model-illustration img{display:block;width:100%;max-width:190px;height:210px;object-fit:contain;margin:0 auto 8px}
/* The label overlaps the silhouette's cut edge, like a small nameplate. */
.model-illustration img{height:auto;margin-bottom:0}
.model-illustration>span{position:relative;z-index:1;width:190px;max-width:100%;margin:-29px auto 0;padding:10px 12px;background:#eee5fc;border:1px solid #dfd0f5;border-radius:24px;box-shadow:0 5px 14px #7450b514}
.model-illustration small{margin-top:10px;word-break:keep-all}
.live2d-cards h3,.live2d-cards p{word-break:keep-all;overflow-wrap:normal}
.live2d-cards h3{font-size:14px;letter-spacing:-.3px}
.live2d-cards p{line-height:1.8}
/* Connect setup steps without suggesting mandatory completion. */
.steps li{position:relative}
.steps li:not(:last-child)::after{content:"";position:absolute;top:18px;left:calc(50% + 31px);width:calc(100% + 24px - 62px);border-top:1px dashed #cdbcef;pointer-events:none}
@media(max-width:800px){.steps li:not(:last-child)::after{width:calc(100% + 15px - 62px)}}
@media(max-width:460px){.steps li:nth-child(2)::after{display:none}}
/* Separate, directly addressable pages; native navigation preserves browser history. */
body.home-page,body.features-page{min-height:100dvh;display:flex;flex-direction:column}
.home-page main{flex:1;display:grid;align-content:center}.features-page main{flex:1;padding-top:24px}
.site-header nav a[aria-current="page"]{color:var(--strong);font-weight:650;position:relative}
.site-header nav a[aria-current="page"]::after{content:"";position:absolute;height:2px;background:var(--strong);border-radius:2px;bottom:-7px;left:0;right:0}
.release-note{font-size:12px;color:var(--muted);margin:12px 0 0;max-width:310px;word-break:keep-all}
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .15s ease both}
::view-transition-new(root){animation:page-in .2s ease both}
@keyframes page-out{to{opacity:0}}
@keyframes page-in{from{opacity:0}to{opacity:1}}
@media(max-width:800px){.release-note{margin-inline:auto}.features-page main{padding-top:15px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}
/* Give the desktop landing content the first viewport; footer follows below. */
@media(min-width:801px){.home-page main{flex:none;min-height:calc(100svh - 88px)}}

.document h3{font-size:17px;margin:24px 0 8px}.document ul{padding-left:24px;color:#514b63;line-height:1.9}.document li{margin:12px 0}.document code{overflow-wrap:anywhere}.document-toc{display:flex;flex-wrap:wrap;gap:10px 22px;background:#faf7fe;border-radius:12px;padding:18px}.contact-form{display:grid;gap:12px;margin-top:30px;position:relative}.contact-form>label{font-weight:600;margin-top:10px}.contact-form label>span{font-size:13px;color:#655c79}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{width:100%;border:1px solid #cfc2e8;border-radius:9px;padding:12px;background:white;color:#29203b;font:inherit;min-width:0}.contact-form textarea{resize:vertical}.contact-form .consent{display:flex;gap:12px;align-items:flex-start;font-weight:400}.consent input{width:18px;height:18px;flex-shrink:0;margin-top:4px;accent-color:#7050cd}.contact-form button{border:0;justify-self:start;min-height:44px}.contact-form button:disabled{opacity:.55;cursor:not-allowed}.document .field-help{font-size:13px;color:#665d77;margin-top:0}.document #contact-status{font-size:14px;margin:5px 0;min-height:24px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#bot-check{min-width:0;max-width:100%}