@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&family=Cinzel+Decorative:wght@700;900&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.min-h-screen{min-height:100vh}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--navy-950:#060d1a;--navy-900:#080f1e;--navy-800:#0a1428;--navy-700:#0e1a34;--navy-600:#1a2540;--navy-500:#1a3058;--navy-400:#2a3a5a;--blue-primary:#06f;--blue-light:#00d4ff;--blue-mid:#05d;--blue-dark:#0a1f40;--green-online:#4ade80;--text-primary:#fff;--text-secondary:#a0b8ce;--text-muted:#89a;--text-dim:#5a6a7a;--border-subtle:#1a305880;--border-mid:#1a3058cc;--border-bright:#00d4ff33}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--navy-950);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--navy-800)}::-webkit-scrollbar-thumb{background:var(--navy-500);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--blue-primary)}.navbar{z-index:50;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#060d1aeb;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-logo{-webkit-user-select:none;user-select:none;align-items:center;gap:8px;text-decoration:none;display:flex}.navbar-logo-text{color:#fff;letter-spacing:-.01em;font-family:Inter,sans-serif;font-size:17px;font-weight:700}.navbar-logo-text span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#06f,#00d4ff);-webkit-background-clip:text;background-clip:text}.navbar-link{color:var(--text-muted);font-size:13px;font-weight:500;text-decoration:none;transition:color .15s}.navbar-link:hover{color:var(--text-primary)}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#05d,#06f);border:none;border-radius:8px;justify-content:center;align-items:center;padding:7px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-flex}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:7px 14px;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex}.btn-ghost:hover{color:var(--text-primary)}.chat-wrap{background:var(--navy-950);box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;height:100dvh;padding-top:56px;display:flex;overflow-x:hidden}.chat-header{background:var(--navy-900);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.status-dot{background:var(--green-online);width:10px;height:10px;box-shadow:0 0 0 2px var(--navy-900), 0 0 6px var(--green-online);border-radius:50%;flex-shrink:0}.status-dot-sm{background:var(--green-online);width:8px;height:8px;box-shadow:0 0 4px var(--green-online);border-radius:50%}.chen-avatar-lg{object-fit:cover;object-position:center center;border:2px solid #0b84fe66;border-radius:50%;flex-shrink:0;width:42px;height:42px}.chen-avatar-md{object-fit:cover;border:1.5px solid #0b84fe4d;border-radius:50%;flex-shrink:0;width:32px;height:32px}.chen-avatar-sm{object-fit:cover;border:1.5px solid #0b84fe40;border-radius:50%;flex-shrink:0;width:28px;height:28px}.chen-avatar-xs{object-fit:cover;border:1px solid #0066ff4d;border-radius:50%;flex-shrink:0;width:20px;height:20px}.chen-avatar-hero{object-fit:cover;object-position:center center;border:3px solid #06f9;border-radius:50%;width:88px;height:88px;box-shadow:0 0 32px #0066ff40,0 0 64px #00d4ff1a}@keyframes chow-idle{0%{filter:drop-shadow(0 0 8px #00d4ff4d);transform:translateY(0)rotate(0)scale(1)}15%{filter:drop-shadow(0 0 14px #00d4ff80);transform:translateY(-6px)rotate(-2deg)scale(1.02)}30%{filter:drop-shadow(0 0 10px #00d4ff66);transform:translateY(-4px)rotate(2deg)scale(1.01)}45%{filter:drop-shadow(0 0 18px #00d4ff99);transform:translateY(-8px)rotate(-1deg)scale(1.03)}60%{filter:drop-shadow(0 0 12px #00d4ff73);transform:translateY(-5px)rotate(1.5deg)scale(1.02)}75%{filter:drop-shadow(0 0 8px #00d4ff59);transform:translateY(-2px)rotate(-.5deg)scale(1.01)}90%{filter:drop-shadow(0 0 16px #00d4ff80);transform:translateY(-7px)rotate(1deg)scale(1.02)}to{filter:drop-shadow(0 0 8px #00d4ff4d);transform:translateY(0)rotate(0)scale(1)}}.chen-avatar-idle{transform-origin:bottom;will-change:transform, filter;animation:6s ease-in-out infinite chow-idle}.messages-area{background:var(--navy-950);scroll-behavior:smooth;box-sizing:border-box;flex:1;width:100%;overflow:hidden auto}.bubble-user{color:#fff;word-wrap:break-word;word-break:break-word;white-space:pre-wrap;letter-spacing:-.01em;background:#0b84fe;border-radius:18px 18px 4px;width:fit-content;max-width:100%;padding:9px 14px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:15px;line-height:1.4;display:inline-block}.bubble-chen{contain:inline-size;box-sizing:border-box;color:#fff;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:normal;letter-spacing:-.01em;background:#262626;border:none;border-radius:18px 18px 18px 4px;width:100%;min-width:0;max-width:100%;padding:9px 14px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:15px;line-height:1.4;display:block;overflow:hidden}.bubble-chen pre{background:#00000059;border:1px solid #ffffff14;border-radius:10px;margin:8px 0 4px;padding:12px 14px;font-family:SF Mono,Fira Mono,Courier New,monospace;font-size:12.5px;overflow-x:auto}.bubble-chen code{color:#7dd3fc;background:#00b4ff1f;border-radius:4px;padding:1px 5px;font-family:SF Mono,Fira Mono,Courier New,monospace;font-size:12.5px}.bubble-chen pre code{color:#c8d8e8;background:0 0;padding:0}.typing-dot{background:#89a;border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:1.3s ease-in-out infinite imsgbounce;display:inline-block}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes imsgbounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.welcome-wrap{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:32px 20px;display:flex}.welcome-title{color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-family:Inter,sans-serif;font-size:28px;font-weight:700}.welcome-sub{color:var(--text-muted);margin-bottom:4px;font-size:14px}.chip-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:480px;margin:20px 0 12px;display:grid}.chip-btn{text-align:left;color:#a0b8ce;background:var(--navy-800);border:1px solid var(--border-subtle);cursor:pointer;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:500;line-height:1.4;transition:all .15s;display:block}.chip-btn:hover{color:#fff;background:var(--navy-700);border-color:#06f6;transform:translateY(-1px)}.input-bar{background:#06111c;border-top:1px solid #ffffff0f;flex-shrink:0;padding:10px 14px 14px}.input-inner{align-items:flex-end;gap:8px;max-width:720px;margin:0 auto;display:flex}.chen-input{color:#fff;resize:none;background:#0d1e2e;border:1px solid #ffffff1a;border-radius:22px;outline:none;flex:1;width:100%;min-height:44px;max-height:140px;padding:11px 18px;font-family:-apple-system,Inter,sans-serif;font-size:15px;line-height:1.45;transition:border-color .15s}.chen-input::placeholder{color:#4a5a6a}.chen-input:focus{border-color:#0b84fe80}.send-btn{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:3px;transition:all .15s;display:flex}.send-btn-active{background:#0b84fe;box-shadow:0 2px 12px #0b84fe66}.send-btn-active:hover{opacity:.88;transform:scale(1.05)}.send-btn-inactive{cursor:default;background:#1a2a3a;border:1px solid #ffffff14}.input-hint{text-align:center;color:var(--text-dim);max-width:720px;margin-top:6px;margin-left:auto;margin-right:auto;font-size:11px}.input-hint a{color:#5a7a8a;text-decoration:none}.prompt-counter{background:var(--navy-900);border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-dim);padding:6px 16px;font-size:12px}.prompt-counter a{color:#00d4ff;text-decoration:none}.prompt-counter a:hover{text-decoration:underline}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040a14d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--navy-800);border:1px solid var(--border-mid);border-radius:20px;width:100%;max-width:380px;padding:28px 24px;box-shadow:0 24px 64px #000000b3}.modal-input{color:#fff;background:var(--navy-950);border:1px solid var(--border-mid);border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .15s}.modal-input::placeholder{color:var(--text-dim)}.modal-input:focus{border-color:#06f9}.new-chat-btn{color:#89a;cursor:pointer;letter-spacing:-.01em;white-space:nowrap;background:#0a142899;border:1px solid #1a305880;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500;transition:all .15s}.new-chat-btn:hover{color:#fff;background:#162536;border-color:#0b84fe66}.user-menu{background:var(--navy-800);border:1px solid var(--border-mid);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:12px;width:200px;max-height:calc(100dvh - 100px);position:absolute;top:calc(100% + 6px);right:0;overflow:hidden auto;box-shadow:0 12px 40px #0009}.user-menu a,.user-menu button{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:11px 16px;font-size:13px;text-decoration:none;transition:color .12s,background .12s;display:block}.user-menu a:hover,.user-menu button:hover{color:#fff;background:#0066ff14}.user-menu .danger{color:#ff6b6b;border-top:1px solid var(--border-subtle)}.user-menu .danger:hover{color:#fff;background:#ef44441a}.input-hint{text-align:center;color:#1a3058cc;margin-top:6px;font-size:11px}.input-hint a{color:var(--navy-500);text-decoration:none;transition:color .15s}.input-hint a:hover{color:var(--text-dim)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.search-badge{color:#00d4ff;background:#00b4ff14;border:1px solid #00b4ff33;border-radius:10px;align-items:center;gap:4px;margin-bottom:6px;padding:2px 8px;font-size:10px;display:inline-flex}.code-block{contain:inline-size;box-sizing:border-box;background:#111;border:1px solid #ffffff14;border-radius:8px;width:100%;min-width:0;max-width:100%;margin:8px 0;font-size:13px;display:block;position:relative;overflow:hidden}.code-header{background:#1a1a1a;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;min-height:36px;padding:8px 12px;display:flex}.code-lang{color:#6a8aaa;letter-spacing:.04em;font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:500}.code-actions{align-items:center;gap:8px;display:flex}.code-copy-btn,.code-run-btn{cursor:pointer;color:#00d4ff;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#00d4ff14;border:1px solid #00d4ff40;border-radius:8px;justify-content:center;align-items:center;gap:4px;min-width:60px;min-height:30px;padding:5px 14px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:12px;font-weight:600;transition:all .15s;display:flex}.code-run-btn{color:#22c55e;background:#22c55e14;border-color:#22c55e4d}.code-copy-btn:hover,.code-copy-btn:active{color:#fff;background:#00d4ff33;border-color:#00d4ff80}.code-run-btn:hover,.code-run-btn:active{background:#22c55e26}.code-block pre{-webkit-overflow-scrolling:touch;white-space:pre;box-sizing:border-box;background:#111;width:100%;max-width:100%;margin:0;padding:14px 16px;line-height:1.6;display:block;overflow:scroll hidden}.code-block pre code{color:#e2e8f0;white-space:inherit;word-break:normal;overflow-wrap:normal;background:0 0;padding:0;font-family:SF Mono,ui-monospace,Fira Code,Menlo,monospace;font-size:13px;display:inline}.code-output{background:#040c14;border-top:1px solid #1a3a5866;padding:10px 14px}.code-output-label{color:#22c55e;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:10px;display:block}.code-output pre{color:#a8d5a2;white-space:pre-wrap;word-break:break-all;margin:0;font-family:SF Mono,monospace;font-size:12px}.inline-code{color:#7dd3fc;background:#00b4ff14;border:1px solid #00b4ff26;border-radius:4px;padding:1px 5px;font-family:SF Mono,monospace;font-size:.88em}.msg-h1{color:#e8edf2;margin:10px 0 6px;font-size:20px;font-weight:800}.msg-h2{color:#e8edf2;margin:8px 0 5px;font-size:17px;font-weight:700}.msg-h3{color:#c8d8e8;margin:6px 0 4px;font-size:15px;font-weight:700}.msg-list{margin:6px 0;padding-left:18px}.msg-list li{margin-bottom:3px;line-height:1.5}.msg-hr{border:none;border-top:1px solid #1a3a5880;margin:10px 0}.light-mode{background:#f0f4f8!important}.light-mode .chat-header{background:#ffffffe6!important;border-bottom-color:#00000014!important}.light-mode .messages-area{background:#f0f4f8!important}.light-mode .bubble-chen{color:#1a2a3a!important;background:#e2e8f0!important}.light-mode .bubble-user{color:#fff!important;background:#0b84fe!important}.light-mode .input-bar{background:#fffffff2!important;border-top-color:#00000014!important}.light-mode .chen-input{color:#1a2a3a!important;background:#f8fafc!important;border-color:#0000001f!important}.light-mode .code-block{border-color:#0000001f}.light-mode .code-header{background:#e2e8f0}.light-mode .code-block pre{background:#f8fafc}.light-mode .code-block pre code{color:#1a2a3a}.light-mode .welcome-title{color:#1a2a3a!important}.light-mode .welcome-sub{color:#4a5a6a!important}.light-mode .chip-btn{color:#2a3a4a!important;background:#fff!important;border-color:#00000026!important}.msg-actions{opacity:0;gap:4px;margin-top:3px;transition:opacity .15s;display:flex}.msg-row:hover .msg-actions{opacity:1}.msg-action-row{opacity:0;pointer-events:none;height:0;transition:opacity .15s;overflow:hidden;margin:0!important}.msg-action-btn{cursor:pointer;color:#2a3a4a;background:0 0;border:none;border-radius:6px;padding:1px 5px;font-family:inherit;font-size:11px;line-height:1;transition:color .15s}.msg-action-btn:hover{color:#89a}@media (hover:hover){div:hover>.msg-action-row,div:hover>div>.msg-action-row{opacity:1;pointer-events:auto;height:auto;margin-top:2px!important}}.desktop-only-btn,.desktop-only-panel{display:none}.mobile-only-btn{display:flex}@media (min-width:769px){.desktop-only-btn{display:flex!important}.desktop-only-panel{flex-wrap:wrap;display:flex!important}.mobile-only-btn{display:none!important}}@media (max-width:768px){.chat-wrap{padding-bottom:calc(56px + env(safe-area-inset-bottom))}}.msg-context-menu{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d1e2e;border:1px solid #00b4ff33;border-radius:14px;min-width:160px;padding:6px;position:fixed;box-shadow:0 8px 32px #00000080}.msg-context-item{color:#e8edf2;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 14px;font-family:-apple-system,sans-serif;font-size:13px;transition:background .1s;display:flex}.msg-context-item:hover{background:#00b4ff14}.msg-context-item.danger{color:#ef4444}.msg-context-item.ask-chow-item{color:#00d4ff;font-weight:600}.msg-context-separator{background:#1a3a5880;height:1px;margin:4px 0}@supports (-webkit-touch-callout:none){.input-bar{padding-bottom:max(12px, env(safe-area-inset-bottom))!important}}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.msg-new{animation:.18s ease-out msgFadeIn}.pull-refresh{text-align:center;color:#4a5a6a;padding:8px;font-size:11px;transition:opacity .2s}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes slideUpMenu{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.messages-area,.bubble-user{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.bubble-chen{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.msg-new,.msg-action-row,.msg-action-btn{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
