@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";
@font-face{font-family:Halenoir;src:url(/fonts/Halenoir-SemiBold.otf)format("opentype");font-weight:600;font-style:normal;font-display:swap}:root{--font-halenoir:"Halenoir", "DM Sans", sans-serif;--font-body:"DM Sans", sans-serif;--bg-main:#f4f7ff;--text-main:#111826;--text-soft:#4e5a70;--surface:#ffffffc2;--surface-border:#0f23431a;--input-bg:#ffffffeb;--input-border:#0f234338;--accent:#111;--accent-text:#fff;--error:#ae2b35;--matrix-glyph:#0f234340;--matrix-trail:#f4f7ff1a}html[data-theme=light]{--bg-main:#f4f7ff;--text-main:#111826;--text-soft:#4e5a70;--surface:#ffffffc2;--surface-border:#0f23431a;--input-bg:#ffffffeb;--input-border:#0f234338;--accent:#111;--accent-text:#fff;--matrix-glyph:#0f234340;--matrix-trail:#f4f7ff1a}html[data-theme=dark]{--bg-main:#070b14;--text-main:#eef3ff;--text-soft:#9eb3d3;--surface:#0d1422db;--surface-border:#b7d3ff1f;--input-bg:#0b121fe6;--input-border:#b7d3ff38;--accent:#eef3ff;--accent-text:#070b14;--matrix-glyph:#76abff6b;--matrix-trail:#070b1424}html[data-theme=custom]{--bg-main:#16213e;--text-main:#efc07b;--text-soft:#f3d9ab;--surface:#0f3460ba;--surface-border:#efc07b47;--input-bg:#0f3460eb;--input-border:#efc07b5c;--accent:#111;--accent-text:#fff;--matrix-glyph:#efc07b6e;--matrix-trail:#16213e1c}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{font-family:var(--font-body);background:radial-gradient(circle at 15% 15%, #ffffff1f, transparent 44%), radial-gradient(circle at 80% 0%, #0f346040, transparent 36%), var(--bg-main);color:var(--text-main)}a{color:inherit;text-decoration:none}.app-shell,.chat-shell{min-height:100vh;position:relative;overflow-x:hidden}.matrix-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}.theme-toggle{z-index:4;border:1px solid var(--surface-border);background:var(--surface);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex;position:fixed;top:20px;right:20px}.theme-toggle-icon{object-fit:contain;pointer-events:none;width:24px;height:24px}.main-content{z-index:1;flex-direction:column;align-items:center;gap:30px;width:100%;min-height:100vh;padding:72px 24px 90px;display:flex;position:relative}.landing-block{flex-direction:column;align-items:center;gap:24px;width:100%;margin-top:60px;display:flex}.landing-title{font-family:var(--font-halenoir);letter-spacing:.02em;margin:0;font-size:clamp(2.5rem,7vw,5.4rem);line-height:.95}.ask-form{justify-content:center;width:100%;display:flex}.input-shell{width:min(60vw,940px);min-width:280px;position:relative}.ask-input{border:1px solid var(--input-border);background:var(--input-bg);width:100%;height:70px;color:var(--text-main);font-family:var(--font-body);border-radius:45px;outline:none;padding:0 78px 0 24px;font-size:1.08rem;transition:border-color .18s,box-shadow .18s}.ask-input:focus,.chat-textarea:focus{border-color:color-mix(in srgb, var(--text-main) 30%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--surface-border) 42%, transparent)}.ask-input::placeholder,.chat-textarea::placeholder{color:color-mix(in srgb, var(--text-soft) 84%, transparent)}.send-button{background:var(--accent);width:50px;height:50px;color:var(--accent-text);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.send-button:disabled{opacity:.58;cursor:not-allowed}.chat-shell{flex-direction:column;height:100dvh;display:flex}.chat-header{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb, var(--surface-border) 84%, transparent);justify-content:center;align-items:center;height:64px;display:flex;position:fixed;top:0;left:0;right:0}.chat-brand{font-family:var(--font-halenoir);letter-spacing:.02em;font-size:1.4rem}.chat-main{z-index:1;flex:1;min-height:0;padding-top:72px;padding-bottom:156px;position:relative}.chat-scroll{scrollbar-gutter:stable;width:min(900px,100%);height:100%;margin:0 auto;padding:0 16px 24px;overflow-y:auto}.chat-empty-state{text-align:center;background:var(--surface);border:1px solid var(--surface-border);border-radius:26px;max-width:640px;margin:120px auto 0;padding:26px}.chat-empty-title{font-family:var(--font-halenoir);margin:0;font-size:1.5rem}.chat-empty-subtitle{color:var(--text-soft);margin:10px 0 0;line-height:1.5}.msg-row{margin:14px 0;display:flex}.msg-row.user{justify-content:flex-end}.msg-row.assistant{justify-content:flex-start}.msg-bubble{border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:22px;max-width:min(780px,93%)}.msg-bubble.user{background:var(--accent);color:var(--accent-text);border-color:color-mix(in srgb, var(--accent) 30%, transparent);padding:14px 16px}.msg-bubble.assistant{background:var(--surface);color:var(--text-main);padding:16px}.user-message-text{white-space:pre-wrap;margin:0;line-height:1.45}.assistant-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.assistant-model{color:var(--text-soft);letter-spacing:.03em;font-size:.74rem}.share-button{border:1px solid var(--surface-border);color:var(--text-main);font-size:.8rem;font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px}.typing-bubble{align-items:center;gap:8px;display:inline-flex}.typing-dot{background:color-mix(in srgb, var(--text-main) 62%, transparent);border-radius:999px;width:8px;height:8px;animation:1s ease-in-out infinite pulse-dot}.typing-dot:nth-child(2){animation-delay:.12s}.typing-dot:nth-child(3){animation-delay:.24s}@keyframes pulse-dot{0%,to{opacity:.28;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.chat-composer-dock{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg, color-mix(in srgb, var(--bg-main) 45%, transparent) 0%, color-mix(in srgb, var(--bg-main) 88%, transparent) 22%, var(--bg-main) 100%);border-top:1px solid color-mix(in srgb, var(--surface-border) 84%, transparent);padding:12px 16px 18px;position:fixed;bottom:0;left:0;right:0}.chat-composer{background:var(--input-bg);border:1px solid var(--input-border);border-radius:24px;align-items:center;gap:10px;width:min(900px,100%);min-height:72px;margin:0 auto;padding:8px 10px 8px 14px;display:flex}.chat-textarea{resize:none;width:100%;min-height:46px;max-height:220px;color:var(--text-main);font-family:var(--font-body);box-sizing:border-box;background:0 0;border:0;outline:none;padding:10px 0;font-size:1rem;line-height:1.45;overflow-y:hidden}.chat-composer .send-button{width:46px;height:46px;position:static;transform:none}.composer-error{width:min(900px,100%);color:var(--error);margin:8px auto 0;font-size:.86rem}.markdown-prose{color:var(--text-main);font-size:.97rem;line-height:1.62}.markdown-prose>:first-child{margin-top:0}.markdown-prose>:last-child{margin-bottom:0}.markdown-prose p,.markdown-prose ul,.markdown-prose ol,.markdown-prose blockquote,.markdown-prose pre,.markdown-prose table{margin:0 0 12px}.markdown-prose ul,.markdown-prose ol{padding-left:18px}.markdown-prose li+li{margin-top:4px}.markdown-prose code{background:color-mix(in srgb, var(--surface-border) 30%, transparent);border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em}.markdown-prose pre{background:color-mix(in srgb, var(--surface-border) 30%, transparent);border-radius:12px;padding:10px 12px;overflow-x:auto}.markdown-prose pre code{background:0 0;padding:0}.markdown-prose a{text-underline-offset:2px;text-decoration:underline}.markdown-prose blockquote{border-left:3px solid color-mix(in srgb, var(--surface-border) 70%, transparent);color:var(--text-soft);padding-left:12px}.md-table-wrap{border:1px solid color-mix(in srgb, var(--surface-border) 90%, transparent);border-radius:12px;width:100%;overflow-x:auto}.markdown-prose table{border-collapse:collapse;width:100%;min-width:500px}.markdown-prose th,.markdown-prose td{border-bottom:1px solid color-mix(in srgb, var(--surface-border) 90%, transparent);text-align:left;vertical-align:top;padding:8px 10px}.markdown-prose th{font-weight:700}.markdown-prose tr:last-child td{border-bottom:0}.dev-shell{min-height:100vh;position:relative}.dev-header{z-index:2;justify-content:center;align-items:center;height:74px;display:flex;position:relative}.dev-brand{font-family:var(--font-halenoir);letter-spacing:.02em;font-size:1.7rem}.dev-main{z-index:1;width:min(1180px,100% - 32px);margin:0 auto;padding:6px 0 26px;position:relative}.dev-form-card,.dev-preview-card{background:var(--surface);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:22px}.dev-form-card{margin-bottom:14px;padding:18px}.dev-title{font-family:var(--font-halenoir);letter-spacing:.01em;margin:0 0 12px;font-size:clamp(1.4rem,2.6vw,2rem)}.dev-form{flex-direction:column;gap:10px;display:flex}.dev-textarea{resize:vertical;border:1px solid var(--input-border);background:var(--input-bg);width:100%;min-height:120px;max-height:260px;color:var(--text-main);font-family:var(--font-body);border-radius:14px;outline:none;padding:13px 14px;font-size:.98rem;line-height:1.5}.dev-textarea:focus{border-color:color-mix(in srgb, var(--text-main) 30%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--surface-border) 42%, transparent)}.dev-textarea::placeholder{color:color-mix(in srgb, var(--text-soft) 84%, transparent)}.dev-generate-button{background:var(--accent);color:var(--accent-text);font-family:var(--font-body);cursor:pointer;border:0;border-radius:12px;align-self:flex-start;padding:10px 16px;font-size:.92rem;font-weight:700}.dev-generate-button:disabled{opacity:.58;cursor:not-allowed}.dev-hint,.dev-model,.dev-error{margin:8px 0 0;font-size:.85rem}.dev-hint{color:var(--text-soft);line-height:1.45}.dev-model{color:var(--text-soft)}.dev-error{color:var(--error)}.dev-preview-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.dev-preview-card{flex-direction:column;min-height:520px;padding:14px;display:flex}.dev-card-title{font-family:var(--font-halenoir);margin:0 0 10px;font-size:1.07rem}.dev-preview-frame{border:1px solid color-mix(in srgb, var(--surface-border) 90%, transparent);background:#fff;border-radius:12px;flex:1;width:100%;min-height:430px}.dev-empty{color:var(--text-soft);margin:0;font-size:.92rem;line-height:1.5}.dev-code{border:1px solid color-mix(in srgb, var(--surface-border) 90%, transparent);background:color-mix(in srgb, var(--surface-border) 16%, transparent);white-space:pre-wrap;word-break:break-word;border-radius:12px;flex:1;width:100%;min-height:430px;margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.82rem;line-height:1.45;overflow:auto}@media (max-width:960px){.landing-block{margin-top:54px}.input-shell{width:min(92vw,680px)}.chat-header{height:58px}.chat-main{padding-top:66px;padding-bottom:148px}.msg-bubble{max-width:97%}.chat-composer-dock{padding-left:10px;padding-right:10px}.chat-composer{border-radius:20px;min-height:66px;padding:7px 8px 7px 12px}.chat-textarea{min-height:42px;padding:8px 0;font-size:.97rem}.chat-composer .send-button{width:42px;height:42px}.dev-main{width:min(100%,100% - 18px);padding-bottom:18px}.dev-form-card{padding:14px}.dev-preview-grid{grid-template-columns:1fr}.dev-preview-card{min-height:430px;padding:12px}.dev-preview-frame,.dev-code{min-height:320px}.dev-generate-button{text-align:center;width:100%}}