@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fira+Mono:wght@400;500;700&display=swap";
:root{--ef-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ef-mono:"Fira Mono", monospace;--ef-page:#faf8f4;--ef-card:#f5f2eb;--ef-border:#d8d2c6;--ef-fg1:#1a1816;--ef-fg2:#3d3a36;--ef-fg3:#756f66;--ef-fg4:#a59e93;--ef-peach:#d17258;--ef-peach-hover:#ba624a;--ef-peach-text:#faf8f4;--ef-sage:#6f8a75;--ef-teal:#6b8f93;--ef-cloud:#c9d4d6;--ef-success:#5e7d66;--ef-warning:#b8864a;--ef-brick:#b1503a;--ef-frame:var(--ef-page);--ef-content:var(--ef-page);--ef-fg-inverse:var(--ef-peach-text);--ef-link:var(--ef-fg1);--ef-link-hover:var(--ef-peach);--ef-fs-display:clamp(34px, 4vw, 48px);--ef-fs-h1:24px;--ef-fs-h2:20px;--ef-fs-h3:16px;--ef-fs-lead:16px;--ef-fs-body:14px;--ef-fs-small:12px;--ef-fs-kicker:11px;--ef-fs-meta:11px;--ef-fs-btn:12px;--ef-lh-display:1.05;--ef-lh-h1:1.15;--ef-lh-h2:1.2;--ef-lh-body:1.6;--ef-ls-display:-.02em;--ef-ls-mono:.08em;--ef-fw-reg:400;--ef-fw-med:500;--ef-s-1:4px;--ef-s-2:8px;--ef-s-3:12px;--ef-s-4:16px;--ef-s-5:20px;--ef-s-6:24px;--ef-s-8:32px;--ef-s-10:40px;--ef-s-12:48px;--ef-s-15:60px;--ef-s-20:80px;--ef-frame-padding:8px;--ef-content-padding:40px;--ef-section-gap:60px;--site-max-width:1440px;--site-gutter:clamp(20px, 5vw, 80px);--ef-r-sm:6px;--ef-r-md:10px;--ef-r-lg:12px;--ef-hairline:.5px solid var(--ef-border);--ef-border-1:1px solid var(--ef-border);--ef-dur-hover:.22s;--ef-dur-chip:.18s;--ef-dur-panel:.52s;--ef-dur-line:.3s;--ef-ease-settle:cubic-bezier(.22, .61, .36, 1);--ef-ease-symmetric:cubic-bezier(.45, .05, .55, .95);--ef-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ef-ease-elastic:cubic-bezier(.34, 1.48, .64, 1);--ef-ease-panel:cubic-bezier(.16, 1, .3, 1)}.ef-ink{--ef-page:#1c1d1f;--ef-card:#24252a;--ef-border:#4f4d49;--ef-fg1:#f9f7f2;--ef-fg2:#eeebe5;--ef-fg3:#e3e0da;--ef-fg4:#86837e;--ef-peach:#e58d72;--ef-sage:#9ab29f;--ef-teal:#88adb1;--ef-cloud:#3a4448;--ef-success:#86a68c;--ef-warning:#d3a26c;--ef-brick:#d07960}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--ef-sans);font-size:var(--ef-fs-body);font-weight:var(--ef-fw-reg);line-height:var(--ef-lh-body);color:var(--ef-fg2);background-color:var(--ef-page)}::selection{background:#e58d7266}:focus-visible{outline:2px solid var(--ef-peach);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ef-mono{font-family:var(--ef-mono);text-transform:none;letter-spacing:var(--ef-ls-mono)}@media (max-width:768px){:root{--ef-frame-padding:5px}}
.gate{background:var(--ef-page);min-height:100vh;padding:var(--ef-s-6);flex-direction:column;justify-content:center;align-items:center;display:flex}.gate-logo{font-family:var(--ef-mono);font-size:var(--ef-fs-h1);font-weight:var(--ef-fw-med);color:var(--ef-fg1);letter-spacing:var(--ef-ls-mono);margin-bottom:var(--ef-s-12)}.gate-logo .bracket{color:var(--ef-peach)}.gate-form{gap:var(--ef-s-3);flex-direction:column;width:100%;max-width:320px;display:flex}.gate-input{font-family:var(--ef-sans);font-size:var(--ef-fs-body);padding:var(--ef-s-3) var(--ef-s-4);border:var(--ef-border-1);border-radius:var(--ef-r-sm);background:var(--ef-page);color:var(--ef-fg1);transition:border-color var(--ef-dur-hover) var(--ef-ease-settle);outline:none}.gate-input::placeholder{color:var(--ef-fg4)}.gate-input:focus{border-color:var(--ef-peach)}.gate-btn{font-family:var(--ef-mono);font-size:var(--ef-fs-btn);font-weight:var(--ef-fw-med);letter-spacing:var(--ef-ls-mono);padding:var(--ef-s-3) var(--ef-s-6);background:var(--ef-peach);color:var(--ef-peach-text);border-radius:var(--ef-r-sm);cursor:pointer;transition:background var(--ef-dur-hover) var(--ef-ease-settle);border:none}.gate-btn:hover{background:var(--ef-peach-hover)}.gate-btn:disabled{opacity:.5;cursor:not-allowed}.gate-error{font-family:var(--ef-sans);font-size:var(--ef-fs-small);color:var(--ef-brick);text-align:center}.chat-container{background:var(--ef-page);flex-direction:column;height:100vh;display:flex}.chat-header{padding:var(--ef-s-4) var(--ef-s-6);border-bottom:var(--ef-hairline);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.chat-header-logo{font-family:var(--ef-mono);font-size:var(--ef-fs-h3);font-weight:var(--ef-fw-med);color:var(--ef-fg1);letter-spacing:var(--ef-ls-mono)}.chat-header-logo .bracket{color:var(--ef-peach)}.chat-header-actions{gap:var(--ef-s-3);display:flex}.chat-header-btn{font-family:var(--ef-mono);font-size:var(--ef-fs-kicker);font-weight:var(--ef-fw-med);letter-spacing:var(--ef-ls-mono);padding:var(--ef-s-1) var(--ef-s-3);color:var(--ef-fg3);border:var(--ef-hairline);border-radius:var(--ef-r-sm);cursor:pointer;transition:all var(--ef-dur-hover) var(--ef-ease-settle);background:0 0}.chat-header-btn:hover{color:var(--ef-fg1);border-color:var(--ef-fg3)}.chat-messages{padding:var(--ef-s-6) var(--ef-s-6);gap:var(--ef-s-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-messages-inner{gap:var(--ef-s-6);flex-direction:column;width:100%;max-width:800px;margin:0 auto;display:flex}.chat-empty{justify-content:center;align-items:center;gap:var(--ef-s-3);opacity:.6;flex-direction:column;flex:1;display:flex}.chat-empty-logo{font-family:var(--ef-mono);font-size:var(--ef-fs-h2);font-weight:var(--ef-fw-med);color:var(--ef-fg3);letter-spacing:var(--ef-ls-mono)}.chat-empty-logo .bracket{color:var(--ef-peach)}.chat-empty-hint{font-family:var(--ef-sans);font-size:var(--ef-fs-small);color:var(--ef-fg4)}.message{gap:var(--ef-s-1);flex-direction:column;display:flex}.message-user{align-items:flex-end}.message-assistant{align-items:flex-start}.message-label{font-family:var(--ef-mono);font-size:var(--ef-fs-meta);font-weight:var(--ef-fw-med);letter-spacing:var(--ef-ls-mono);color:var(--ef-fg4);padding:0 var(--ef-s-1)}.message-content-user{background:var(--ef-card);border:var(--ef-hairline);border-radius:var(--ef-r-md);padding:var(--ef-s-3) var(--ef-s-4);max-width:75%;font-family:var(--ef-sans);font-size:var(--ef-fs-body);color:var(--ef-fg1);line-height:var(--ef-lh-body);white-space:pre-wrap}.message-content-assistant{max-width:100%;font-family:var(--ef-sans);font-size:var(--ef-fs-body);color:var(--ef-fg2);line-height:var(--ef-lh-body)}.message-content-assistant h1,.message-content-assistant h2,.message-content-assistant h3,.message-content-assistant h4{font-family:var(--ef-sans);color:var(--ef-fg1);margin-top:var(--ef-s-5);margin-bottom:var(--ef-s-2)}.message-content-assistant h1{font-size:var(--ef-fs-h1);line-height:var(--ef-lh-h1);font-weight:600}.message-content-assistant h2{font-size:var(--ef-fs-h2);line-height:var(--ef-lh-h2);font-weight:600}.message-content-assistant h3{font-size:var(--ef-fs-h3);line-height:var(--ef-lh-h2);font-weight:600}.message-content-assistant p{margin-bottom:var(--ef-s-3)}.message-content-assistant p:last-child{margin-bottom:0}.message-content-assistant strong{color:var(--ef-fg1);font-weight:600}.message-content-assistant em{font-style:italic}.message-content-assistant ul,.message-content-assistant ol{padding-left:var(--ef-s-5);margin-bottom:var(--ef-s-3)}.message-content-assistant li{margin-bottom:var(--ef-s-1)}.message-content-assistant code{font-family:var(--ef-mono);font-size:var(--ef-fs-small);background:var(--ef-card);padding:1px var(--ef-s-1);border:var(--ef-hairline);border-radius:3px}.message-content-assistant pre{background:var(--ef-card);border:var(--ef-hairline);border-radius:var(--ef-r-sm);padding:var(--ef-s-4);margin-bottom:var(--ef-s-3);overflow-x:auto}.message-content-assistant pre code{background:0 0;border:none;padding:0}.message-content-assistant table{border-collapse:collapse;width:100%;margin-bottom:var(--ef-s-3);font-size:var(--ef-fs-small)}.message-content-assistant th,.message-content-assistant td{text-align:left;padding:var(--ef-s-2) var(--ef-s-3);border-bottom:var(--ef-hairline)}.message-content-assistant th{color:var(--ef-fg1);font-weight:600;font-size:var(--ef-fs-meta);font-family:var(--ef-mono);letter-spacing:var(--ef-ls-mono)}.message-content-assistant blockquote{border-left:2px solid var(--ef-peach);padding-left:var(--ef-s-4);margin-bottom:var(--ef-s-3);color:var(--ef-fg3);font-style:italic}.message-content-assistant hr{border:none;border-top:var(--ef-hairline);margin:var(--ef-s-5) 0}.streaming-cursor{background:var(--ef-peach);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.thinking{align-items:center;gap:var(--ef-s-2);padding:var(--ef-s-3) 0;display:flex}.thinking-dots{gap:4px;display:flex}.thinking-dot{background:var(--ef-fg4);border-radius:50%;width:4px;height:4px;animation:1.4s ease-in-out infinite thinking-pulse}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}@keyframes thinking-pulse{0%,80%,to{opacity:.3;transform:scale(1)}40%{opacity:1;transform:scale(1.2)}}.chat-input-area{padding:var(--ef-s-4) var(--ef-s-6);border-top:var(--ef-hairline);background:var(--ef-page);flex-shrink:0}.chat-input-inner{gap:var(--ef-s-3);align-items:flex-end;max-width:800px;margin:0 auto;display:flex}.chat-input{font-family:var(--ef-sans);font-size:var(--ef-fs-body);line-height:var(--ef-lh-body);padding:var(--ef-s-3) var(--ef-s-4);border:var(--ef-border-1);border-radius:var(--ef-r-sm);background:var(--ef-page);color:var(--ef-fg1);resize:none;min-height:44px;max-height:200px;transition:border-color var(--ef-dur-hover) var(--ef-ease-settle);outline:none;flex:1}.chat-input::placeholder{color:var(--ef-fg4)}.chat-input:focus{border-color:var(--ef-peach)}.chat-send{font-family:var(--ef-mono);font-size:var(--ef-fs-btn);font-weight:var(--ef-fw-med);letter-spacing:var(--ef-ls-mono);padding:var(--ef-s-3) var(--ef-s-5);background:var(--ef-peach);color:var(--ef-peach-text);border-radius:var(--ef-r-sm);cursor:pointer;transition:background var(--ef-dur-hover) var(--ef-ease-settle);border:none;flex-shrink:0;height:44px}.chat-send:hover{background:var(--ef-peach-hover)}.chat-send:disabled{opacity:.4;cursor:not-allowed}.usage-badge{font-family:var(--ef-mono);letter-spacing:var(--ef-ls-mono);color:var(--ef-fg4);margin-top:var(--ef-s-2);opacity:.5;font-size:10px}@media (max-width:768px){.chat-header{padding:var(--ef-s-3) var(--ef-s-4)}.chat-messages{padding:var(--ef-s-4)}.chat-input-area{padding:var(--ef-s-3) var(--ef-s-4)}.message-content-user{max-width:90%}}