:root{--paper:oklch(96% .018 82);--paper-deep:oklch(91% .026 80);--ink:oklch(24% .025 52);--muted:oklch(52% .03 63);--red:oklch(48% .13 28);--line:oklch(82% .035 73);--serif:"Iowan Old Style","Songti SC","STSong",serif;--sans:"Avenir Next","PingFang SC",sans-serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{margin:0;font-family:var(--sans);min-height:100vh;background:radial-gradient(circle at 75% 10%,oklch(99% .012 90),transparent 38%),var(--paper)}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.rail{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:30px 20px 22px;background:var(--ink);color:var(--paper);display:flex;flex-direction:column}.wordmark{display:flex;align-items:center;gap:11px}.wordmark>span{display:grid;place-items:center;width:45px;height:45px;border:1px solid color-mix(in oklch,var(--paper),transparent 55%);font:700 24px var(--serif)}.wordmark div{display:grid;grid-gap:1px;gap:1px}.wordmark strong{font:700 19px var(--serif);letter-spacing:.16em}.wordmark small{font-size:8px;letter-spacing:.22em;opacity:.62}.rail nav{display:grid;grid-gap:3px;gap:3px;margin:58px -6px 20px;overflow:auto}.rail nav button{border:0;background:transparent;color:color-mix(in oklch,var(--paper),transparent 34%);text-align:left;padding:9px 12px;font-size:13px;display:flex;gap:9px;align-items:center;border-radius:2px}.rail nav button i{font-style:normal;color:color-mix(in oklch,var(--paper),transparent 58%)}.rail nav button.active,.rail nav button:hover{background:color-mix(in oklch,var(--paper),transparent 91%);color:var(--paper)}.rail-foot{margin-top:auto;border-top:1px solid color-mix(in oklch,var(--paper),transparent 82%);padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.rail-foot span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-foot button{border:0;background:transparent;color:var(--paper);opacity:.65}.canvas{width:min(100%,980px);padding:clamp(28px,5vw,72px) clamp(22px,6vw,86px) 96px}.masthead{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-bottom:38px}.masthead p{margin:0 0 8px;font-size:9px;letter-spacing:.26em;color:var(--red)}.masthead h1{margin:0;font:500 clamp(30px,4.5vw,54px)/1.05 var(--serif);letter-spacing:-.04em}.search{width:190px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:8px 0}.search input{width:100%;border:0;outline:0;background:transparent;font-size:12px}.composer{position:relative;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);background:color-mix(in oklch,var(--paper),white 32%);padding:24px 24px 16px;box-shadow:12px 12px 0 var(--paper-deep)}.paper-mark{position:absolute;right:18px;top:13px;color:var(--red)}.composer textarea{display:block;width:100%;min-height:126px;resize:vertical;border:0;outline:0;background:transparent;font:500 22px/1.7 var(--serif);padding:4px 30px 14px 0}.composer textarea::placeholder{color:color-mix(in oklch,var(--muted),transparent 24%)}.composer-foot{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:13px}.composer-foot label{min-width:0;flex:1 1;display:flex;align-items:center;gap:8px;color:var(--red)}.composer-foot input{width:100%;border:0;outline:0;background:transparent;font-size:12px}.composer-foot>button{border:0;background:var(--red);color:var(--paper);padding:10px 16px;font-size:12px;font-weight:700}.composer-foot>button:disabled{opacity:.5}.notice{margin-top:24px;padding:11px 14px;font-size:12px;border-left:3px solid}.notice.success{background:oklch(92% .035 145);border-color:oklch(52% .11 145)}.notice.error{background:oklch(92% .04 28);border-color:var(--red)}.stream-head{margin:56px 0 7px;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.2em;color:var(--muted)}.stream-head i{height:1px;background:var(--line);flex:1 1}.memo-stream{display:grid}.memo{--delay:0ms;position:relative;padding:26px 4px 23px 82px;border-bottom:1px solid var(--line);animation:arrive .5s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--delay)}.memo time{position:absolute;left:4px;top:31px;width:62px;color:var(--muted);font-size:9px;line-height:1.4;text-transform:uppercase}.memo p{white-space:pre-wrap;margin:0;font:500 18px/1.8 var(--serif);max-width:66ch}.memo footer{display:flex;justify-content:space-between;gap:18px;margin-top:17px}.memo footer div{display:flex;gap:8px;flex-wrap:wrap}.memo footer button{border:0;background:transparent;color:var(--red);padding:0;font-size:10px}.memo footer .delete{color:var(--muted);opacity:0;transition:opacity .2s}.delete:focus,.memo:hover .delete{opacity:1}.empty{padding:54px 0 30px 82px;border-bottom:1px solid var(--line)}.empty b{font:500 22px var(--serif)}.empty p{color:var(--muted);font-size:13px}.agent-panel{margin-top:70px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.agent-panel summary{list-style:none;padding:18px 0;display:grid;grid-template-columns:120px 1fr auto;align-items:center;cursor:pointer}.agent-panel summary::-webkit-details-marker{display:none}.agent-panel summary span{font-size:9px;letter-spacing:.2em;color:var(--red)}.agent-panel summary strong{font:500 20px var(--serif)}.agent-panel summary i{font-style:normal;font-size:22px;transition:transform .25s}.agent-panel[open] summary i{transform:rotate(45deg)}.agent-body{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(28px,6vw,70px);gap:clamp(28px,6vw,70px);padding:18px 0 42px}.agent-copy h2{font:500 32px/1.1 var(--serif);margin:0 0 12px}.agent-copy p{font-size:12px;line-height:1.7;color:var(--muted)}.agent-copy code,.secret code{font-family:SFMono-Regular,monospace}.agent-copy pre{white-space:pre-wrap;word-break:break-all;background:var(--ink);color:var(--paper);padding:16px;font:10px/1.7 SFMono-Regular,monospace;overflow:auto}.key-box{display:grid;align-content:start;grid-gap:12px;gap:12px}.key-box>label{display:grid;grid-gap:7px;gap:7px;font-size:10px;letter-spacing:.08em}.key-box input{border:1px solid var(--line);background:transparent;padding:11px;outline:0}.key-box input:focus{border-color:var(--red)}.create-key{border:0;background:var(--red);color:var(--paper);padding:12px}.secret{display:grid;grid-gap:9px;gap:9px;padding:14px;background:var(--paper-deep)}.secret span{font-size:10px;color:var(--red)}.secret code{font-size:11px;word-break:break-all}.secret button{justify-self:start;border:0;background:transparent;padding:0;text-decoration:underline}.key-list{display:grid;margin-top:8px}.key-list>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:12px 0}.key-list span{display:grid;grid-gap:3px;gap:3px}.key-list b{font-size:12px}.key-list small{color:var(--muted);font-size:9px}.key-list button{border:0;background:transparent;color:var(--red);font-size:10px}.auth-stage{min-height:100vh;display:grid;place-content:center;justify-items:center;grid-gap:16px;gap:16px;font:14px var(--serif)}.ink-loader{width:30px;height:30px;border:2px solid var(--line);border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}.sign-in{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 34%;background:var(--paper)}.sign-in section{padding:clamp(32px,8vw,110px);display:flex;flex-direction:column;align-items:flex-start}.inverse{color:var(--ink);margin-bottom:auto}.inverse>span{border-color:var(--ink)}.sign-in section>p{margin:80px 0 14px;color:var(--red);font-size:9px;letter-spacing:.24em}.sign-in h1{margin:0;font:500 clamp(45px,7vw,92px)/1.03 var(--serif);letter-spacing:-.06em}.sign-in section>span{max-width:40ch;margin:25px 0;color:var(--muted);font-size:14px;line-height:1.8}.sign-in section>button{margin-top:12px;border:0;background:var(--ink);color:var(--paper);padding:15px 19px;display:flex;gap:28px}.sign-in aside{background:var(--red);color:var(--paper);display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:8%;overflow:hidden}.sign-in aside i{font:500 clamp(42px,7vw,96px) var(--serif);font-style:normal;writing-mode:vertical-rl;opacity:.85}.sign-in aside i:nth-child(2n){transform:translateY(11vh);opacity:.45}@keyframes arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}@media(max-width:760px){.app-shell{display:block}.rail{position:relative;height:auto;padding:17px 18px;display:grid;grid-template-columns:1fr auto}.rail .wordmark>span{width:38px;height:38px}.rail nav{grid-column:1/-1;display:flex;margin:18px -4px 0;overflow:auto;padding-bottom:4px}.rail nav button{white-space:nowrap;padding:8px 10px!important}.rail-foot{border:0;padding:0;margin:0}.rail-foot span{display:none}.canvas{padding:34px 18px 70px}.masthead{display:grid;grid-gap:22px;gap:22px;margin-bottom:28px}.search{width:100%}.masthead h1{font-size:36px}.composer{padding:18px 16px 13px;box-shadow:7px 7px 0 var(--paper-deep)}.composer textarea{min-height:112px;font-size:19px}.composer-foot{align-items:stretch;flex-direction:column}.composer-foot>button{align-self:flex-end}.stream-head{margin-top:45px}.memo{padding:22px 2px}.memo time{position:static;display:block;width:auto;margin-bottom:8px}.memo footer .delete{opacity:1}.empty{padding:40px 2px}.agent-panel summary{grid-template-columns:1fr auto}.agent-panel summary span,.agent-panel summary strong{grid-column:1}.agent-panel summary i{grid-column:2;grid-row:1/3}.agent-body,.sign-in{grid-template-columns:1fr}.sign-in{min-height:100svh}.sign-in section{padding:28px 24px 50px}.sign-in section>p{margin-top:80px}.sign-in h1{font-size:48px}.sign-in aside{display:none}}