/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-16{margin-top:calc(var(--spacing) * 16)}.resize{resize:both}}@keyframes spin{to{transform:rotate(360deg)}}body{overflow:hidden}button,input,textarea{font-family:inherit}*{transition:background-color .2s,border-color .2s,color .15s}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b80}:root{--bg:#eef2fa;--panel:#fff;--surface:#f5f8ff;--input-bg:#f8faff;--chat-bg:#eef2fa;--border:#d8e2f0;--border-soft:#e8eff8;--text:#0f172a;--text-muted:#64748b;--text-sub:#94a3b8;--accent:#3b82f6;--accent-bg:#3b82f614;--accent-border:#3b82f640;--c0:#3b82f6;--c1:#10b981;--c2:#f59e0b;--c3:#ef4444;--c4:#8b5cf6;--c5:#ec4899;--c6:#06b6d4;--c7:#84cc16;--c8:#f97316;--c9:#6366f1;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--r-xs:3px;--r-sm:8px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-2xl:20px;--r-full:9999px;--fs-xs:10px;--fs-sm:11px;--fs-input:12.5px;--fs-base:13px;--fs-md:13.5px;--fs-body:14px;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--header-h:56px;--sidebar-w:308px;--z-header:10;--z-backdrop:49;--z-sidebar:50;--shadow-chat:0 4px 24px #0000000f;--shadow-bubble:0 2px 8px;--shadow-bubble-opacity:15%}.dark{--bg:#070c18;--panel:#0d1525;--surface:#111e35;--input-bg:#070c18;--chat-bg:#0d1525;--border:#1a2e4a;--border-soft:#0f2040;--text:#e2eaf6;--text-muted:#4a6280;--text-sub:#7a9ab8;--accent-bg:#3b82f61f;--shadow-chat:0 4px 32px #0006;--shadow-bubble:0 2px 12px;--shadow-bubble-opacity:19%}.ci-0{--item-color:var(--c0)}.ci-1{--item-color:var(--c1)}.ci-2{--item-color:var(--c2)}.ci-3{--item-color:var(--c3)}.ci-4{--item-color:var(--c4)}.ci-5{--item-color:var(--c5)}.ci-6{--item-color:var(--c6)}.ci-7{--item-color:var(--c7)}.ci-8{--item-color:var(--c8)}.ci-9{--item-color:var(--c9)}.app{background:var(--bg);height:100vh;color:var(--text);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:var(--fs-body);flex-direction:column;display:flex}.app>header{background:var(--panel);border-bottom:1px solid var(--border);padding:0 var(--sp-5);height:var(--header-h);align-items:center;gap:var(--sp-3);z-index:var(--z-header);flex-shrink:0;display:flex;position:relative}.sidebar-toggle{border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;width:34px;height:34px;color:var(--text-muted);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.logo{align-items:center;gap:9px;display:flex}.logo-icon{background:linear-gradient(135deg,var(--c0),var(--c9));color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.logo-icon img{width:32px;height:32px}.logo-title{font-weight:var(--fw-bold);font-size:var(--fs-body);letter-spacing:-.01em;color:var(--text)}.logo-sub{font-size:var(--fs-sm);color:var(--text-muted);margin-top:1px}.header-actions{align-items:center;gap:var(--sp-2);margin-left:auto;display:flex}.range-badge{font-size:12px;font-weight:var(--fw-semibold);color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--r-2xl);padding:var(--sp-1) var(--sp-3)}.theme-btn{border-radius:var(--r-sm);border:1px solid var(--border);cursor:pointer;height:34px;font-size:var(--fs-base);font-weight:var(--fw-semibold);background:var(--surface);color:var(--text);align-items:center;gap:6px;padding:0 14px;display:flex}.body{flex:1;display:flex;overflow:hidden}.backdrop{top:0;right:0;bottom:0;left:0;top:var(--header-h);z-index:var(--z-backdrop);-webkit-backdrop-filter:blur(3px);background:#0000008c;position:fixed}aside{width:var(--sidebar-w);background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;height:100%;display:flex}aside.sidebar-mobile{top:var(--header-h);width:100%;height:calc(100% - var(--header-h));z-index:var(--z-sidebar);position:fixed;left:0}.sidebar-scroll{padding:var(--sp-4) 14px;flex-direction:column;flex:1;display:flex;overflow-y:auto}.section-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-2)}.section-note{font-weight:var(--fw-normal);text-transform:none;letter-spacing:0;opacity:.7}.chat-input{border-radius:var(--r-md);border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);font-size:var(--fs-input);padding:10px var(--sp-3);resize:none;box-sizing:border-box;outline:none;line-height:1.6}.chat-input:focus{border-color:var(--accent)}.divider{background:var(--border-soft);height:1px}.divider.mt-1{margin-top:1px}.divider.mt-16{margin-top:var(--sp-4)}.participant-section{padding-top:var(--sp-4)}.participant-list{flex-wrap:wrap;gap:6px;display:flex}.participant-btn{border-radius:var(--r-2xl);font-size:var(--fs-input);font-weight:var(--fw-semibold);cursor:pointer;border:1.5px solid var(--border);background:var(--surface);color:var(--text);padding:5px 13px;transition:all .15s}.participant-btn.active{border-color:var(--accent);background:var(--accent);color:#fff}.colors-section{padding-top:var(--sp-4)}.color-list{flex-direction:column;gap:10px;display:flex}.color-row{align-items:center;gap:var(--sp-2);display:flex}.color-dot{background:var(--item-color);width:9px;height:9px;box-shadow:0 0 0 2px var(--panel),0 0 0 3px var(--item-color);border-radius:50%;flex-shrink:0}@supports (color:color-mix(in lab,red,red)){.color-dot{box-shadow:0 0 0 2px var(--panel),0 0 0 3px color-mix(in srgb,var(--item-color) 27%,transparent)}}.participant-name{font-size:var(--fs-input);text-overflow:ellipsis;white-space:nowrap;color:var(--text);flex:1;overflow:hidden}.swatch-list{gap:3px;display:flex}.swatch-btn{cursor:pointer;outline-offset:1.5px;background:var(--item-color);border:none;border-radius:50%;outline:2px solid #0000;flex-shrink:0;width:16px;height:16px;padding:0;transition:transform .1s,outline .1s}.swatch-btn:hover{transform:scale(1.18)}.swatch-btn.selected{outline-color:#1e293b}.dark .swatch-btn.selected{outline-color:#fff}.actions{padding:var(--sp-3) 14px;border-top:1px solid var(--border);background:var(--panel);gap:var(--sp-2);flex-direction:column;flex-shrink:0;display:flex}.save-btn{height:42px;padding:0 var(--sp-4);border-radius:var(--r-md);cursor:pointer;font-size:var(--fs-md);font-weight:var(--fw-bold);background:linear-gradient(135deg,var(--c0),var(--c9));color:#fff;border:none;justify-content:center;align-items:center;gap:7px;transition:filter .15s;display:flex}.save-btn:hover:not(.disabled){filter:brightness(1.1)}.save-btn.disabled{cursor:not-allowed;color:var(--text-muted);background:#c8d8f0}.dark .save-btn.disabled{background:#1a2e4a}.select-btn{height:40px;padding:0 var(--sp-4);border-radius:var(--r-md);border:1.5px solid var(--border);cursor:pointer;font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text);background:0 0;justify-content:center;align-items:center;gap:7px;transition:all .15s;display:flex}.select-btn.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.reset-btn{height:36px;padding:0 var(--sp-4);border-radius:var(--r-md);border:1.5px solid var(--border);cursor:pointer;font-size:var(--fs-input);font-weight:var(--fw-medium);color:var(--text-muted);background:0 0;justify-content:center;align-items:center;gap:6px;transition:all .15s;display:flex}@media (max-width:767px){.mobile-float-actions{z-index:200;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);padding-bottom:calc(var(--sp-3) + env(safe-area-inset-bottom,0px));background:var(--panel);border-top:1px solid var(--border);flex-wrap:wrap;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000014}.mobile-float-actions .save-btn,.mobile-float-actions .select-btn{min-width:0;height:40px;font-size:var(--fs-base);flex:1}.mobile-float-reset{width:100%;height:34px;font-size:var(--fs-input)}}main{padding:28px var(--sp-6);background:var(--bg);flex-direction:column;flex:1;align-items:center;display:flex;overflow-y:auto}@media (max-width:767px){main{padding:var(--sp-4) var(--sp-3) 96px}}.select-banner{width:100%;max-width:500px;margin-bottom:var(--sp-4);padding:10px var(--sp-4);border-radius:var(--r-md);background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);font-size:var(--fs-base);font-weight:var(--fw-medium);text-align:center}.chat-preview{background:var(--chat-bg);border-radius:var(--r-xl);padding:var(--sp-5) 14px;border:1px solid var(--border);width:100%;max-width:500px;box-shadow:var(--shadow-chat)}.empty-state{color:var(--text-muted);text-align:center;font-size:var(--fs-md);padding:40px 0}.msg-row{cursor:default;border-radius:var(--r-md);background:0 0;outline:none;flex-direction:column;align-items:flex-start;margin-bottom:6px;padding:0;display:flex}.msg-row.me{align-items:flex-end}.msg-row.showname{margin-bottom:var(--sp-3)}.msg-row.selecting{cursor:pointer;padding:var(--sp-1) 6px;outline:2px dashed #3b82f626}.msg-row.selecting.inrange{background:#3b82f60d;outline:1px solid #3b82f659}.msg-row.selecting.endpoint{outline:2px solid var(--accent);background:#3b82f617}.msg-row:not(.editing):not(.selecting):hover .bubble{filter:brightness(1.08)}.sender-name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-sub);margin-bottom:3px;margin-left:var(--sp-1)}.bubble-row{flex-direction:row;align-items:flex-end;gap:5px;display:flex}.bubble-row.me{flex-direction:row-reverse}.bubble{background:var(--item-color,var(--accent));color:#fff;border-radius:var(--r-xs) var(--r-lg) var(--r-lg) var(--r-lg);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-md);word-break:break-word;white-space:pre-wrap;max-width:260px;line-height:1.55;font-weight:var(--fw-normal);box-shadow:var(--shadow-bubble) var(--item-color,var(--accent))}@supports (color:color-mix(in lab,red,red)){.bubble{box-shadow:var(--shadow-bubble) color-mix(in srgb,var(--item-color,var(--accent)) var(--shadow-bubble-opacity),transparent)}}.bubble{cursor:text;transition:filter .1s;position:relative}.bubble.me{border-radius:var(--r-lg) var(--r-xs) var(--r-lg) var(--r-lg)}.selecting .bubble{cursor:pointer}.edited-dot{background:#ffffff8c;border-radius:50%;width:5px;height:5px;display:block;position:absolute;bottom:3px;right:6px}.bubble.me .edited-dot{left:6px;right:auto}.time{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-muted);flex-shrink:0}.edit-container{flex-direction:column;gap:6px;min-width:160px;max-width:260px;display:flex}@media (max-width:767px){.edit-container{min-width:220px}}.edit-textarea{background:var(--item-color,var(--accent));border-radius:var(--r-xs) var(--r-lg) var(--r-lg) var(--r-lg);color:#fff;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-md);resize:none;width:100%;font-family:Plus Jakarta Sans,system-ui,sans-serif;line-height:1.55;font-weight:var(--fw-normal);box-sizing:border-box;field-sizing:content;border:2px solid #ffffff73;outline:none;min-height:36px;overflow:hidden}.edit-textarea::placeholder{color:#ffffff80}.edit-textarea.me{border-radius:var(--r-lg) var(--r-xs) var(--r-lg) var(--r-lg)}.edit-actions{justify-content:flex-end;gap:5px;display:flex}.edit-actions.me{justify-content:flex-start}.cancel-btn{height:30px;padding:0 var(--sp-3);border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--fs-input);font-weight:var(--fw-medium);cursor:pointer;transition:opacity .12s}.cancel-btn:hover{opacity:.8}.confirm-btn{border-radius:var(--r-sm);background:var(--accent);color:#fff;height:30px;font-size:var(--fs-input);font-weight:var(--fw-bold);cursor:pointer;border:none;padding:0 14px;transition:filter .12s}.confirm-btn:hover{filter:brightness(1.12)}@media (max-width:767px){.cancel-btn,.confirm-btn{height:36px}}.spinner{animation:.8s linear infinite spin}