.view-hidden{display:none!important}.studio-page{padding-top:58px;padding-bottom:90px;min-height:66vh}.studio-heading{margin-bottom:30px}.studio-heading h1,.library-top h1,.settings-page h1{margin:3px 0 8px;font-size:clamp(32px,4vw,46px);letter-spacing:-1.4px;line-height:1.35}.studio-heading p,.library-top p{font-size:14px;color:var(--muted);margin:0;line-height:1.8}.studio-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);align-items:start;gap:20px}.studio-card{border:1px solid var(--card-border);border-radius:20px;background:var(--card);padding:27px;box-shadow:0 8px 40px #0000000d;min-width:0}.studio-card-heading{display:flex;align-items:center;gap:13px;margin-bottom:27px}.studio-card-heading h2,.studio-explainer h2{margin:0;font-size:19px}.studio-card-heading p{margin:3px 0 0;color:var(--muted);font-size:12px}.studio-mini-icon{background:#a180ff26;color:var(--accent);border-radius:13px;width:43px;height:43px;display:grid;place-items:center}.studio-field{display:block;margin-bottom:23px;min-width:0}.studio-field-label{display:block;color:var(--text);font-size:13px;font-weight:750;margin-bottom:11px}.studio-field-label b{color:#f68fae}.studio-field input,.studio-field textarea,.custom-length input,.library-search input{display:block;width:100%;font:inherit;font-size:13px;line-height:1.8;color:var(--text);background:var(--bg-soft);border:1px solid var(--line);outline:none;border-radius:12px;padding:12px 14px;resize:vertical;transition:border-color .2s}.studio-field input:focus,.studio-field textarea:focus,.custom-length input:focus,.library-search input:focus{border-color:var(--accent)}.studio-field input::placeholder,.studio-field textarea::placeholder,.library-search input::placeholder{color:var(--quiet)}.studio-field textarea.topic-input{min-height:92px}.studio-field small{display:block;text-align:right;color:var(--quiet);font-size:11px;line-height:1.6;margin-top:5px}.chip-grid,.tone-grid,.length-grid{display:flex;flex-wrap:wrap;gap:9px}.choice-chip,.tone-chip,.length-chip,.library-tabs button{color:var(--muted);background:var(--bg-soft);border:1px solid var(--line);padding:10px 13px;border-radius:10px;font-size:12px;font-weight:600;line-height:1.4;transition:background .2s,border-color .2s}.choice-chip:hover,.tone-chip:hover,.length-chip:hover{border-color:var(--accent)}.choice-chip.is-active,.tone-chip.is-active,.length-chip.is-active{color:var(--accent);background:#9470ff21;border-color:#a98aff94}.custom-length{font-size:12px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}.custom-length input{width:120px}.studio-generate-btn{border:none;border-radius:11px;padding:14px 18px;color:#fff;font-weight:750;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(105deg,#9060ed,#606ded);box-shadow:0 10px 24px #6c54e036}.studio-generate-btn:not(:disabled):hover{filter:brightness(1.1)}.studio-generate-btn:disabled{opacity:.5;cursor:not-allowed}.generator-form>.studio-generate-btn{width:100%;min-height:48px}.studio-disclaimer{color:var(--quiet);text-align:center;font-size:11px;line-height:1.8;margin:13px 0 0}.studio-error{margin-top:16px;padding:12px;border-radius:10px;border:1px solid rgba(238,100,119,.3);background:#ee64771a;color:#ed9aa8;display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.studio-error svg{flex:0 0 auto}.spinning{animation:storySpin 1.1s linear infinite}@keyframes storySpin{to{transform:rotate(360deg)}}.studio-explainer{padding:28px}.studio-explainer h2{margin-bottom:28px}.explainer-step{display:flex;align-items:flex-start;gap:13px;margin:0 0 25px}.explainer-step>span{color:var(--accent);background:#a180ff21;width:35px;height:35px;flex:0 0 35px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:11px}.explainer-step b{font-size:13px}.explainer-step p{color:var(--muted);font-size:12px;line-height:1.8;margin:4px 0 0}.studio-info{display:flex;align-items:flex-start;gap:12px;border:1px solid rgba(150,122,230,.25);border-radius:12px;background:#9575ff12;padding:15px}.studio-info svg{flex:0 0 auto;color:var(--accent)}.studio-info p{margin:0;font-size:11px;color:var(--muted);line-height:1.9}.studio-info strong{color:var(--text)}.story-result{margin-top:65px;scroll-margin-top:28px}.result-topline,.library-top{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:22px}.result-topline h2{margin:3px 0;font-size:27px}.result-topline p{margin:0;color:var(--muted);font-size:12px}.result-flags{display:flex;gap:8px;flex-wrap:wrap}.flag-pill{border:1px solid var(--line);padding:8px 10px;border-radius:30px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.editor-card{margin-bottom:30px}.editor-card .studio-field:last-child{margin-bottom:0}.story-title-input{font-size:18px!important;font-weight:750!important}.scene-heading-row h3{margin:0 0 16px;display:flex;gap:9px;align-items:center;font-size:19px}.scene-heading-row h3 svg{color:var(--accent)}.scene-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.scene-editor{padding:22px}.scene-number{display:inline-block;margin-bottom:20px;border:1px solid rgba(155,120,245,.24);border-radius:7px;background:#9478f517;color:var(--accent);padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:1px}.scene-editor .studio-field:last-child{margin-bottom:0}.save-bar{margin-top:22px;padding:19px;background:var(--card);border:1px solid var(--card-border);border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.save-hint{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.save-hint svg{color:#59d5a4}.save-buttons{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}.studio-outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 13px;border:1px solid var(--line);background:var(--bg-soft);color:var(--text);font-size:12px;font-weight:650}.studio-outline-btn:hover{border-color:var(--accent)}.save-ready-btn{padding:11px 14px;font-size:12px}.library-top{margin-bottom:30px}.library-create{align-self:center}.library-toolbar{display:flex;justify-content:space-between;gap:13px;align-items:center;margin-bottom:22px;flex-wrap:wrap}.library-search{background:var(--card);border:1px solid var(--card-border);padding:0 12px;border-radius:12px;display:flex;gap:8px;align-items:center;flex:1 1 260px;max-width:490px;color:var(--muted)}.library-search input{border:none;background:transparent;padding:12px 0;outline:none;min-width:0}.library-search input:focus{border:none}.library-tabs{display:flex;gap:6px;flex-wrap:wrap}.library-tabs button.active{background:#9b74ff29;border-color:#a180ff66;color:var(--accent)}.library-empty{text-align:center;padding:65px 20px}.library-empty>svg{color:var(--accent);opacity:.8}.library-empty h2{margin:16px 0 7px;font-size:19px}.library-empty p{color:var(--muted);line-height:1.8;font-size:13px}.library-empty .studio-generate-btn{margin-top:15px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.library-card{display:flex;flex-direction:column;gap:13px;padding:21px}.library-card-top{display:flex;align-items:center;justify-content:space-between;gap:9px}.library-category{font-size:11px;color:var(--accent);font-weight:750}.library-status{font-size:10px;color:#ffb578;padding:5px 8px;border-radius:7px;background:#ffa05917}.library-status.ready{color:#5bdcb2;background:#31d0961a}.library-card h2{font-size:16px;line-height:1.5;margin:0;overflow-wrap:anywhere}.library-card p{font-size:12px;color:var(--muted);line-height:1.8;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:58px}.library-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--quiet);margin-top:auto;gap:6px}.library-meta span:first-child{display:flex;align-items:center;gap:5px}.library-actions{border-top:1px solid var(--line);padding-top:13px;display:flex;gap:7px}.library-actions button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);background:var(--bg-soft);color:var(--text);border-radius:9px;padding:9px;font-size:11px}.library-actions button:first-child{flex:1}.library-actions button:hover{border-color:var(--accent)}.library-actions button.danger-button{color:#ec8ea2}.storage-note{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:12px;line-height:1.8;margin-top:24px}.storage-note svg{flex:0 0 auto;margin-top:2px}.settings-page h1{margin-bottom:25px}.settings-panel{max-width:710px}.settings-panel h2{font-size:18px;margin:0 0 8px}.settings-panel p{font-size:13px;color:var(--muted);line-height:1.8}.settings-panel hr{border:0;border-top:1px solid var(--line);margin:27px 0}.settings-panel strong{color:var(--text)}@media(max-width:900px){.studio-layout{grid-template-columns:1fr}.studio-explainer{display:none}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.studio-page{padding-top:33px;padding-bottom:54px}.studio-heading{margin-bottom:20px}.studio-heading h1,.library-top h1,.settings-page h1{font-size:31px;letter-spacing:-.8px}.studio-heading p,.library-top p{font-size:12px}.studio-card{border-radius:15px;padding:18px}.studio-card-heading{margin-bottom:22px}.choice-chip,.tone-chip,.length-chip{padding:9px 11px;font-size:11px}.chip-grid,.tone-grid,.length-grid{gap:7px}.studio-field{margin-bottom:19px}.studio-field-label,.studio-field input,.studio-field textarea{font-size:12px}.story-result{margin-top:43px}.result-topline h2{font-size:22px}.scene-editor-grid{grid-template-columns:1fr;gap:11px}.save-buttons{width:100%;justify-content:stretch}.save-buttons button{flex:1 1 calc(50% - 8px)}.save-ready-btn{flex:1 1 100%!important}.library-grid{grid-template-columns:1fr;gap:12px}.library-create{width:100%}.library-search{max-width:none;flex-basis:100%}.library-toolbar{align-items:stretch}.library-tabs{width:100%}.library-tabs button{flex:1}.storage-note{font-size:11px}}@media(prefers-reduced-motion:reduce){.spinning{animation:none}}.voice-page{max-width:1160px}.voice-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:20px;align-items:start}.voice-controls{display:grid;gap:18px;min-width:0}.voice-page .studio-card{min-width:0}.voice-select{display:block;width:100%;color:var(--text);background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;font:inherit;font-size:13px;padding:12px 14px;min-height:45px;outline:none}.voice-select:focus,.voice-slider input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.voice-select option{background:var(--card);color:var(--text)}.voice-slider{display:block;margin:18px 0 22px}.voice-slider>span{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;margin-bottom:8px}.voice-slider b{color:var(--text);font-size:13px}.voice-slider input{width:100%;accent-color:#9976f2;cursor:pointer}.voice-presets{display:flex;flex-wrap:wrap;gap:8px}.voice-note{font-size:11px;color:var(--muted);line-height:1.85;margin:15px 0 0;overflow-wrap:anywhere}.voice-note code{color:var(--text);font-size:11px;background:var(--bg-soft);padding:1px 4px;border-radius:4px}.voice-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.voice-buttons>button{flex:1;white-space:nowrap}.voice-render{width:100%;min-height:48px}.voice-cancel{display:flex;width:100%;margin-top:10px}.voice-audio-result{margin-top:17px;display:grid;gap:12px;background:#57d5a00f;border:1px solid rgba(87,213,160,.22);border-radius:12px;padding:13px}.voice-audio-result audio{width:100%}.voice-success{color:#59d5a4;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.voice-error{max-width:100%}.voice-buttons button:disabled,.voice-page .studio-outline-btn:disabled{cursor:not-allowed;opacity:.45}@media(max-width:850px){.voice-layout{grid-template-columns:1fr}.voice-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.voice-controls>.studio-card:first-child{grid-column:1 / -1}}@media(max-width:650px){.voice-controls{display:grid;grid-template-columns:1fr}.voice-controls>.studio-card:first-child{grid-column:auto}.voice-buttons>button{flex:1 1 auto}.voice-page .studio-heading p{line-height:1.7}}:root{font-family:Inter,Noto Sans Thai,sans-serif;color-scheme:dark;--bg: #090916;--bg-soft: #0f1023;--card: #141529;--card-hover: #191a34;--card-border: rgba(183, 181, 255, .105);--header: rgba(9, 9, 22, .83);--text: #f6f4ff;--muted: #9392ad;--quiet: #696b89;--accent: #a180ff;--line: rgba(184, 185, 247, .12);--shadow: 0 24px 80px rgba(0, 0, 0, .26)}:root[data-theme=light]{color-scheme:light;--bg: #f8f8ff;--bg-soft: #f0f0fc;--card: #fff;--card-hover: #f4f3ff;--card-border: rgba(90, 87, 155, .13);--header: rgba(250, 250, 255, .87);--text: #1d1a34;--muted: #77748e;--quiet: #9994ad;--accent: #7350e9;--line: rgba(87, 83, 151, .13);--shadow: 0 22px 70px rgba(51, 43, 109, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #ae95ff;outline-offset:3px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}::selection{background:#8068e9;color:#fff}.app{position:relative;overflow:hidden;min-height:100vh;isolation:isolate}.page-container{width:min(1170px,calc(100% - 44px));margin-inline:auto}.background-glow{z-index:-1;position:absolute;pointer-events:none;border-radius:50%;filter:blur(70px)}.glow-one{width:580px;height:580px;background:radial-gradient(circle,rgba(103,66,223,.16),transparent 67%);left:-250px;top:-180px}.glow-two{width:740px;height:600px;background:radial-gradient(circle,rgba(45,66,192,.14),transparent 65%);right:-360px;top:20px}.site-header{height:78px;position:relative;z-index:20;border-bottom:1px solid var(--line);background:var(--header);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{border:0;padding:0;background:none;color:var(--text);display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.brand-symbol{width:39px;height:39px;background:linear-gradient(135deg,#a477ff,#6450e8 55%,#4e8bff);display:grid;place-items:center;color:#fff;border-radius:13px;box-shadow:0 6px 24px #8263ff3b;transform:rotate(-3deg)}.brand-symbol svg{margin-left:2px}.brand-word{font-family:Inter,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.9px}.brand-word span{margin-left:4px;background:linear-gradient(135deg,#be9dff,#6c94ff);color:transparent;background-clip:text;-webkit-background-clip:text}.desktop-nav{display:flex;gap:30px;align-items:center;margin-left:auto;margin-right:35px}.desktop-link{position:relative;background:transparent;border:0;color:var(--muted);padding:29px 0;font-size:13px;font-weight:600;transition:color .2s}.desktop-link:hover,.desktop-link.selected{color:var(--text)}.desktop-link.selected:after{content:"";width:25px;height:2px;border-radius:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%);background:#a786ff}.header-actions{display:flex;align-items:center;gap:13px}.system-pill{display:inline-flex;align-items:center;gap:8px;color:#aaa6d2;border:1px solid rgba(136,122,215,.21);padding:8px 11px;border-radius:9px;font-size:10px;letter-spacing:1px;font-weight:800;white-space:nowrap}.system-pill span,.section-status span{height:6px;width:6px;background:#55deaa;border-radius:50%;box-shadow:0 0 11px #36e89699}.icon-btn{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:11px;width:39px;height:39px;display:grid;place-items:center;transition:background .2s,border-color .2s}.icon-btn:hover{background:var(--card-hover);border-color:#7770bc}.menu-btn{display:none}.hero{min-height:556px;display:grid;grid-template-columns:1fr .94fr;align-items:center;gap:32px;padding-top:52px;padding-bottom:48px}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;color:#ad9bff;font-size:10px;font-weight:800;letter-spacing:2px;margin-bottom:28px}.eyebrow-icon{width:25px;height:25px;border:1px solid rgba(157,130,255,.24);border-radius:8px;display:grid;place-items:center;background:#8168e81f}.eyebrow-line{height:1px;width:43px;background:#9b8aff54}.version-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border-radius:100px;background:#816bf018;border:1px solid rgba(156,127,247,.2);color:#b09cf1;letter-spacing:.8px;font-size:9px;font-weight:800}.version-badge>span:first-child{height:5px;width:5px;border-radius:50%;background:#b197ff}.version-separator{opacity:.4}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(43px,4.5vw,68px);letter-spacing:-2.9px;line-height:1.34;font-weight:800;margin:20px 0 17px}.gradient-text{background:linear-gradient(100deg,#c08aff,#9e83ff 45%,#5ba8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{max-width:480px;font-size:15px;line-height:1.95;color:var(--muted);margin-bottom:27px}.hero-cta{display:flex;flex-wrap:wrap;gap:11px}.primary-btn{border:0;color:#fff;display:inline-flex;justify-content:center;align-items:center;gap:11px;padding:15px 21px;border-radius:12px;background:linear-gradient(110deg,#9461f5,#695ae7 65%,#577cf0);font-weight:700;box-shadow:0 8px 30px #7054eb40;transition:transform .2s,box-shadow .2s;white-space:nowrap}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 10px 34px #7054eb5c}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:13px 18px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);font-weight:700}.secondary-btn:hover{background:var(--card-hover)}.hero-footnote{margin-top:28px;display:flex;align-items:center;gap:9px;color:var(--quiet);font-size:11px}.hero-footnote svg{color:#9e87e6}.hero-footnote i{width:3px;height:3px;border-radius:50%;background:var(--quiet)}.preview-shell{min-height:477px;position:relative;display:grid;place-items:center}.preview-shell:before{content:"";position:absolute;top:10%;right:4%;bottom:10%;left:4%;border-radius:50%;background:radial-gradient(ellipse,rgba(109,81,235,.24),transparent 62%);filter:blur(20px)}.preview-orbit{position:absolute;border:1px solid rgba(142,125,238,.12);border-radius:50%}.preview-orbit-one{width:410px;height:410px}.preview-orbit-two{width:520px;height:290px;transform:rotate(-35deg)}.preview-phone{position:relative;z-index:1;height:425px;width:238px;border-radius:26px;padding:7px;background:linear-gradient(140deg,#8b7dc2,#232344 24%,#181626 70%,#655c9a);border:1px solid rgba(197,177,255,.35);box-shadow:0 38px 88px #00000070,0 0 100px #7551ef1a;transform:rotate(4deg)}.scene-art{position:relative;height:100%;overflow:hidden;border-radius:19px;background:linear-gradient(180deg,#100f2c,#26274c 36%,#604c87 65%,#272343)}.art-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#ddd4ff 1px,transparent 1.2px),radial-gradient(#dedcff .7px,transparent 1px);background-size:57px 57px,79px 79px;background-position:5px 10px,28px 15px;opacity:.65}.art-moon{position:absolute;top:66px;left:77px;width:81px;height:81px;border-radius:50%;background:#f2d3e5;box-shadow:0 0 32px #c4a0e3,0 0 96px #c4a0e34d}.art-cloud{position:absolute;height:25px;border-radius:50%;filter:blur(12px);opacity:.6;background:#6e628f}.art-cloud-a{width:170px;top:174px;left:-30px}.art-cloud-b{width:110px;top:208px;right:-15px}.art-mountain{position:absolute;width:150%;height:50%;left:-20%;bottom:0;clip-path:polygon(0% 76%,20% 38%,33% 60%,47% 18%,72% 67%,88% 40%,100% 65%,100% 100%,0% 100%)}.art-mountain-back{background:#45375d;bottom:45px}.art-mountain-front{background:#191b35;transform:scaleX(-1);bottom:-17px}.art-trees{position:absolute;bottom:0;height:96px;width:100%;opacity:.75;background:repeating-linear-gradient(115deg,transparent 0 23px,rgba(11,16,37,.7) 23px 26px,transparent 26px 45px);-webkit-mask-image:linear-gradient(to top,black,transparent);mask-image:linear-gradient(to top,black,transparent)}.scene-topline{position:absolute;top:17px;left:13px;right:12px;color:#f1eaff;font-size:8px;letter-spacing:1.6px;font-weight:800;display:flex;align-items:center;gap:6px}.scene-glow{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c19aff;box-shadow:0 0 10px #c19aff}.scene-ratio{margin-left:auto;border:1px solid rgba(255,255,255,.35);border-radius:4px;padding:3px 5px;letter-spacing:0}.scene-center-play{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);height:46px;width:46px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scene-center-play svg{margin-left:2px}.scene-bottom{position:absolute;bottom:18px;left:17px;right:17px;color:#fff}.scene-tag{display:inline-flex;align-items:center;gap:3px;color:#d8baff;font-size:8px;font-weight:800;letter-spacing:1.1px;margin-bottom:8px}.scene-heading{font-size:19px;font-weight:800;line-height:1.4;text-shadow:0 2px 12px rgba(0,0,0,.3)}.scene-heading em{font-style:normal;color:#dec4ff}.scene-subheading{margin-top:6px;font-size:8px;color:#cfcae4}.scene-progress{height:3px;border-radius:3px;background:#ffffff4a;margin-top:17px;overflow:hidden}.scene-progress span{display:block;width:29%;height:100%;background:linear-gradient(90deg,#b38bff,#6ba3ff)}.scene-timeline{display:flex;justify-content:space-between;margin-top:5px;font-size:8px;color:#e2ddeb}.floating-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;white-space:nowrap;background:#232148ed;border:1px solid rgba(181,152,255,.32);border-radius:10px;color:#e9dfff;padding:11px 14px;font-size:11px;font-weight:700;box-shadow:0 15px 30px #00000040;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.floating-chip svg{color:#c295ff}.chip-left{left:3%;top:23%;transform:rotate(-8deg)}.chip-right{right:0;bottom:22%;transform:rotate(6deg)}.preview-caption{position:absolute;bottom:5px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600;color:var(--quiet)}.preview-caption-dot{display:inline-block;width:5px;height:5px;background:#a17bff;border-radius:50%}.stats-section{padding-top:28px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.section-overline{color:#9785e9;font-size:10px;letter-spacing:2.1px;font-weight:800;margin-bottom:12px}.section-heading h2,.flow-panel h2{font-size:clamp(24px,2.7vw,33px);line-height:1.45;letter-spacing:-.6px;margin:0 0 6px;font-weight:800}.heading-dot{color:#a77cff}.section-heading p,.flow-panel>p{color:var(--muted);margin:0;font-size:13px}.section-status{display:inline-flex;align-items:center;gap:9px;color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:8px 12px;font-size:11px;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:22px 21px 20px;min-height:153px}.stat-icon,.feature-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:12px}.stat-icon{width:37px;height:37px;margin-bottom:17px}.tone-purple{background:#936cff24;color:#a98cff}.tone-blue{background:#478bff21;color:#74a7ff}.tone-green{background:#31d0961f;color:#5bdcb2}.tone-orange{background:#ffa05921;color:#ffb578}.tone-pink{background:#fb69b824;color:#fb91c7}.tone-cyan{background:#2ac4de21;color:#69d9ed}.stat-value{font-size:29px;font-weight:800;letter-spacing:-.7px;line-height:1.15}.stat-value span{color:var(--quiet);font-size:11px;font-weight:500;letter-spacing:0}.stat-name{color:var(--muted);font-size:12px;margin-top:5px}.start-section{margin-top:19px}.start-panel{display:flex;align-items:center;gap:20px;border:1px dashed rgba(148,127,224,.32);border-radius:16px;padding:25px;background:linear-gradient(102deg,#694dcd1b,#394b8e0e)}.start-icon{flex-shrink:0;width:51px;height:51px;border:1px solid rgba(172,143,255,.23);border-radius:13px;display:grid;place-items:center;color:#ad8cff;background:#9577ff1f}.start-copy{flex:1}.start-copy h3{font-size:15px;margin:0 0 4px}.start-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.start-action{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;color:#cdbbff;font-size:12px;font-weight:700;border:1px solid rgba(169,143,255,.29);border-radius:10px;background:#8468ed1c;white-space:nowrap}.start-action:hover{background:#8468ed33}.features-section{margin-top:89px}.feature-counter{color:var(--quiet);font-size:12px;letter-spacing:1.2px;font-weight:800}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.feature-card{background:var(--card);color:var(--text);text-align:left;padding:24px;min-height:228px;border:1px solid var(--card-border);border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,border-color .2s,background .2s}.feature-card:hover{transform:translateY(-3px);border-color:#a180ff6b;background:var(--card-hover)}.feature-top{display:flex;width:100%;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.feature-icon{height:46px;width:46px;border-radius:13px}.feature-arrow{color:var(--quiet)}.feature-title-en{font-size:10px;color:#9c8bec;font-weight:800;letter-spacing:.6px;margin-bottom:5px}.feature-card h3{font-size:16px;margin:0 0 6px}.feature-card p{font-size:12px;color:var(--muted);margin:0 0 15px;line-height:1.7}.soon-label{display:inline-flex;align-items:center;gap:7px;color:#aaa1ca;font-size:10px;border:1px solid rgba(168,160,206,.15);border-radius:100px;padding:5px 9px;margin-top:auto}.soon-dot{height:5px;width:5px;border-radius:50%;background:#a38ee3}.flow-section{margin-top:76px;margin-bottom:89px}.flow-panel{position:relative;overflow:hidden;background:linear-gradient(120deg,#4b349838,#2025534d);border:1px solid rgba(134,110,216,.22);border-radius:21px;padding:39px 36px 32px;text-align:center}.flow-panel:before{content:"";position:absolute;pointer-events:none;top:-190px;left:calc(50% - 170px);width:340px;height:320px;border-radius:50%;background:#8956ef1f;filter:blur(55px)}.flow-panel>p{position:relative}.flow-steps{display:flex;justify-content:center;align-items:center;gap:36px;margin:31px auto 19px}.flow-step{min-width:143px;display:flex;flex-direction:column;align-items:center}.flow-step-icon{background:#9776ff26;color:#b59aff;display:grid;place-items:center;border:1px solid rgba(151,118,255,.18);border-radius:14px;width:48px;height:48px;margin-bottom:9px}.flow-step b{color:#a394e2;letter-spacing:1px;font-size:9px;margin-bottom:2px}.flow-step strong{font-size:14px}.flow-step span{font-size:11px;color:var(--muted);margin-top:4px}.flow-arrow{color:#776baa;margin-top:-24px}.flow-note{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:100px;border:1px solid rgba(163,131,246,.17);color:var(--muted);font-size:10px}.flow-note svg{color:#ad89ff}.footer{border-top:1px solid var(--line)}.footer-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:var(--quiet)}.footer-brand{display:flex;gap:9px;align-items:center}.footer-brand-dot{display:inline-block;height:8px;width:8px;border-radius:3px;background:linear-gradient(135deg,#a97aff,#5988ff)}.footer-divider{color:#726792}.bottom-nav{display:none}.drawer-overlay{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:flex-end}.drawer{width:min(320px,88vw);background:var(--bg-soft);border-left:1px solid var(--line);min-height:100vh;padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.drawer-label{color:var(--quiet);font-size:10px;letter-spacing:2px;font-weight:800;padding:0 12px;margin-bottom:17px}.drawer-link{border:0;border-radius:12px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:14px;padding:15px 13px;font-size:14px;width:100%;text-align:left}.drawer-link.active{background:#8865ff21;color:var(--accent);font-weight:700}.drawer-soon{font-size:9px;color:var(--quiet);margin-left:auto}.drawer-bottom{margin-top:auto;border-top:1px solid var(--line);padding:23px 9px;display:flex;align-items:center;gap:9px;color:var(--quiet);font-size:11px}.drawer-bottom svg{color:#b19bff}.toast{position:fixed;z-index:80;bottom:27px;left:50%;transform:translate(-50%);width:max-content;max-width:min(92vw,450px);padding:14px 13px 14px 17px;display:flex;align-items:center;gap:11px;border:1px solid rgba(178,145,255,.4);border-radius:13px;background:#292343;color:#fff;box-shadow:0 18px 60px #00000054;font-size:12px;line-height:1.7}.toast>svg{color:#c1a5ff;flex-shrink:0}.toast button{margin-left:auto;display:flex;align-items:center;justify-content:center;padding:2px;border:0;color:#d0c6e5;background:none}@media(max-width:1000px){.desktop-nav{gap:18px;margin-right:10px}.hero{grid-template-columns:1.1fr .9fr}.preview-orbit-two{display:none}.chip-left{left:0}.chip-right{right:-5px}}@media(max-width:760px){.page-container{width:min(100% - 36px,540px)}.site-header{height:68px}.brand-symbol{height:36px;width:36px;border-radius:11px}.brand-word{font-size:19px}.desktop-nav,.system-pill{display:none}.menu-btn{display:grid}.header-actions{gap:9px}.icon-btn{height:37px;width:37px}.hero{padding-top:44px;padding-bottom:28px;display:flex;flex-direction:column;gap:11px;text-align:left;min-height:0}.hero-copy{width:100%}.eyebrow{margin-bottom:22px;font-size:9px}h1{font-size:clamp(38px,10vw,53px);letter-spacing:-1.8px;line-height:1.33;margin-top:16px}.hero-description{font-size:13px;line-height:1.9;max-width:480px}.hero-cta{gap:9px}.primary-btn,.secondary-btn{padding:13px 14px;font-size:12px;border-radius:10px}.primary-btn{gap:7px}.hero-footnote{margin-top:22px;font-size:10px}.preview-shell{width:100%;min-height:407px;margin-top:3px}.preview-orbit-one{width:330px;height:330px}.preview-phone{height:359px;width:204px;border-radius:23px}.scene-art{border-radius:17px}.scene-heading{font-size:17px}.scene-topline{font-size:7px}.art-moon{width:72px;height:72px;left:67px}.floating-chip{font-size:10px;padding:9px 10px}.chip-left{left:max(0px,calc(50% - 178px));top:23%}.chip-right{right:max(0px,calc(50% - 174px));bottom:21%}.preview-caption{bottom:0}.stats-section{padding-top:19px}.section-heading{margin-bottom:17px}.section-heading h2,.flow-panel h2{font-size:24px}.section-heading p{font-size:11px}.section-overline{font-size:9px;margin-bottom:7px}.section-status{font-size:9px;padding:6px 8px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{min-height:133px;padding:16px;border-radius:13px}.stat-icon{margin-bottom:13px;width:33px;height:33px}.stat-value{font-size:25px}.stat-name{font-size:11px}.start-panel{flex-wrap:wrap;gap:12px;padding:17px}.start-icon{height:43px;width:43px}.start-copy{flex:1 1 calc(100% - 60px)}.start-copy h3{font-size:13px}.start-copy p{font-size:11px}.start-action{margin-left:55px;padding:9px 12px;font-size:11px}.features-section{margin-top:69px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feature-card{padding:16px;min-height:224px;border-radius:13px}.feature-top{margin-bottom:13px}.feature-icon{width:39px;height:39px}.feature-title-en{font-size:9px}.feature-card h3{font-size:13px}.feature-card p{font-size:10px;line-height:1.75}.soon-label{font-size:9px}.feature-counter{font-size:10px}.flow-section{margin-top:54px;margin-bottom:60px}.flow-panel{padding:28px 12px 23px;border-radius:17px}.flow-panel>p{font-size:11px}.flow-steps{gap:5px;margin:25px 0 20px}.flow-step{min-width:0;flex:1}.flow-step-icon{width:41px;height:41px}.flow-step strong{font-size:12px}.flow-step span{font-size:9px}.flow-arrow{flex-shrink:0}.footer-inner{text-align:center;flex-direction:column;justify-content:center;gap:6px;padding-block:20px;font-size:10px}.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;height:calc(65px + env(safe-area-inset-bottom));background:var(--header);border-top:1px solid var(--line);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);display:flex;justify-content:space-around;padding:5px 8px env(safe-area-inset-bottom)}.bottom-nav-item{background:none;color:var(--quiet);flex:1;border:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:5px 1px;font-size:10px;font-weight:600}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item.active svg{filter:drop-shadow(0 0 9px rgba(147,111,255,.36))}.app{padding-bottom:calc(65px + env(safe-area-inset-bottom))}.toast{bottom:calc(76px + env(safe-area-inset-bottom))}}@media(max-width:365px){.page-container{width:calc(100% - 28px)}.hero-description{font-size:12px}.primary-btn,.secondary-btn{font-size:11px}.hero-footnote{flex-wrap:wrap}.chip-left{left:-5px}.chip-right{right:-5px}.section-heading h2,.flow-panel h2{font-size:22px}.feature-card{padding:13px}.feature-title-en{font-size:8px}.flow-step strong{font-size:11px}.flow-arrow svg{width:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}