*{box-sizing:border-box;margin:0;padding:0}:root{--rose:var(--brand-accent);--rose-dark:var(--brand-deep);--navy:var(--surface-navy);--accent:var(--rose)}.seo-ja{background:var(--lt-bg);color:var(--lt-text-1);overflow-x:hidden;font:var(--type-body-compact);letter-spacing:var(--type-body-ls)}.bc{background:var(--lt-surface);border-bottom:1px solid var(--lt-border);padding:var(--space-3) var(--space-8);font-size:var(--size-caption);display:flex;gap:var(--space-2);align-items:center;position:relative;z-index:10}.bc,.bc a{color:var(--lt-text-3)}.bc a{text-decoration:none}.bc a:hover{color:var(--accent)}.bc-cur{color:var(--lt-text-1);font:var(--type-ui-label);letter-spacing:var(--type-ui-label-ls)}.bc-sep{color:var(--lt-text-4)}.nav{position:sticky;top:0;z-index:100;background:var(--site-chrome-bg-glass);backdrop-filter:var(--material-glass-filter);border-bottom:1px solid var(--site-chrome-border);padding:0 var(--space-8);display:flex;align-items:center;justify-content:space-between;height:64px}.nav-links{list-style:none;display:flex;gap:var(--space-2)}.nav-links a{color:var(--site-chrome-text-muted);text-decoration:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all .2s;display:flex;align-items:center;gap:var(--space-1_5);font:var(--type-ui-label);letter-spacing:var(--type-ui-label-ls)}.nav-links a.active,.nav-links a:hover{color:var(--text-on-alt);background:var(--site-chrome-hover)}.nav-links .nav-icon,.nav-right{display:flex;align-items:center}.nav-right{gap:var(--space-2)}.nav-gems{color:var(--kohaku-400);text-decoration:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--status-warning-border);transition:all .2s;font:var(--type-ui-label);letter-spacing:var(--type-ui-label-ls)}.nav-gems:hover{background:var(--status-warning-bg);border-color:var(--status-warning-border)}.nav-login{color:var(--text-on-alt);text-decoration:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all .2s;font:var(--type-ui-label);letter-spacing:var(--type-ui-label-ls)}.nav-login,.nav-login:hover{background:var(--site-chrome-hover)}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-2)}.deep{max-width:760px;margin:0 auto}.deep h3{color:var(--lt-text-1);margin:var(--space-6) 0 var(--space-2);font:var(--type-ui-label);letter-spacing:var(--type-ui-label-ls)}.deep p{color:var(--lt-text-2);margin-bottom:var(--space-4);font:var(--type-body-reading);letter-spacing:var(--type-body-ls)}.deep ul{margin:var(--space-2) 0 var(--space-4) 0;padding-left:0;list-style:none}.deep ul li{color:var(--lt-text-2);padding-left:var(--space-6);position:relative;margin-bottom:var(--space-2);font:var(--type-body-reading)}.deep ul li,.deep ul li:before{letter-spacing:var(--type-body-ls)}.deep ul li:before{content:"→";position:absolute;left:0;color:var(--accent);font:var(--type-body-compact)}.deep strong{color:var(--lt-text-1);font:var(--type-ui-label);letter-spacing:var(--type-ui-label-ls)}.cmp-table{margin-top:var(--space-6);border:1px solid var(--lt-border);border-radius:var(--radius-xl);overflow:hidden;background:var(--lt-surface)}.cmp-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-bottom:1px solid var(--lt-border)}.cmp-row:last-child{border-bottom:none}.cmp-row.cmp-head{background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--lt-text-1);font:var(--type-ui-label);letter-spacing:var(--type-ui-label-ls)}.cmp-cell{padding:var(--space-4) var(--space-4);color:var(--lt-text-2);border-right:1px solid var(--lt-border);font:var(--type-body-compact);letter-spacing:var(--type-body-ls)}.cmp-cell:last-child{border-right:none}.cmp-cell.lbl{font:var(--type-ui-label);letter-spacing:var(--type-ui-label-ls)}.cmp-cell.lbl,.cmp-cell.win{color:var(--lt-text-1)}.cmp-cell.win:before{content:"✓ ";color:var(--accent);font:var(--type-ui-label);letter-spacing:var(--type-ui-label-ls)}@media(max-width:600px){.cmp-row{grid-template-columns:1fr}.cmp-cell{border-right:none;border-bottom:1px solid var(--lt-border)}.cmp-row:last-child .cmp-cell:last-child{border-bottom:none}.deep h3{font-size:var(--size-h4)}.deep p,.deep ul li{font-size:var(--size-body)}}.page-h1{background:var(--bg-base);padding:var(--space-8) 0 0}.page-h1 h1{color:var(--text-on-alt);opacity:.92;max-width:1100px;padding:0 var(--space-8);margin:0 auto;font:var(--type-page-title);letter-spacing:var(--type-page-title-ls)}.page-h1 h1 .accent{background:linear-gradient(135deg,var(--brand-soft),var(--accent),var(--rose-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:1}@media(max-width:600px){.page-h1{padding:var(--space-6) 0 0}.page-h1 h1{padding:0 var(--space-4);font:var(--type-page-title);letter-spacing:var(--type-page-title-ls)}}.page-rating{max-width:1100px;margin:var(--space-2) auto 0;padding:0 var(--space-8);display:flex;align-items:center;gap:var(--space-2);font-size:var(--size-body-sm);color:var(--lt-text-2)}.page-rating-stars{color:var(--kohaku-400);font:var(--type-meta);letter-spacing:var(--type-meta-ls)}.page-rating-val{color:var(--lt-text-1);font-variant-numeric:tabular-nums;font:var(--type-ui-label);letter-spacing:var(--type-ui-label-ls)}.page-rating-meta{color:var(--lt-text-3);font-size:var(--size-caption)}@media(max-width:600px){.page-h1{padding:var(--space-4) 0 0}.page-h1 h1{font:var(--type-page-title);letter-spacing:var(--type-page-title-ls)}.page-rating{font-size:var(--size-caption);padding:0 var(--space-4);flex-wrap:wrap;gap:var(--space-1_5)}}.sec{padding:var(--space-12) 0}.sec-alt{background:var(--lt-surface)}.sec-dark{background:var(--bg-base)}.sec-dark,.sec-dark .sec-title{color:var(--text-1)}.sec-dark .feat-card{background:var(--bg-surface);border-color:var(--border-d)}.sec-dark .feat-name{color:var(--text-1)}.sec-dark .feat-desc{color:var(--text-3)}.sec p{color:var(--lt-text-2);margin-bottom:var(--space-4);font:var(--type-body-reading);letter-spacing:var(--type-body-ls)}.wrap{max-width:1100px;margin:0 auto;padding:0 var(--space-8)}.wrap-narrow{max-width:760px;margin:0 auto;padding:0 var(--space-6)}.tag{display:none}.sec-title{color:var(--lt-text-1);margin-bottom:var(--space-4);font:var(--type-component-title);letter-spacing:var(--type-component-title-ls)}.btn-main,a.btn-main,a.btn-main:link,a.btn-main:visited{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);text-decoration:none;transition:all .25s;cursor:pointer;border:none;background:linear-gradient(135deg,var(--brand-soft),var(--accent),var(--rose-dark));color:var(--text-on-alt);font:var(--type-ui-label);letter-spacing:var(--type-ui-label-ls)}.btn-main:hover,a.btn-main:hover{transform:translateY(-2px);box-shadow:var(--shadow-brand);color:var(--text-on-alt)}.btn-main.lg,a.btn-main.lg{padding:var(--space-4) var(--space-8);font-size:var(--size-body-lg);border-radius:var(--radius-xl)}.btn-main.white,a.btn-main.white,a.btn-main.white:link,a.btn-main.white:visited{background:var(--surface-card);color:var(--text-on-light)}.btn-main.white:hover,a.btn-main.white:hover{background:var(--surface-sunken);color:var(--text-on-light)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid;padding:var(--space-2) var(--space-4);margin-bottom:var(--space-6);font:var(--type-meta-strong);letter-spacing:var(--type-meta-ls)}.badge,.badge-dot{border-radius:var(--radius-full)}.badge-dot{width:6px;height:6px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.feat-card{background:var(--lt-surface);border:1px solid var(--lt-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:transform .22s,box-shadow .22s;cursor:default}.feat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.feat-icon{font-size:var(--size-h1);margin-bottom:var(--space-4)}.feat-name{margin-bottom:var(--space-2);color:var(--lt-text-1);font:var(--type-component-title);letter-spacing:var(--type-component-title-ls)}.feat-desc{color:var(--lt-text-2);font:var(--type-body-reading);letter-spacing:var(--type-body-ls)}.faq-item{border-bottom:1px solid var(--lt-border)}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) 0;background:none;border:none;cursor:pointer;color:var(--lt-text-1);text-align:left;gap:var(--space-4);transition:color .2s;font:var(--type-component-title);letter-spacing:var(--type-component-title-ls)}.faq-icon,.faq-q:hover{color:var(--accent)}.faq-icon{margin-left:auto;transition:transform .2s;font:var(--type-meta-strong);letter-spacing:var(--type-meta-ls)}.faq-a{color:var(--lt-text-2);padding:0 0 var(--space-6);font:var(--type-body-compact);letter-spacing:var(--type-body-ls)}.rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.rel-card{display:block;padding:var(--space-6);background:var(--lt-surface);border:1px solid var(--lt-border);border-radius:var(--radius-lg);text-decoration:none;transition:transform .2s,box-shadow .2s}.rel-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.rel-name{color:var(--lt-text-1);margin-bottom:var(--space-2);font:var(--type-component-title);letter-spacing:var(--type-component-title-ls)}.rel-desc{color:var(--lt-text-2);font:var(--type-body-compact);letter-spacing:var(--type-body-ls)}.cta-wrap{padding:var(--space-20) 0}.cta-box{position:relative;max-width:720px;margin:0 auto;text-align:center;padding:var(--space-16) var(--space-8);border-radius:var(--radius-2xl);background:var(--bg-base);overflow:hidden}.cta-box:before{content:"";position:absolute;inset:-60px;background:radial-gradient(ellipse 60% 60% at 50% 50%,var(--brand-accent-soft) 0,transparent 65%);z-index:0}.cta-box>*{position:relative;z-index:1}.cta-title{color:var(--text-on-alt);margin-bottom:var(--space-3);font:var(--type-component-title);letter-spacing:var(--type-component-title-ls)}.cta-sub{color:var(--site-chrome-text-muted);font-size:var(--size-body-lg);margin-bottom:var(--space-8)}.chars-sec{padding:var(--space-20) 0;background:var(--lt-surface)}.chars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-5);margin-top:var(--space-6)}.chars-filters{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-btn,a.filter-btn:link,a.filter-btn:visited{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--site-chrome-border-strong);background:var(--glass-tint);color:var(--site-chrome-text-muted);cursor:pointer;transition:all .2s;font:var(--type-ui-label);letter-spacing:var(--type-ui-label-ls)}.filter-btn.active,.filter-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--text-on-alt)}.char-card{display:block;border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;position:relative;transition:transform .22s,box-shadow .22s}.char-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.char-card.hidden{display:none}.char-img{position:relative;aspect-ratio:3/4;overflow:hidden}.char-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s}.char-card:hover .char-img img{transform:scale(1.06)}.char-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--scrim-soft) 0,transparent 50%)}.char-top-badge{position:absolute;top:12px;left:12px;background:var(--brand-accent-soft);color:var(--text-on-alt);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);backdrop-filter:var(--material-glass-filter);font:var(--type-meta-strong);letter-spacing:var(--type-meta-ls)}.char-info{position:absolute;bottom:0;left:0;right:0;padding:var(--space-4)}.char-name{color:var(--text-on-alt);margin-bottom:var(--space-1);font:var(--type-component-title);letter-spacing:var(--type-component-title-ls)}.char-desc{color:var(--site-chrome-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:var(--type-body-compact);letter-spacing:var(--type-body-ls)}.char-stats{display:flex;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--size-tiny);color:var(--site-chrome-text-subtle)}.char-chat-btn,a.char-chat-btn:link,a.char-chat-btn:visited{display:block;text-align:center;padding:var(--space-3);background:var(--accent);color:var(--text-on-alt);transition:background .2s;font:var(--type-ui-label);letter-spacing:var(--type-ui-label-ls)}.footer{background:var(--navy);color:var(--site-chrome-text-muted);padding:var(--space-16) 0 var(--space-8)}.footer-inner{max-width:1100px;margin:0 auto;padding:0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer-badge{display:inline-flex;align-items:center;gap:var(--space-1_5);border:1px solid var(--site-chrome-border-strong);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-3);font:var(--type-meta-strong)}.footer-badge,.footer-tagline{color:var(--site-chrome-text-subtle);letter-spacing:var(--type-meta-ls)}.footer-tagline{font:var(--type-meta)}.footer-socials{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.footer-social{width:36px;height:36px;border-radius:var(--radius-md);background:var(--glass-tint);border:1px solid var(--site-chrome-border-strong);display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--site-chrome-text-muted)}.footer-social:hover{background:var(--site-chrome-hover);border-color:var(--border-media);color:var(--text-on-alt)}.footer-col-title{color:var(--site-chrome-text-muted);margin-bottom:var(--space-4);font:var(--type-component-title);letter-spacing:var(--type-component-title-ls)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.footer-links a{color:var(--site-chrome-text-muted);text-decoration:none;font-size:var(--size-body-sm);transition:color .2s}.footer-links a:hover{color:var(--text-on-alt)}.footer-bottom{border-top:1px solid var(--site-chrome-border);padding-top:var(--space-6);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer-copy{font-size:var(--size-caption);color:var(--site-chrome-text-subtle)}.footer-legal{display:flex;gap:var(--space-5)}.footer-legal a{color:var(--site-chrome-text-subtle);font-size:var(--size-caption);text-decoration:none;transition:color .2s}.footer-legal a:hover{color:var(--site-chrome-text-muted)}@media(max-width:768px){.menu-toggle{display:flex;align-items:center}.nav-links{display:none!important;position:absolute;top:64px;left:0;right:0;background:var(--site-chrome-bg);flex-direction:column;padding:var(--space-4);gap:var(--space-1);border-bottom:1px solid var(--site-chrome-border-strong)}.nav-links.nav-open{display:flex!important}.nav-links a{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.nav-right{gap:var(--space-2)}.footer-grid{gap:var(--space-8)}.feat-grid,.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.sec{padding:var(--space-12) 0}.sec-title{font-size:var(--size-h2)}.cta-title{font-size:var(--size-h3)}.wrap{padding:0 var(--space-4)}.feat-grid{grid-template-columns:1fr}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}.hero-slider{position:relative;width:100%;overflow:hidden;contain:layout style}.slides{display:flex;transition:transform .7s cubic-bezier(.77,0,.18,1);will-change:transform}.slide{min-width:100%;display:flex;align-items:center;position:relative;overflow:hidden;content-visibility:auto}.slide-1{content-visibility:visible;background:var(--navy)}.slide-1 .slide-glow{background:radial-gradient(ellipse 55% 55% at 15% 55%,var(--brand-accent-soft) 0,transparent 65%),radial-gradient(ellipse 35% 50% at 85% 25%,color-mix(in srgb,var(--fuji-500) 15%,transparent) 0,transparent 60%)}.slide-2{background:var(--surface-navy-blue)}.slide-2 .slide-glow{background:radial-gradient(ellipse 55% 55% at 20% 50%,color-mix(in srgb,var(--theme-sky) 20%,transparent) 0,transparent 65%),radial-gradient(ellipse 40% 50% at 80% 30%,color-mix(in srgb,var(--fuji-400) 15%,transparent) 0,transparent 60%)}.slide-3{background:var(--surface-navy-purple)}.slide-3 .slide-glow{background:radial-gradient(ellipse 55% 55% at 15% 55%,color-mix(in srgb,var(--theme-sunset) 20%,transparent) 0,transparent 65%),radial-gradient(ellipse 35% 50% at 85% 25%,var(--brand-accent-soft) 0,transparent 60%)}.slide-4{background:var(--surface-navy-green)}.slide-4 .slide-glow{background:radial-gradient(ellipse 55% 55% at 20% 55%,color-mix(in srgb,var(--theme-forest) 20%,transparent) 0,transparent 65%),radial-gradient(ellipse 35% 50% at 80% 25%,color-mix(in srgb,var(--theme-sky) 12%,transparent) 0,transparent 60%)}.slide-glow,.slide-grid{position:absolute;inset:0;z-index:0}.slide-grid{opacity:.04;background-image:linear-gradient(var(--site-chrome-hover) 1px,transparent 1px),linear-gradient(90deg,var(--site-chrome-hover) 1px,transparent 1px);background-size:48px 48px}.slide-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:var(--space-16) var(--space-8) var(--space-16);display:grid;grid-template-columns:1fr 390px;gap:var(--space-12);align-items:center;width:100%}.slide-1 .badge{background:var(--brand-accent-soft);border-color:var(--brand-accent-border);color:var(--sakura-300)}.slide-1 .badge-dot{background:var(--brand-accent)}.slide-2 .badge{background:color-mix(in srgb,var(--theme-sky) 12%,transparent);border-color:color-mix(in srgb,var(--theme-sky) 28%,transparent);color:var(--hub-blue-accent)}.slide-2 .badge-dot{background:var(--hub-blue-dot)}.slide-3 .badge{background:color-mix(in srgb,var(--theme-sunset) 12%,transparent);border-color:color-mix(in srgb,var(--theme-sunset) 28%,transparent);color:var(--hub-orange-accent)}.slide-3 .badge-dot{background:var(--hub-orange-dot)}.slide-4 .badge{background:color-mix(in srgb,var(--theme-forest) 12%,transparent);border-color:color-mix(in srgb,var(--theme-forest) 28%,transparent);color:var(--hub-green-accent)}.slide-4 .badge-dot{background:var(--hub-green-dot)}.slide-h1{color:var(--text-on-alt);margin-bottom:var(--space-4);font:var(--type-page-title);letter-spacing:var(--type-page-title-ls)}.slide-1 .accent{background:linear-gradient(135deg,var(--brand-accent),var(--brand-pink-dark));-webkit-background-clip:text;background-clip:text}.slide-1 .accent,.slide-2 .accent{-webkit-text-fill-color:transparent}.slide-2 .accent{background:linear-gradient(135deg,var(--theme-sky),var(--theme-sky-light));-webkit-background-clip:text;background-clip:text}.slide-3 .accent{background:linear-gradient(135deg,var(--theme-sunset),var(--theme-sunset-light));-webkit-background-clip:text;background-clip:text}.slide-3 .accent,.slide-4 .accent{-webkit-text-fill-color:transparent}.slide-4 .accent{background:linear-gradient(135deg,var(--theme-forest),var(--theme-forest-light));-webkit-background-clip:text;background-clip:text}.slide-sub{color:var(--site-chrome-text-muted);font:var(--type-body-reading);letter-spacing:var(--type-body-ls)}.slide-ctas,.slide-sub{margin-bottom:var(--space-8)}.slide-ctas{display:flex;gap:var(--space-3);flex-wrap:wrap}.slide-1 .btn-main.primary{background:linear-gradient(135deg,var(--brand-accent),var(--brand-deep));box-shadow:var(--shadow-brand)}.slide-2 .btn-main.primary{background:linear-gradient(135deg,var(--sora-400),var(--sora-500));box-shadow:var(--shadow-md)}.slide-3 .btn-main.primary{background:linear-gradient(135deg,var(--theme-sunset),var(--kohaku-600));box-shadow:var(--shadow-md)}.slide-4 .btn-main.primary{background:linear-gradient(135deg,var(--theme-forest),var(--midori-600));box-shadow:var(--shadow-md)}.slide .btn-ghost,.slide a.btn-ghost,.slide a.btn-ghost:link,.slide a.btn-ghost:visited{display:inline-flex;align-items:center;gap:var(--space-1_5);color:var(--text-on-alt);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);border:1.5px solid var(--border-media);cursor:pointer;background:var(--glass-tint);transition:all .2s;text-decoration:none;backdrop-filter:var(--material-glass-filter);font:var(--type-ui-label);letter-spacing:var(--type-ui-label-ls)}.slide .btn-ghost:hover,.slide a.btn-ghost:hover{background:var(--site-chrome-hover);border-color:var(--border-strong);color:var(--text-on-alt);transform:translateY(-1px)}.stats{display:flex;gap:var(--space-8);flex-wrap:wrap}.stat-val{color:var(--text-on-alt);font:var(--type-meta-strong)}.stat-lbl,.stat-val{letter-spacing:var(--type-meta-ls)}.stat-lbl{color:var(--site-chrome-text-subtle);margin-top:var(--space-1);font:var(--type-meta)}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes td{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.chat-card{background:var(--surface-card);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md);animation:floatY 5s ease-in-out infinite}.chat-top{padding:var(--space-4) var(--space-6);display:flex;align-items:center;gap:var(--space-3)}.slide-1 .chat-top{background:linear-gradient(135deg,var(--brand-accent),var(--brand-deep))}.slide-2 .chat-top{background:linear-gradient(135deg,var(--sora-400),var(--sora-500))}.slide-3 .chat-top{background:linear-gradient(135deg,var(--theme-sunset),var(--kohaku-600))}.slide-4 .chat-top{background:linear-gradient(135deg,var(--theme-forest),var(--midori-600))}.chat-ava{width:42px;height:42px;border-radius:var(--radius-full);background:var(--site-chrome-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0;font:var(--type-ui-label);letter-spacing:var(--type-ui-label-ls)}.chat-ava,.chat-name{color:var(--text-on-alt)}.chat-name{font:var(--type-component-title);letter-spacing:var(--type-component-title-ls)}.chat-status{color:var(--site-chrome-text-muted);font-size:var(--size-caption);margin-top:var(--space-0_5)}.chat-body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.msg{max-width:88%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);font:var(--type-body-compact);letter-spacing:var(--type-body-ls)}.msg-ai{background:var(--surface-bubble-ai);color:var(--text);align-self:flex-start;border-bottom-left-radius:4px}.msg-user{color:var(--text-on-alt);align-self:flex-end;border-bottom-right-radius:4px}.slide-1 .msg-user{background:linear-gradient(135deg,var(--brand-accent),var(--brand-deep))}.slide-2 .msg-user{background:linear-gradient(135deg,var(--sora-400),var(--sora-500))}.slide-3 .msg-user{background:linear-gradient(135deg,var(--theme-sunset),var(--kohaku-600))}.slide-4 .msg-user{background:linear-gradient(135deg,var(--theme-forest),var(--midori-600))}.typing{display:flex;gap:var(--space-1);align-items:center;padding:var(--space-3) var(--space-4);background:var(--surface-bubble-ai);border-radius:var(--radius-xl);border-bottom-left-radius:4px;width:-moz-fit-content;width:fit-content}.typing span{width:7px;height:7px;border-radius:var(--radius-full);background:var(--text-disabled);animation:td 1.3s infinite}.typing span:nth-child(2){animation-delay:.18s}.typing span:nth-child(3){animation-delay:.36s}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:52px;height:52px;border-radius:var(--radius-full);border:1px solid var(--border-media);color:var(--text-on-alt);font-size:var(--size-h3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;backdrop-filter:var(--material-glass-filter)}.slider-arrow,.slider-arrow:hover{background:var(--site-chrome-hover)}.slider-arrow:hover{transform:translateY(-50%) scale(1.05)}.slider-arrow.prev{left:24px}.slider-arrow.next{right:24px}.slider-dots{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:var(--space-2);z-index:20}.dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--site-chrome-hover);cursor:pointer;transition:all .3s;border:none;padding:0}.dot.active{width:28px;border-radius:var(--radius-xs);background:var(--surface-card)}.slide-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--site-chrome-hover);width:100%;z-index:20}.slide-progress-bar{height:100%;background:var(--site-chrome-hover);width:0;transition:none}.slide-progress-bar.animating{transition:width linear}@media(max-width:900px){.slide-inner{grid-template-columns:1fr;gap:var(--space-8)}.chat-card{display:none}.slider-arrow{width:40px;height:40px;font-size:var(--size-h4)}}@media(max-width:600px){.hero-slider,.slide{min-height:auto}.slide{align-items:flex-start}.slide-inner{padding:var(--space-8) var(--space-4) var(--space-16);gap:var(--space-5)}.slide-h1{margin-bottom:var(--space-4);font:var(--type-page-title);letter-spacing:var(--type-page-title-ls)}.slide-sub{margin-bottom:var(--space-6);font:var(--type-body-reading);letter-spacing:var(--type-body-ls)}.slide-ctas{flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-8);width:100%}.slide-ctas .btn-ghost,.slide-ctas .btn-main{width:100%;justify-content:center;padding:var(--space-3) var(--space-4);font-size:var(--size-body)}.stats{gap:var(--space-3);justify-content:space-between;width:100%}.stats>div{flex:1;min-width:0}.stat-val{font-size:var(--size-h3)}.badge,.stat-lbl{font-size:var(--size-tiny)}.badge{padding:var(--space-1) var(--space-3);margin-bottom:var(--space-4)}.slider-arrow{display:none}.slider-dots{bottom:18px}.dot{width:6px;height:6px}.dot.active{width:22px}}@keyframes cl-spin{to{transform:rotate(1turn)}}.cl-lock-overlay{position:absolute;inset:0;z-index:10;flex-direction:column;gap:var(--space-2);background:var(--control-border)}.cl-lock-icon-circle,.cl-lock-overlay{display:flex;align-items:center;justify-content:center}.cl-lock-icon-circle{width:48px;height:48px;border-radius:var(--radius-full);background:var(--site-chrome-hover);backdrop-filter:var(--material-glass-filter);-webkit-backdrop-filter:var(--material-glass-filter);box-shadow:var(--shadow-md)}.cl-lock-text{color:var(--text-on-alt);text-shadow:var(--shadow-md);font:var(--type-body-compact);letter-spacing:var(--type-body-ls)}.cl-load-spinner{display:inline-block;width:24px;height:24px;border:2.5px solid var(--border);border-top-color:var(--brand-accent);border-radius:var(--radius-full);animation:cl-spin .8s linear infinite}