:root{--bg: #282828;--bg-elevated: #2f2f2f;--surface: #3c3c3c;--surface-strong: #484848;--surface-border: #4c4c4c;--text: #f0f0f0;--text-muted: #a3a3a3;--accent: #f0f0f0;--accent-contrast: #1a1a1a;--danger: #e5484d;--shadow: rgba(0, 0, 0, .35);--font-sans: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Space Grotesk", var(--font-sans);--font-serif: "Lora", Georgia, "Times New Roman", serif;--container-width: 1100px}:root[data-theme=light]{--bg: #fbf9f6;--bg-elevated: #f7f4ef;--surface: #f7f4ef;--surface-strong: #f0eae0;--surface-border: #efebe4;--text: #191816;--text-muted: #4a4744;--accent: #e07a5f;--accent-contrast: #fbf9f6;--danger: #c0392b;--shadow: rgba(25, 24, 22, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-weight:500;color:var(--text);background:var(--bg);line-height:1.6;transition:background-color .3s ease,color .3s ease}img{max-width:100%;display:block}::selection{background:var(--text);color:var(--accent-contrast)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-strong);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:padding-box}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}button,input{font-family:inherit}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes typingDot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.glass{background:var(--surface);border:1px solid var(--surface-border);border-radius:24px;transition:background-color .3s ease,border-color .3s ease}.site-nav{position:fixed;top:0;left:0;width:100%;z-index:50;background:var(--bg-elevated);border-radius:0;border:none;border-bottom:1px solid var(--surface-border)}.site-nav__inner{max-width:var(--container-width);margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.site-nav__brand{display:flex;align-items:center;gap:10px;text-decoration:none}.wordmark{font-family:var(--font-display);font-weight:700;letter-spacing:.01em;color:var(--text-muted)}.wordmark__accent{color:var(--text)}.site-nav__name{font-size:1.1rem}.site-nav__links{display:flex;align-items:center;gap:20px}.site-nav__links>a:not(.site-nav__cta){color:var(--text-muted);text-decoration:none;font-size:.95rem;transition:color .2s ease}.site-nav__links>a:not(.site-nav__cta):hover{color:var(--text)}.site-nav__cta{text-decoration:none;font-size:.9rem;font-weight:600;padding:8px 18px}.theme-toggle{width:36px;height:36px;border-radius:50%;background:var(--surface-strong);border:1px solid var(--surface-border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;cursor:pointer;transition:transform .25s ease,color .2s ease}.theme-toggle:hover{transform:scale(1.12) rotate(12deg);color:var(--text)}.button-primary{background:var(--text);color:var(--accent-contrast);border:none;border-radius:999px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 8px 20px var(--shadow)}.button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px var(--shadow);opacity:.88}.site-nav__cta{background:transparent;color:var(--text);border:1px solid var(--text-muted);border-radius:999px;cursor:pointer;transition:border-color .2s ease,color .2s ease}.site-nav__cta:hover{border-color:var(--text)}.button-primary{padding:12px 18px;font-size:1rem}.button-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.hero__cta{margin-top:8px;text-decoration:none;padding:14px 30px;font-size:1rem;font-weight:600;display:inline-flex;align-items:center;gap:8px;background:var(--text);color:var(--accent-contrast);border:none;border-radius:999px;cursor:pointer;transition:opacity .2s ease}.hero__cta:hover{opacity:.85}.hero{position:relative;min-height:100vh;width:100%;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:96px 8% 80px;background:var(--bg)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--surface-border) 1px,transparent 1px),linear-gradient(90deg,var(--surface-border) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,black,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black,transparent 70%);opacity:.4}.hero__content{position:relative;z-index:1;max-width:560px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:18px;animation:fadeInUp .8s ease both}.hero__title{font-size:clamp(2.75rem,6vw,4.5rem);margin:0;letter-spacing:-.03em}.hero__tagline{font-family:var(--font-serif);font-size:clamp(1.1rem,2vw,1.4rem);font-weight:400;font-style:italic;color:var(--text-muted);margin:0;max-width:480px;line-height:1.5}.hero__manifesto{position:relative;z-index:1;max-width:480px;justify-self:center;animation:fadeInUp 1s ease both}.hero__manifesto p{font-family:var(--font-serif);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:400;line-height:1.5;color:var(--text-muted);margin:0}.hero__highlight{background:linear-gradient(to bottom,transparent 58%,color-mix(in srgb,var(--accent) 35%,transparent) 58%);padding:0 2px}.page{padding:96px 0;position:relative}.page :is(h2,h3){color:var(--text);scroll-margin-top:96px}.page h2{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);margin:0 0 24px;padding-bottom:14px;position:relative;display:inline-block}.page h2:after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:4px;background:var(--text)}.page h2:not(:first-child){margin-top:72px}.page p{color:var(--text-muted);font-size:1.05rem;max-width:760px}.page strong{color:var(--text);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.page code{background:var(--surface-strong);color:var(--text);padding:2px 6px;border-radius:4px;font-size:.9em}.page ul{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.page ul li{background:var(--surface);border:1px solid var(--surface-border);border-radius:20px;padding:28px;color:var(--text-muted);font-size:.98rem;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.page ul li:hover{transform:translateY(-6px);box-shadow:0 16px 32px var(--shadow);border-color:var(--text-muted)}.page ul li strong{display:block;color:var(--text);font-size:1.05rem;margin-bottom:8px}.chat-page{position:relative;height:100vh;overflow:hidden;display:flex;flex-direction:column;background:var(--bg)}.app-shell{position:relative;z-index:1;flex:1;display:flex;min-height:0;width:100%}.sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;padding:20px 16px;border-right:1px solid var(--surface-border);background:var(--surface);min-height:0;transition:width .25s ease,padding .25s ease}.sidebar__brand-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar__brand{display:flex;align-items:center;gap:8px;min-width:0}.sidebar__brand-name{font-size:1rem;white-space:nowrap}.sidebar__toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.95rem;padding:4px 8px;border-radius:6px;flex-shrink:0;transition:background-color .2s ease,color .2s ease}.sidebar__toggle--logo{position:relative;width:26px;height:26px;padding:0;margin:0 auto}.sidebar__toggle-logo,.sidebar__toggle-chevron{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}.sidebar__toggle-logo{height:26px;width:26px}.sidebar__toggle-chevron,.sidebar__toggle--logo:hover .sidebar__toggle-logo{opacity:0}.sidebar__toggle--logo:hover .sidebar__toggle-chevron{opacity:1}.sidebar__toggle:hover{background:var(--surface-strong);color:var(--text)}.sidebar--collapsed{width:76px;padding:20px 12px;background:transparent}.sidebar--collapsed .sidebar__brand-row,.sidebar--collapsed .sidebar__profile{justify-content:center}.sidebar--collapsed .sidebar__account{align-items:center}.sidebar--collapsed .sidebar__new-chat{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin:0 auto;font-size:1.4rem;font-weight:700;line-height:1}.sidebar__account{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid var(--surface-border)}.sidebar__profile{display:flex;align-items:center;gap:10px}.sidebar__avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.95rem;flex-shrink:0}.sidebar__email{font-size:.85rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__new-chat{background:var(--surface-strong);border:1px solid var(--surface-border);color:var(--text);border-radius:10px;padding:10px 14px;font-size:.9rem;cursor:pointer;text-align:left;transition:border-color .2s ease}.sidebar__new-chat:hover{border-color:var(--text-muted)}.canvas{position:relative;flex:1;min-width:0;overflow:hidden;background:var(--bg);cursor:grab}.canvas:active{cursor:grabbing}.canvas__world{position:absolute;top:0;left:0;transform-origin:0 0}.canvas__edges{position:absolute;top:0;left:0;width:1px;height:1px;overflow:visible;pointer-events:none}.canvas__edges path{fill:none;stroke:var(--surface-border);stroke-width:2}.canvas__node{position:absolute;display:flex;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--surface-border);border-radius:10px;padding:4px 4px 4px 12px;box-shadow:var(--shadow);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease,border-color .2s ease}.canvas__node:hover{background:var(--surface-strong)}.canvas__node--active{border-color:var(--accent);background:var(--surface-strong)}.canvas__node-title{flex:1;min-width:0;padding:8px 4px;font-size:.88rem;color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas__pin-mark{display:inline-flex;margin-right:4px;vertical-align:-1px;color:var(--text-muted)}.canvas__rename-input{flex:1;min-width:0;background:var(--surface-strong);border:1px solid var(--text-muted);color:var(--text);border-radius:8px;padding:8px 10px;font-size:.88rem;margin:1px}.canvas__node-actions{display:flex;gap:2px;opacity:0;pointer-events:none;transition:opacity .15s ease;flex-shrink:0}.canvas__node:hover .canvas__node-actions{opacity:1;pointer-events:auto}.canvas__node-actions button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:5px;border-radius:6px;line-height:1}.canvas__node-actions button:hover{background:var(--surface-border)}.canvas__controls{position:absolute;right:16px;bottom:16px;display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--surface-border);border-radius:10px;padding:4px;box-shadow:var(--shadow)}.canvas__controls button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:6px}.canvas__controls button:hover{background:var(--surface-strong);color:var(--text)}.sidebar__settings-icon{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:5px;border-radius:6px;margin-left:auto;transition:color .2s ease,background-color .2s ease}.sidebar--collapsed .sidebar__settings-icon{margin-left:0}.sidebar__settings-icon:hover{color:var(--text);background:var(--surface-strong)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal{width:100%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;padding:24px;animation:fadeInUp .3s ease both}.modal--wide{max-width:680px}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal__header h3{margin:0;font-family:var(--font-display);color:var(--text)}.modal__close{background:none;border:none;color:var(--text-muted);font-size:1.4rem;cursor:pointer;line-height:1;padding:4px}.modal__close:hover{color:var(--text)}.modal__layout{display:flex;gap:20px;overflow:hidden;min-height:320px}.modal__rail{display:flex;flex-direction:column;gap:2px;width:160px;flex-shrink:0;border-right:1px solid var(--surface-border);padding-right:12px}.modal__rail-item{background:none;border:1px solid transparent;color:var(--text-muted);padding:9px 10px;border-radius:8px;font-size:.88rem;text-align:left;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.modal__rail-item:hover{background:var(--surface-strong);color:var(--text)}.modal__rail-item--active{background:var(--surface-strong);color:var(--text);border-color:var(--accent)}.modal__body{flex:1;overflow-y:auto;color:var(--text-muted);line-height:1.7;font-size:.92rem}.modal__body p{margin:0 0 12px}.modal__body h4{color:var(--text);font-family:var(--font-display);font-size:1rem;margin:20px 0 8px}.modal__body h4:first-child{margin-top:0}.modal__body ul{margin:0 0 12px;padding-left:20px}.modal__body li{margin-bottom:4px}.modal__body strong{color:var(--text)}.modal__badge{display:inline-block;background:var(--surface-strong);color:var(--text);border:1px solid var(--surface-border);border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.modal__divider{border-top:1px solid var(--surface-border);margin:16px 0}.try-card{position:relative;z-index:1;padding:32px;max-width:420px;width:100%;margin:auto;background:var(--surface);border:1px solid var(--surface-border);border-radius:24px;box-shadow:0 20px 44px var(--shadow);animation:fadeInUp .5s ease both}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form__tabs{display:flex;gap:8px;margin-bottom:4px}.auth-form__tab{flex:1;padding:10px;border:1px solid var(--surface-border);background:var(--surface-strong);border-radius:10px;cursor:pointer;color:var(--text-muted);font-size:.95rem;transition:background .2s ease,color .2s ease,border-color .2s ease}.auth-form__tab--active{color:var(--text);border-color:var(--accent)}.auth-form input,.chat__form input{padding:12px 14px;border:1px solid var(--surface-border);background:var(--surface-strong);color:var(--text);border-radius:10px;font-size:1rem}.auth-form input::placeholder,.chat__form input::placeholder{color:var(--text-muted)}.auth-form input:focus,.chat__form input:focus{outline:2px solid var(--accent);outline-offset:1px}.form-error{color:var(--danger);font-size:.9rem;margin:0}.form-hint{color:var(--text-muted);font-size:.85rem;margin:0}.chat{display:flex;flex-direction:column;flex:0 0 440px;min-height:0;min-width:0;border-left:1px solid var(--surface-border);background:var(--surface)}.chat__log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:8px 24px;max-width:760px;width:100%;margin:0 auto}.chat__empty{margin:auto;text-align:center;max-width:480px;padding:0 24px;animation:fadeInUp .6s ease both}.chat__empty-phrase{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;margin:0;color:var(--text)}.chat__bubble{max-width:85%;padding:12px 16px;border-radius:16px;font-size:.95rem;white-space:pre-wrap;animation:fadeInUp .3s ease both}.chat__bubble--user{align-self:flex-end;background:var(--surface-strong);border:1px solid var(--surface-border);color:var(--text);border-bottom-right-radius:4px}.chat__bubble--assistant{align-self:flex-start;background:var(--surface);border:1px solid var(--surface-border);color:var(--text);border-bottom-left-radius:4px;white-space:normal}.chat__bubble-group{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.chat__message-actions{display:flex;gap:4px;padding-left:4px}.chat__message-actions button{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-muted);font-size:.78rem;padding:3px 8px;border-radius:6px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.chat__message-actions button:disabled{cursor:default;opacity:.6}.chat__message-actions button:hover{background:var(--surface-strong);color:var(--text)}.model-select{position:relative;flex-shrink:0}.model-select__trigger{display:flex;align-items:center;gap:4px;background:transparent;border:none;border-right:1px solid var(--surface-border);color:var(--text-muted);padding:8px 10px 8px 12px;margin-right:4px;font-size:.8rem;cursor:pointer;transition:color .2s ease}.model-select__trigger:hover{color:var(--text)}.model-select__menu{position:absolute;bottom:calc(100% + 8px);left:0;display:flex;flex-direction:column;gap:2px;min-width:170px;padding:6px;background:var(--surface-strong);border:1px solid var(--surface-border);border-radius:14px;box-shadow:0 12px 28px var(--shadow);z-index:10;animation:fadeInUp .15s ease both}.model-select__option{background:none;border:1px solid transparent;color:var(--text-muted);text-align:left;padding:8px 10px;border-radius:8px;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.model-select__option:hover{background:var(--surface-border);color:var(--text)}.model-select__option--active{color:var(--text);border-color:var(--accent)}.chat__typing{display:inline-flex;gap:6px;padding:4px 2px}.chat__typing span{width:8px;height:8px;border-radius:50%;background:var(--text-muted);animation:typingDot 1.2s infinite ease-in-out}.chat__typing span:nth-child(2){animation-delay:.2s}.chat__typing span:nth-child(3){animation-delay:.4s}.chat__form-wrap{max-width:760px;width:calc(100% - 48px);margin:0 auto 24px;display:flex;flex-direction:column;gap:8px}.chat__form{display:flex;align-items:center;gap:6px;padding:8px;background:var(--surface-strong);border:1px solid var(--surface-border);border-radius:999px;box-shadow:0 12px 28px var(--shadow)}.chat__form input{flex:1;background:transparent;border:none;padding:8px 0}.chat__form input:focus{outline:none}.chat__attach-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;background:none;border:none;color:var(--text-muted);border-radius:50%;cursor:pointer;transition:background-color .2s ease,color .2s ease}.chat__attach-button:hover:not(:disabled){background:var(--surface-border);color:var(--text)}.chat__attach-button:disabled{opacity:.4;cursor:not-allowed}.chat__attachments{display:flex;gap:8px;flex-wrap:wrap;padding:0 4px}.chat__attachment{position:relative;width:56px;height:56px;border-radius:10px;overflow:hidden;border:1px solid var(--surface-border)}.chat__attachment img{width:100%;height:100%;object-fit:cover}.chat__attachment button{position:absolute;top:2px;right:2px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;padding:0}.chat__form .button-primary{width:40px;height:40px;padding:0;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1}.markdown p{margin:0 0 10px}.markdown p:last-child{margin-bottom:0}.markdown pre{background:#00000040;padding:12px 14px;border-radius:10px;overflow-x:auto;font-size:.85rem}.markdown code{background:var(--surface-strong);padding:2px 6px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.markdown pre code{background:none;padding:0}.markdown ul,.markdown ol{margin:8px 0;padding-left:20px}.markdown a{color:var(--text)}.markdown h1,.markdown h2,.markdown h3{font-family:var(--font-display);margin:14px 0 6px}.markdown blockquote{border-left:3px solid var(--text-muted);margin:8px 0;padding-left:12px;color:var(--text-muted)}.site-footer{background:transparent;border-top:1px solid var(--surface-border);color:var(--text-muted);padding:32px 24px}.site-footer__inner{max-width:var(--container-width);margin:0 auto;display:flex;align-items:center;gap:12px;font-size:.9rem}.site-footer__contact{margin-left:auto;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.site-footer__contact:hover{color:var(--text)}@media (max-width: 900px){.hero{grid-template-columns:1fr;gap:56px;padding-top:120px}.hero__content{max-width:none}.hero__manifesto{justify-self:stretch;max-width:none}}@media (max-width: 640px){.site-nav__links>a:not(.site-nav__cta){display:none}}