:root{color-scheme:light;--bg: #e7e9e4;--chat: #f3f5f1;--bub: #ffffff;--bub-line: #e8eae5;--ink: #1c1e1c;--ink-soft: #6b6f6a;--ink-faint: #9a9e98;--mint: #16c079;--mint-deep: #0c9c61;--mint-ink: #063a26;--mint-soft: #e3f7ee;--pop: #ff7a59;--dark: #101216;--dark-2: #191c22;--dark-3: #21252c;--dark-line: #2a2f37;--d-ink: #e8eaed;--d-soft: #9aa0a8;--sh-s: 0 4px 14px rgba(18, 22, 18, .07);--sh-m: 0 10px 30px rgba(18, 22, 18, .12);--sh-l: 0 24px 60px rgba(18, 22, 18, .28);--sans: "Nunito", system-ui, sans-serif;--round: "Baloo 2", system-ui, sans-serif;--mono: "Space Mono", ui-monospace, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button{font-family:inherit}button:focus{outline:none}button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(120% 90% at 50% 0%,#f0f1ec 0%,var(--bg) 55%,#dfe2db 100%)}.stkr{display:inline-block;line-height:1;will-change:transform;animation:bob 2.6s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9%) rotate(3deg)}}.checker{background:conic-gradient(#e2e4df 90deg,#f4f5f1 90deg,#f4f5f1 180deg,#e2e4df 180deg,#e2e4df 270deg,#f4f5f1 270deg) 0 0 / 16px 16px}.checker.dark{background:conic-gradient(#21252c 90deg,#191c22 90deg,#191c22 180deg,#21252c 180deg,#21252c 270deg,#191c22 270deg) 0 0 / 16px 16px}.app{height:100%;display:flex;flex-direction:column}.landing{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;background:var(--chat)}.chead{flex:none;padding:14px 18px;display:flex;align-items:center;gap:11px;background:#f3f5f1db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e6e8e3;position:sticky;top:0;z-index:5}.av{width:38px;height:38px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:20px;background:linear-gradient(150deg,#26d98c,#10a86a);box-shadow:0 3px 10px #10a86a59}.who{font-family:var(--round);font-weight:700;font-size:16.5px;line-height:1}.stat{font-size:11px;color:var(--mint-deep);font-weight:700;margin-top:3px;display:flex;align-items:center;gap:5px}.stat .dot{width:6px;height:6px;border-radius:50%;background:var(--mint);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #16c07973}70%{box-shadow:0 0 0 7px #16c07900}to{box-shadow:0 0 #16c07900}}.ghstar{margin-left:auto;display:flex;align-items:center}.thread{flex:1;min-height:0;overflow-y:auto}.thread-inner{min-height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:11px;padding:18px 14px 130px;width:100%;max-width:680px;margin:0 auto}.time{align-self:center;font-family:var(--mono);font-size:10px;color:var(--ink-faint);margin:4px 0 6px;letter-spacing:.5px}.row{display:flex;gap:8px;align-items:flex-end;max-width:84%}.row.out{align-self:flex-end;justify-content:flex-end}.av-s{width:26px;height:26px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:14px;background:linear-gradient(150deg,#26d98c,#10a86a)}.bub{background:var(--bub);border:1px solid var(--bub-line);border-radius:20px 20px 20px 6px;padding:11px 15px;font-size:14.5px;line-height:1.4;box-shadow:var(--sh-s)}.row.out .bub{background:linear-gradient(160deg,#1bd086,#12ad6d);border:none;color:#fff;font-weight:700;border-radius:20px 20px 6px;box-shadow:0 6px 16px #10a86a4d}.bub b{font-weight:800}.pillbadge{display:inline-block;background:var(--mint-soft);color:var(--mint-deep);font-weight:800;font-size:12.5px;padding:1px 8px;border-radius:999px}.ba{display:flex;align-items:center;gap:11px;margin-top:10px}.ba .arrow{font-size:20px;color:var(--mint-deep);animation:nudge 1.6s ease-in-out infinite}@keyframes nudge{0%,to{transform:translate(0);opacity:.7}50%{transform:translate(3px);opacity:1}}.tile{width:78px;height:78px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:34px;position:relative;overflow:hidden;flex:none}.tile.raw{background:#23262b;box-shadow:inset 0 0 0 1px #ffffff0d}.tile .tileimg{width:100%;height:100%;object-fit:cover;display:block}.tile .tileimg.after{object-fit:contain}.tile.raw .l{position:absolute;left:9px;height:6px;border-radius:3px;background:#ffffff1a}.tile .badge{position:absolute;top:5px;right:5px;background:var(--pop);color:#fff;font-weight:800;font-size:8px;padding:2px 6px;border-radius:999px;letter-spacing:.3px}@keyframes msgIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.thread-inner.intro>*{animation:msgIn .5s both}.thread-inner.intro>*:nth-child(1){animation-delay:0s}.thread-inner.intro>*:nth-child(2){animation-delay:.1s}.thread-inner.intro>*:nth-child(3){animation-delay:.22s}.thread-inner.intro>*:nth-child(4){animation-delay:.34s}.thread-inner.intro>*:nth-child(5){animation-delay:.46s}.thread-inner.intro>*:nth-child(6){animation-delay:.58s}.typing{display:inline-flex;gap:5px;align-items:center;background:var(--bub);border:1px solid var(--bub-line);border-radius:20px 20px 20px 6px;padding:14px 16px;box-shadow:var(--sh-s)}.typing i{width:8px;height:8px;border-radius:50%;background:#c4c8c2;animation:blink 1.3s infinite}.typing i:nth-child(2){animation-delay:.18s}.typing i:nth-child(3){animation-delay:.36s}@keyframes blink{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.row.introup{animation:msgIn .5s both}.row.out.introup{animation-delay:.12s}.ghost{font-family:var(--round);font-weight:700;font-size:13.5px;color:var(--mint-deep);background:transparent;border:1.5px dashed var(--mint-deep);border-radius:18px 18px 6px;padding:10px 15px;cursor:pointer;opacity:.9;transition:.14s}.ghost:hover{opacity:1;background:var(--mint-soft);transform:translateY(-1px)}.ghost:active{transform:scale(.97)}.row:has(.samrow){max-width:97%}.row:has(.samrow) .bub{flex:1}.samrow{display:flex;gap:10px;margin:12px 0 2px}.sample{flex:1;border:1px solid var(--bub-line);border-radius:14px;overflow:hidden;cursor:pointer;position:relative;aspect-ratio:2 / 3;display:flex;align-items:center;justify-content:center;font-size:30px;background:#23262b;transition:.14s}.sample:hover{transform:translateY(-2px);box-shadow:var(--sh-m);border-color:var(--mint)}.sample:active{transform:scale(.97)}.samthumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sample .src{position:absolute;top:7px;left:7px;background:#08090b99;color:#fff;font-family:var(--mono);font-size:9.5px;letter-spacing:.3px;padding:3px 8px;border-radius:999px}.sample .play{position:absolute;bottom:7px;right:7px;width:28px;height:28px;border-radius:50%;background:#ffffffeb;color:#16181c;display:flex;align-items:center;justify-content:center;font-size:11px;padding-left:1px}.samples,.result{display:flex;flex-direction:column;gap:11px}.samples.play>.row.out{animation:flyIn .5s cubic-bezier(.2,1.3,.4,1) both}.samples.play>.row:not(.out){animation:msgIn .45s ease both .32s}@keyframes flyIn{0%{opacity:0;transform:translateY(48px) scale(.5)}55%{transform:translateY(-8px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.result.play>.row.out{animation:flyIn .55s cubic-bezier(.2,1.3,.4,1) both}.result.play>.row:not(.out){animation:msgIn .45s ease both .38s}.sticker-out{padding:8px;background:var(--bub);border:1px solid var(--bub-line);border-radius:20px;box-shadow:var(--sh-s)}.sticker-out img,.sticker-out .box{width:132px;height:132px;border-radius:13px;display:block;object-fit:contain}.sticker-out{position:relative}.sticker-out .badge{position:absolute;top:15px;right:15px;background:var(--pop);color:#fff;font-size:9px;padding:2px 7px;border-radius:999px;font-weight:800}.composer{position:absolute;left:0;right:0;bottom:0;pointer-events:none;padding:46px 14px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--chat) 60%,rgba(243,245,241,0));z-index:6}.composer .inner{width:100%;max-width:660px;margin:0 auto;pointer-events:auto}.dropbar{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--bub-line);border-radius:999px;padding:7px 7px 7px 8px;box-shadow:var(--sh-m);cursor:pointer;transition:.16s;position:relative;overflow:hidden}.dropbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:2px dashed transparent;transition:.16s}.dropbar:hover:before{border-color:#16c07980}.dropbar:hover{transform:translateY(-1px)}.plus{width:40px;height:40px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;background:var(--mint-soft);color:var(--mint-deep)}.dropbar .ph{flex:1;font-size:14.5px;color:var(--ink-faint);font-weight:600}.send{width:40px;height:40px;border-radius:50%;flex:none;border:0;cursor:pointer;font-size:17px;color:#fff;background:linear-gradient(150deg,#1bd086,#12ad6d);box-shadow:0 4px 12px #10a86a59}.micro{text-align:center;font-family:var(--mono);font-size:9.5px;color:var(--ink-faint);margin-top:10px;letter-spacing:.3px}.filein{display:none}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#f3f5f1db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dots3{display:flex;gap:9px}.dots3 i{width:13px;height:13px;border-radius:50%;background:var(--mint);animation:bounce3 1.1s infinite ease-in-out}.dots3 i:nth-child(2){animation-delay:.14s}.dots3 i:nth-child(3){animation-delay:.28s}@keyframes bounce3{0%,80%,to{transform:scale(.4);opacity:.45}40%{transform:scale(1);opacity:1}}.loading .l1{font-family:var(--round);font-weight:700;font-size:20px}.loading .l2{font-family:var(--mono);font-size:11px;color:var(--ink-faint)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#e7e9e4e6;display:flex;align-items:center;justify-content:center;pointer-events:none}.scrim-msg{border:2px dashed var(--mint-deep);border-radius:18px;padding:2rem 3rem;font-family:var(--round);font-size:1.3rem;font-weight:800;color:var(--mint-deep);background:#fff}.editor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:var(--dark);color:var(--d-ink);display:flex;flex-direction:column;transform:translateY(101%);transition:transform .42s cubic-bezier(.32,1.18,.45,1)}.editor.show{transform:translateY(0)}.ehead{flex:none;display:flex;align-items:center;gap:11px;padding:calc(14px + env(safe-area-inset-top)) 16px 13px;border-bottom:1px solid var(--dark-line)}.nav{width:36px;height:36px;border-radius:50%;flex:none;border:1px solid #313640;background:var(--dark-3);color:#cfd2d8;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.14s}.nav:hover{border-color:var(--mint);color:#fff}.nav:active{transform:scale(.93)}.etitle{font-family:var(--round);font-weight:700;font-size:17.5px}.dots{margin-left:auto;display:flex;gap:6px;align-items:center}.dots .d{width:8px;height:8px;border-radius:50%;background:#363b44;transition:.25s}.dots .d.on{background:var(--mint);width:22px;border-radius:999px}.logo{font-family:var(--round);font-weight:800;font-size:22px;letter-spacing:-.5px;white-space:nowrap}.logo .g{color:var(--mint)}.changeclip{font-family:var(--round);font-weight:600;font-size:13.5px;color:#cfd2d8;background:var(--dark-3);border:1px solid #313640;border-radius:999px;padding:7px 15px;cursor:pointer}.changeclip:hover{border-color:#454c57}.ebody{flex:1;overflow-y:auto;padding:20px 16px 26px}.estep{max-width:460px;margin:0 auto}.estep.entering{animation:stepIn .34s ease}@keyframes stepIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hintline{text-align:center;font-size:13px;color:var(--d-soft);margin:16px 0}.toggle{display:flex;align-items:center;gap:13px;background:var(--dark-2);border:1px solid var(--dark-line);border-radius:16px;padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:.14s}.toggle:hover{border-color:#363c46}.toggle .sw{width:48px;height:29px;border-radius:999px;background:#363b44;position:relative;flex:none;transition:.2s}.toggle .sw:after{content:"";position:absolute;top:3px;left:3px;width:23px;height:23px;border-radius:50%;background:#e9e7df;transition:.2s cubic-bezier(.3,1.4,.5,1);box-shadow:0 2px 5px #0000004d}.toggle.on .sw{background:var(--mint)}.toggle.on .sw:after{left:22px}.toggle .tl{font-size:15px;font-weight:700}.toggle .ts{font-size:11.5px;color:var(--d-soft);margin-top:2px}.primary{width:100%;font-family:var(--round);font-weight:700;font-size:17px;padding:15px;border-radius:16px;cursor:pointer;border:0;background:linear-gradient(150deg,#1bd086,#11a96b);color:#04361f;box-shadow:0 8px 20px #10a86a52;transition:.14s;margin-top:8px}.primary:hover{transform:translateY(-1px);box-shadow:0 12px 26px #10a86a66}.primary:active{transform:scale(.985)}.primary:disabled{opacity:.55;cursor:progress;transform:none;box-shadow:none}.primary.ghostbtn{background:transparent;border:1px solid #313640;color:var(--d-ink);box-shadow:none}.primary.ghostbtn:hover{border-color:#454c57;transform:none;box-shadow:none}.qnote{display:flex;gap:9px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-radius:14px;background:#16c07914;border:1px solid rgba(22,192,121,.25);font-size:12.5px;color:#a9e7cb;line-height:1.45}.qnote .s{flex:none}.cap{font-family:var(--mono);font-size:11.5px;color:var(--d-soft);text-align:center}.recwrap{display:flex;align-items:center;justify-content:center;height:44vh;min-height:240px}.deditor-left .recwrap{height:52vh}.cropwrap{position:relative;line-height:0;border-radius:18px;box-shadow:inset 0 0 0 1px var(--dark-line),var(--sh-m);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.cropwrap.clipped{overflow:hidden}.cropcanvas{display:block;background:#15171b;border-radius:18px;touch-action:none}.cropcanvas.empty{cursor:crosshair}.fitbtn{position:absolute;top:10px;right:10px;z-index:2;font-family:var(--round);font-weight:700;font-size:12px;color:var(--mint-ink);background:var(--mint);border:0;border-radius:999px;padding:6px 12px;cursor:pointer;box-shadow:var(--sh-m)}.fitbtn:hover{filter:brightness(1.05)}.crophint{position:absolute;transform:translate(14px,14px);background:#08090de6;color:var(--d-ink);font-size:.75rem;padding:.25rem .55rem;border-radius:6px;pointer-events:none;white-space:nowrap;border:1px solid var(--dark-line)}.cropbox{position:absolute;border:2px solid var(--mint);border-radius:6px;background:#16c0790f;cursor:move;touch-action:none;box-shadow:0 0 0 9999px #08090b6b}.handle-dot{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;background:var(--mint);border:2px solid #06301f;border-radius:50%;touch-action:none}.handle-dot.nw,.handle-dot.se{cursor:nwse-resize}.handle-dot.ne,.handle-dot.sw{cursor:nesw-resize}.handle-dot.n,.handle-dot.s{cursor:ns-resize}.handle-dot.e,.handle-dot.w{cursor:ew-resize}.clearbox{font-family:var(--round);font-weight:600;font-size:13px;color:var(--mint);background:none;border:0;cursor:pointer}.clearbox:hover{text-decoration:underline}.loopselector{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.looppreview{border-radius:18px;flex:0 0 auto;box-shadow:inset 0 0 0 1px var(--dark-line)}.preview-tag{position:absolute;top:10px;left:10px;background:#08090b8c;border:1px solid #313640;border-radius:999px;padding:4px 9px;font-family:var(--mono);font-size:9px;color:#a9e7cb;letter-spacing:.3px}.preview-wrap{position:relative;flex:0 0 auto;line-height:0}.scrubber{flex:1 1 240px;min-width:220px}.strip{position:relative;width:100%;height:54px;border-radius:11px;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:inset 0 0 0 1px var(--dark-line);margin-bottom:9px}.stripcanvas{width:100%;height:100%;display:block}.dim{position:absolute;top:0;bottom:0;background:#08090b8c;pointer-events:none}.selection{position:absolute;top:0;bottom:0;border:3px solid var(--mint);border-radius:8px;background:#16c0791f;cursor:grab;touch-action:none}.selection:active{cursor:grabbing}.handle{position:absolute;top:50%;width:34px;height:54px;transform:translate(-50%,-50%);cursor:ew-resize;touch-action:none;z-index:2}.handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:9px;height:28px;border-radius:5px;background:var(--mint);box-shadow:0 1px 4px #0006}.scrubmeta{font-family:var(--mono);font-size:11.5px;color:var(--d-soft);text-align:center}.outcard{display:flex;gap:14px;align-items:center;background:var(--dark-2);border:1px solid var(--dark-line);border-radius:16px;padding:13px;margin-bottom:11px}.outcard .th{width:74px;height:74px;border-radius:13px;flex:none;display:flex;align-items:center;justify-content:center;font-size:34px;box-shadow:inset 0 0 0 1px var(--dark-line);object-fit:contain}.outcard .meta2{flex:1}.otitle{font-family:var(--round);font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px}.ocap{font-family:var(--mono);font-size:10.5px;color:var(--d-soft);margin-top:3px}.dlbtn{margin-top:10px;display:inline-flex;align-items:center;gap:6px;font-family:var(--round);font-weight:700;font-size:13px;padding:8px 15px;border-radius:999px;border:0;cursor:pointer;background:var(--mint);color:var(--mint-ink);transition:.14s;text-decoration:none}.dlbtn:hover{filter:brightness(1.06);transform:translateY(-1px)}.dlbtn:active{transform:scale(.96)}.badge{background:var(--pop);color:#fff;font-size:9px;padding:2px 7px;border-radius:999px;font-weight:800}.statusline{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;color:var(--d-soft);margin:10px 0}.spinner{width:14px;height:14px;border:2px solid var(--dark-line);border-top-color:var(--mint);border-radius:50%;display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.errline{color:#fca5a5;font-size:12.5px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:flex;align-items:center;justify-content:center;padding:26px;background:#08090b8c;animation:fade .2s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.card{background:var(--dark-2);border:1px solid var(--dark-line);border-radius:22px;padding:24px 22px;max-width:340px;text-align:center;box-shadow:var(--sh-l);animation:pop .32s cubic-bezier(.3,1.3,.5,1)}@keyframes pop{0%{opacity:0;transform:translateY(14px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.card .ico{width:54px;height:54px;border-radius:50%;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;font-size:25px;background:#ff7a5924;border:1px solid rgba(255,122,89,.45);color:var(--pop)}.card h3{font-family:var(--round);font-weight:700;font-size:18.5px;color:#f1efe7;margin:0 0 9px}.card p{font-size:13px;color:#b9bdc4;line-height:1.5;margin:0 0 18px}.card p b{color:#e9e7df}.card .dismiss{display:block;width:100%;margin-top:7px;background:transparent;border:0;color:#8b8f98;font-family:var(--round);font-weight:600;font-size:13px;cursor:pointer}.deditor-body{flex:1;overflow-y:auto;display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:26px;padding:26px;max-width:1040px;margin:0 auto;width:100%;align-items:start}.deditor-left{display:flex;flex-direction:column;gap:13px}.deditor-right{display:flex;flex-direction:column;gap:16px}.panel{background:var(--dark-2);border:1px solid var(--dark-line);border-radius:18px;padding:18px}.ptitle{font-family:var(--mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#8b8f98;margin:0 0 14px}