.csn-root{--sp-pink:#e266a7;--sp-pink-soft:#fbdfeb;--sp-pink-deep:#c63c8a;--sp-pink-bg:#fff1f7;--sp-mint-soft:#d8eee1;--sp-peach-soft:#fdeae0;--sp-gold:#e49e22;--sp-gold-soft:#fbe8ce;--sp-gold-deep:#b46200;--sp-lavender-soft:#eae8ff;--sp-paper:#fbf8f3;--sp-paper-deep:#f4eee4;--sp-line:#dcd6d1;--sp-stitch:#beb6ae;--sp-ink:#1f1915;--sp-ink-2:#413c38;--sp-ink-3:#6d6864;--sp-ink-4:#a19e9b;--sp-grad-hero:linear-gradient(135deg, #fcedf3 0%, #fcefe5 40%, #eae9fb 100%);--sp-grad-accent:linear-gradient(135deg, var(--sp-pink), #c077d1);--sp-shadow-sm:0 1px 3px #1a15120f;--sp-shadow-md:0 4px 14px #1a151214;--sp-f-en:"Caveat", "Outfit", -apple-system, system-ui, sans-serif;--sp-f-zh:"Noto Serif SC", "Source Han Serif SC", serif;--sp-f-ko:"Noto Sans KR", -apple-system, system-ui, sans-serif;--sp-f-mono:"JetBrains Mono", monospace;min-height:100dvh;color:var(--sp-ink);background:radial-gradient(60% 45% at 8% 12%,#ffebf4b3 0%,#0000 65%),radial-gradient(55% 45% at 92% 18%,#f1f0ff99 0%,#0000 60%),radial-gradient(55% 40% at 15% 88%,#dafbeb8c 0%,#0000 60%),radial-gradient(45% 40% at 88% 85%,#fff2e480 0%,#0000 60%),linear-gradient(#fffaf3 0%,#fff6ee 100%);background:radial-gradient(60% 45% at 8% 12%,lab(94.6938% 16.5325 -3.13287/.7) 0%,#0000 65%),radial-gradient(55% 45% at 92% 18%,lab(94.9097% 5.8223 -15.7652/.6) 0%,#0000 60%),radial-gradient(55% 40% at 15% 88%,lab(95.8979% -13.2281 3.82813/.55) 0%,#0000 60%),radial-gradient(45% 40% at 88% 85%,lab(96.445% 6.11335 11.8022/.5) 0%,#0000 60%),linear-gradient(#fffaf3 0%,#fff6ee 100%);position:relative;overflow-x:hidden}@supports (color:lab(0% 0 0)){.csn-root{--sp-pink:lab(60.5913% 54.4367 -10.5276);--sp-pink-soft:lab(91.414% 11.6043 -2.19506);--sp-pink-deep:lab(48.711% 60.2131 -11.7182);--sp-pink-bg:lab(96.2806% 5.98994 -1.13027);--sp-mint-soft:lab(92.2863% -9.63607 3.82781);--sp-peach-soft:lab(94.0932% 5.49412 7.42689);--sp-gold:lab(70.8468% 20.2319 68.534);--sp-gold-soft:lab(93.0881% 3.83991 15.0824);--sp-gold-deep:lab(50.5075% 35.3354 83.6773);--sp-lavender-soft:lab(92.747% 3.78516 -10.5638);--sp-paper:lab(97.7032% .459075 3.01486);--sp-paper-deep:lab(94.2326% .992864 5.25966);--sp-line:lab(86.0851% 1.15338 3.60721);--sp-stitch:lab(74.4684% 2.16979 5.24333);--sp-ink:lab(9.49156% 2.1475 4.0348);--sp-ink-2:lab(25.7396% 1.72691 3.35711);--sp-ink-3:lab(44.3049% 1.35762 2.66888);--sp-ink-4:lab(65.1892% 1.00815 1.99511);--sp-grad-hero:linear-gradient(135deg, lab(95.1206% 5.9897 -1.13026) 0%, lab(95.3209% 3.42041 6.6903) 40%, lab(92.7979% 3.12594 -8.81997) 100%);--sp-grad-accent:linear-gradient(135deg, var(--sp-pink), lab(60.6595% 40.3777 -34.9417));--sp-shadow-sm:0 1px 3px lab(7.20476% 1.68892 2.90778/.06);--sp-shadow-md:0 4px 14px lab(7.20476% 1.68892 2.90778/.08)}}.csn-root *{box-sizing:border-box}.csn-root:before{content:"";pointer-events:none;z-index:0;opacity:.55;background-image:radial-gradient(circle,#ad9a8c1c .8px,#0000 1.2px);background-image:radial-gradient(circle,lab(65.1332% 5.28774 10.1545/.11) .8px,#0000 1.2px);background-size:24px 24px;position:fixed;inset:0}.csn-root.csn-center{justify-content:center;align-items:center;display:flex}.csn-loading{color:var(--sp-ink-3);font-size:15px;font-family:var(--sp-f-ko)}.csn-scroll{z-index:1;width:100%;max-width:560px;padding:max(20px, env(safe-area-inset-top)) 16px calc(40px + env(safe-area-inset-bottom));margin:0 auto;position:relative}@media (min-width:1024px){.csn-scroll{max-width:720px;padding-left:28px;padding-right:28px}}.csn-topbar{align-items:center;gap:14px;padding:4px 2px 16px;display:flex}.csn-back{background:var(--sp-paper-deep);border:1px solid var(--sp-line);min-height:40px;color:var(--sp-ink-2);cursor:pointer;font-size:13px;font-family:var(--sp-f-zh);border-radius:10px;flex-shrink:0;padding:8px 14px;transition:color .15s,background .15s}.csn-back:hover{color:var(--sp-gold-deep)}.csn-home{cursor:pointer;font-family:var(--sp-f-en);color:var(--sp-ink-3);letter-spacing:.02em;opacity:.75;background:0 0;border:none;padding:0;font-size:14px;transition:opacity .15s,color .15s}.csn-home:hover{opacity:1;color:var(--sp-gold-deep)}.csn-tape{opacity:.85;z-index:2;border-radius:1px;width:46px;height:14px;position:absolute;box-shadow:0 2px 4px #0000001a}.csn-tape-tl{background:var(--sp-pink-soft);top:-7px;left:18px;transform:rotate(-3deg)}.csn-tape-tr{background:var(--sp-lavender-soft);top:-7px;right:18px;transform:rotate(4deg)}.csn-tape-br{background:var(--sp-mint-soft);bottom:-7px;right:28px;transform:rotate(-4deg)}.csn-hero{background:var(--sp-grad-hero);box-shadow:var(--sp-shadow-md);border-radius:22px;margin-bottom:16px;padding:24px 22px 20px;position:relative}.csn-hero-top{align-items:center;gap:14px;display:flex}.csn-hero-emoji{background:var(--sp-peach-soft);border:2px solid var(--sp-paper);width:54px;height:54px;box-shadow:var(--sp-shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:30px;display:flex}.csn-hero-txt{flex:1;min-width:0}.csn-hero-eyebrow{font-family:var(--sp-f-mono);color:var(--sp-gold-deep);letter-spacing:.16em;margin-bottom:5px;font-size:10.5px;font-weight:700}.csn-hero-title{font-family:var(--sp-f-ko);color:var(--sp-ink);margin:0;font-size:21px;font-weight:800;line-height:1.25}.csn-hero-sub{font-family:var(--sp-f-zh);color:var(--sp-ink-3);margin-top:2px;font-size:13.5px}.csn-hero-lead{font-family:var(--sp-f-zh);color:var(--sp-ink-2);margin:14px 0 0;font-size:13.5px;line-height:1.7}.csn-modeswitch{gap:10px;margin-bottom:4px;display:flex}.csn-mode-opt{cursor:pointer;background:var(--sp-paper);border:1.5px solid var(--sp-line);text-align:left;border-radius:16px;flex:1;align-items:center;gap:10px;padding:13px 14px;transition:border-color .18s,background .18s,transform .12s;display:flex}.csn-mode-opt:hover{border-color:var(--sp-gold);transform:translateY(-1px)}.csn-mode-opt.on{border-color:var(--sp-pink);background:var(--sp-pink-bg)}.csn-mode-emoji{flex-shrink:0;font-size:24px;line-height:1}.csn-mode-txt{flex-direction:column;gap:2px;min-width:0;display:flex}.csn-mode-txt b{font-family:var(--sp-f-zh);color:var(--sp-ink);font-size:14.5px;font-weight:700}.csn-mode-opt.on .csn-mode-txt b{color:var(--sp-pink-deep)}.csn-mode-txt small{font-family:var(--sp-f-zh);color:var(--sp-ink-3);font-size:11px;line-height:1.3}.csn-input-sub{margin-top:8px}.csn-avatar-row{background:var(--sp-paper);border:1px solid var(--sp-line);border-radius:16px;align-items:center;gap:16px;margin-bottom:14px;padding:14px;display:flex}.csn-avatar-preview{background:var(--sp-gold-soft);width:72px;height:72px;box-shadow:var(--sp-shadow-sm);border:2px solid #fff;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.csn-avatar-preview img{object-fit:cover;width:100%;height:100%}.csn-avatar-emoji{font-size:40px;line-height:1}.csn-avatar-actions{flex-direction:column;flex:1;align-items:flex-start;gap:7px;min-width:0;display:flex}.csn-avatar-upload{font-family:var(--sp-f-zh);color:var(--sp-ink);background:var(--sp-paper-deep);border:1px solid var(--sp-line);cursor:pointer;border-radius:10px;padding:8px 16px;font-size:14px;font-weight:700;transition:border-color .15s,background .15s}.csn-avatar-upload:hover:not(:disabled){border-color:var(--sp-gold)}.csn-avatar-upload:disabled{opacity:.6;cursor:default}.csn-avatar-clear{font-family:var(--sp-f-zh);color:var(--sp-ink-3);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.csn-avatar-clear:hover{color:var(--sp-gold-deep)}.csn-avatar-hint{font-family:var(--sp-f-zh);color:var(--sp-ink-4);font-size:11px;line-height:1.4}.csn-myavatar{background:var(--sp-paper);border:1px solid var(--sp-line);border-radius:16px;align-items:center;gap:16px;margin-bottom:14px;padding:14px;display:flex}.csn-myavatar-preview{background:var(--sp-pink-bg)}.csn-myavatar-title{font-family:var(--sp-f-zh);color:var(--sp-ink);font-size:14px;font-weight:700}.csn-card{background:var(--sp-paper);border:1px solid var(--sp-line);box-shadow:var(--sp-shadow-md);border-radius:20px;padding:22px 20px;position:relative;overflow:hidden}.csn-card:before{content:"";background:radial-gradient(circle at 15% 0%, var(--sp-gold-soft) 0%, transparent 60%);opacity:.5;pointer-events:none;position:absolute;inset:0}.csn-card>*{z-index:1;position:relative}.csn-field{margin-bottom:18px}.csn-field:last-child{margin-bottom:0}.csn-label{align-items:center;gap:8px;margin-bottom:9px;padding-left:2px;display:flex}.csn-label-num{font-family:var(--sp-f-en);color:var(--sp-gold-deep);font-size:18px;font-weight:700;line-height:1}.csn-label-emoji{font-size:15px;line-height:1}.csn-label-text{font-family:var(--sp-f-zh);color:var(--sp-ink);font-size:15px;font-weight:700}.csn-label-tag{font-family:var(--sp-f-mono);color:var(--sp-ink-3);background:var(--sp-paper-deep);border:1px solid var(--sp-line);letter-spacing:.04em;border-radius:99px;padding:2px 8px;font-size:10px}.csn-input,.csn-textarea{border:1.5px solid var(--sp-line);background:var(--sp-paper-deep);width:100%;color:var(--sp-ink);font-size:15px;font-family:var(--sp-f-ko);resize:none;border-radius:13px;outline:none;padding:12px 14px;line-height:1.6;transition:border-color .15s,background .15s,box-shadow .15s}.csn-input::placeholder,.csn-textarea::placeholder{color:var(--sp-ink-4)}.csn-input:focus,.csn-textarea:focus{border-color:var(--sp-pink);background:var(--sp-paper);box-shadow:0 0 0 3px #e266a71a;box-shadow:0 0 0 3px lab(60.5913% 54.4367 -10.5276/.1)}.csn-error{background:var(--sp-pink-bg);border:1px solid var(--sp-pink-soft);color:var(--sp-pink-deep);font-family:var(--sp-f-zh);border-radius:12px;margin-top:14px;padding:10px 14px;font-size:13px}.csn-actions{align-items:stretch;gap:10px;margin-top:16px;display:flex}.csn-example-btn{background:var(--sp-paper);border:1px solid var(--sp-line);color:var(--sp-ink-2);font-family:var(--sp-f-zh);cursor:pointer;white-space:nowrap;min-height:52px;box-shadow:var(--sp-shadow-sm);border-radius:14px;padding:0 16px;font-size:13.5px;transition:border-color .15s,color .15s,transform .15s}.csn-example-btn:hover{border-color:var(--sp-gold);color:var(--sp-gold-deep);transform:translateY(-1px)}.csn-submit{background:var(--sp-grad-accent);color:#fff;font-family:var(--sp-f-zh);cursor:pointer;letter-spacing:.03em;border:none;border-radius:14px;flex:1;min-height:52px;padding:0 16px;font-size:15.5px;font-weight:700;transition:transform .15s,filter .15s,opacity .15s;box-shadow:0 6px 20px #e266a747;box-shadow:0 6px 20px lab(60.5913% 54.4367 -10.5276/.28)}.csn-submit:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.csn-submit:active:not(:disabled){transform:translateY(0)}.csn-submit:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.csn-generating{text-align:center;padding:44px 20px 40px}.csn-spinner{border:3px solid var(--sp-line);border-top-color:var(--sp-pink);border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:.8s linear infinite csn-spin}@keyframes csn-spin{to{transform:rotate(360deg)}}.csn-generating-text{font-family:var(--sp-f-zh);color:var(--sp-ink);margin-bottom:10px;font-size:16px;font-weight:700}.csn-generating-hint{font-family:var(--sp-f-zh);color:var(--sp-ink-3);margin-top:10px;font-size:13px}.csn-gen-steps{justify-content:center;gap:8px;display:flex}.csn-gen-dot{background:var(--sp-line);border-radius:50%;width:8px;height:8px;transition:background .3s}.csn-gen-dot.on{background:var(--sp-pink)}.csn-label-count{font-family:var(--sp-f-mono);color:var(--sp-ink-4);font-variant-numeric:tabular-nums;margin-left:auto;font-size:10.5px}.csn-field-last{margin-bottom:0}.csn-diff{gap:8px;display:flex}.csn-diff-opt{background:var(--sp-paper-deep);border:1.5px solid var(--sp-line);cursor:pointer;border-radius:13px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 6px;transition:border-color .15s,background .15s;display:flex}.csn-diff-opt:hover{border-color:var(--sp-gold)}.csn-diff-opt.on{border-color:var(--sp-pink);background:var(--sp-pink-bg)}.csn-diff-label{font-family:var(--sp-f-zh);color:var(--sp-ink);font-size:14px;font-weight:700}.csn-diff-opt.on .csn-diff-label{color:var(--sp-pink-deep)}.csn-diff-desc{font-family:var(--sp-f-zh);color:var(--sp-ink-3);font-size:11px}.csn-cast{-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.csn-cast::-webkit-scrollbar{height:0}.csn-cast-opt{background:var(--sp-paper-deep);border:1.5px solid var(--sp-line);cursor:pointer;border-radius:13px;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;width:58px;padding:9px 4px;transition:border-color .15s,background .15s;display:flex}.csn-cast-opt:hover{border-color:var(--sp-gold)}.csn-cast-opt.on{border-color:var(--sp-pink);background:var(--sp-pink-bg)}.csn-cast-emoji{font-size:24px;line-height:1}.csn-cast-name{font-family:var(--sp-f-zh);color:var(--sp-ink-2);white-space:nowrap;font-size:11px}.csn-cast-opt.on .csn-cast-name{color:var(--sp-pink-deep);font-weight:700}.csn-cast-auto .csn-cast-emoji{filter:saturate(1.2)}[data-theme=dark] .csn-root{--sp-paper:#252236;--sp-paper-deep:#1e1b2e;--sp-line:#3a3060;--sp-stitch:#574589;--sp-ink:#f0e8ff;--sp-ink-2:#d8ccef;--sp-ink-3:#b8a8c8;--sp-ink-4:#8b7ca0;--sp-pink-bg:#ff7fa81f;--sp-pink-soft:#ff7fa833;--sp-pink-deep:#ff9dc0;--sp-mint-soft:#7dc6b329;--sp-peach-soft:#ff9d7a29;--sp-gold-soft:#2a2018;--sp-gold-deep:#e8b860;--sp-lavender-soft:#a896d92e;--sp-grad-hero:linear-gradient(135deg, #2a2040 0%, #24203a 40%, #252240 100%);--sp-grad-accent:linear-gradient(135deg, var(--sp-pink), #d06098);--sp-shadow-sm:0 1px 3px #0000004d;--sp-shadow-md:0 4px 14px #00000059;background:radial-gradient(60% 45% at 8% 12%,#a896d926 0%,#0000 65%),radial-gradient(55% 45% at 92% 18%,#ff7fa81f 0%,#0000 60%),radial-gradient(55% 40% at 15% 88%,#7dc6b31a 0%,#0000 60%),radial-gradient(45% 40% at 88% 85%,#ff9d7a1a 0%,#0000 60%),linear-gradient(#1e1b2e 0%,#22203a 100%)}[data-theme=dark] .csn-root:before{background-image:radial-gradient(circle,#ffffff14 .8px,#0000 1.2px)}[data-theme=dark] .csn-card:before{opacity:.4;background:radial-gradient(circle at 15% 0,#e8b8601a 0%,#0000 60%)}[data-theme=dark] .csn-input:focus,[data-theme=dark] .csn-textarea:focus{box-shadow:0 0 0 3px #ff7fa840}[data-theme=dark] .csn-submit{color:#1e1b2e}[data-theme=dark] .csn-avatar-preview,[data-theme=dark] .csn-hero-emoji{border-color:var(--sp-paper-deep)}@media (prefers-reduced-motion:reduce){.csn-spinner{animation-duration:2s}.csn-example-btn:hover,.csn-submit:hover:not(:disabled){transform:none}}