@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);color:var(--ef-fg1);letter-spacing:-.01em;margin-bottom:var(--ef-s-12);transition:margin-bottom .6s var(--ef-ease-settle);align-items:center;font-size:22px;font-weight:700;display:flex}.gate-logo .bracket{color:var(--ef-peach)}.gate-logo-tail{white-space:nowrap;max-width:150px;transition:max-width .35s var(--ef-ease-panel), opacity .2s var(--ef-ease-settle);display:inline-block;overflow:hidden}.gate-animating .gate-logo{margin-bottom:0}.gate-animating .gate-logo-tail{opacity:0;max-width:0}.gate-form{gap:var(--ef-s-3);width:100%;max-width:320px;max-height:200px;transition:opacity .3s var(--ef-ease-settle), max-height .5s var(--ef-ease-settle) .1s;flex-direction:column;display:flex}.gate-animating .gate-form{opacity:0;pointer-events:none;max-height:0;overflow:hidden}.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:100dvh;display:flex;overflow:hidden}.chat-header{padding:var(--ef-s-4) var(--ef-s-6);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.chat-header-logo{font-family:var(--ef-mono);color:var(--ef-fg1);letter-spacing:var(--ef-ls-mono);font-size:22px;font-weight:700}.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-body);font-weight:var(--ef-fw-med);letter-spacing:var(--ef-ls-mono);padding:var(--ef-s-2) var(--ef-s-4);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;transform:translateY(3px)}.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;-webkit-mask-image:linear-gradient(#0000 0,#000 24px);mask-image:linear-gradient(#0000 0,#000 24px)}.chat-messages-inner{gap:var(--ef-s-12);flex-direction:column;width:100%;max-width:680px;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-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);color:var(--ef-fg1);font-size:16px;line-height:var(--ef-lh-body);white-space:pre-wrap}.message-content-assistant{max-width:100%;font-family:var(--ef-sans);color:var(--ef-fg2);font-size:16px;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);background:var(--ef-page);flex-shrink:0}.chat-input-inner{align-items:flex-end;gap:var(--ef-s-2);max-width:680px;padding:var(--ef-s-3);background:var(--ef-page);border:var(--ef-border-1);transition:border-color var(--ef-dur-hover) var(--ef-ease-settle);border-radius:20px;margin:0 auto;display:flex}.chat-input-inner:focus-within{border-color:var(--ef-peach)}.chat-input{font-family:var(--ef-sans);font-size:16px;line-height:var(--ef-lh-body);padding:var(--ef-s-2) var(--ef-s-2);color:var(--ef-fg1);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:36px;max-height:200px;overflow-y:hidden}.chat-input::placeholder{color:var(--ef-fg4)}.chat-send{background:var(--ef-peach);width:32px;height:32px;color:var(--ef-peach-text);cursor:pointer;transition:background var(--ef-dur-hover) var(--ef-ease-settle);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.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%}.chat-input{font-size:16px}.gate{min-height:100dvh}}.sidebar{background:var(--ef-page);border-right:var(--ef-hairline);width:280px;transition:transform var(--ef-dur-panel) var(--ef-ease-panel);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-backdrop{z-index:99;background:#1a181626;display:none;position:fixed;inset:0}.sidebar-header{padding:var(--ef-s-5) var(--ef-s-4) var(--ef-s-4);flex-shrink:0}.sidebar-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)}.sidebar-logo .bracket{color:var(--ef-peach)}.sidebar-new-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-4);margin:var(--ef-s-3) var(--ef-s-4);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);text-align:center;width:calc(100% - var(--ef-s-8));background:0 0}.sidebar-new-btn:hover{color:var(--ef-fg1);border-color:var(--ef-fg3)}.sidebar-list{padding:var(--ef-s-2) var(--ef-s-4);flex:1;overflow-y:auto}.sidebar-empty{font-family:var(--ef-mono);font-size:var(--ef-fs-meta);color:var(--ef-fg4);letter-spacing:var(--ef-ls-mono);padding:var(--ef-s-4) var(--ef-s-4);text-align:center}.sidebar-item{border-radius:var(--ef-r-sm);transition:background var(--ef-dur-hover) var(--ef-ease-settle);margin-bottom:var(--ef-s-1);justify-content:space-between;align-items:center;display:flex}.sidebar-item:hover,.sidebar-item-active{background:var(--ef-card)}.sidebar-item-content{padding:var(--ef-s-3) var(--ef-s-4);cursor:pointer;flex:1;min-width:0}.sidebar-item-title{font-family:var(--ef-sans);font-size:var(--ef-fs-small);color:var(--ef-fg2);white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.sidebar-item-meta{font-family:var(--ef-mono);font-size:var(--ef-fs-meta);color:var(--ef-fg4);letter-spacing:var(--ef-ls-mono);margin-top:var(--ef-s-1)}.sidebar-item-actions{padding-right:var(--ef-s-2);flex-shrink:0}.sidebar-delete-btn{color:var(--ef-fg4);cursor:pointer;padding:var(--ef-s-1) var(--ef-s-2);border-radius:var(--ef-r-sm);transition:color var(--ef-dur-hover) var(--ef-ease-settle);opacity:0;background:0 0;border:none;font-size:16px}.sidebar-item:hover .sidebar-delete-btn{opacity:1}.sidebar-delete-btn:hover{color:var(--ef-brick)}.sidebar-delete-confirm{gap:var(--ef-s-1);display:flex}.sidebar-delete-yes,.sidebar-delete-no{font-family:var(--ef-mono);letter-spacing:var(--ef-ls-mono);padding:var(--ef-s-1) var(--ef-s-2);border-radius:var(--ef-r-sm);cursor:pointer;border:none;font-size:10px}.sidebar-delete-yes{background:var(--ef-brick);color:var(--ef-peach-text)}.sidebar-delete-no{color:var(--ef-fg4);background:0 0}@media (min-width:769px){.chat-container{transition:margin-left var(--ef-dur-panel) var(--ef-ease-panel)}.chat-container.sidebar-active{margin-left:280px}}@media (max-width:768px){.sidebar{width:85%}.sidebar-backdrop{display:block}.sidebar-delete-btn{opacity:1}}