@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&family=Caveat:wght@500&display=swap";
:root{--ink:#393942;--muted:#939099;--purple:#8971c9;--paper:#fbfafc}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input{font:inherit}button{color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,.canvas:focus-visible{outline-offset:5px;outline:2px solid #a392d2}button{border:0}a{color:inherit;text-decoration:none}.app{height:100dvh;position:relative;overflow:hidden}.floating-header{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;gap:15px;padding:25px 32px;display:flex;position:absolute;top:0;left:0;right:0}.floating-header>*{pointer-events:auto}.brand{letter-spacing:-.5px;align-items:center;gap:11px;font-size:15px;font-weight:700;display:flex}.brand-period{color:#9c89c6}.loop-logo{color:#f9f5ff;text-align:center;background:#47404f;border-radius:11px 11px 11px 3px;width:32px;height:32px;font-family:Manrope,sans-serif;font-size:27px;font-weight:600;line-height:29px;position:relative}.loop-logo>span{color:#9983bc;font-size:15px;position:absolute;top:-9px;right:-6px}.view-switch{background:#fffe;border:1px solid #e9e6ee;border-radius:14px;gap:4px;padding:5px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 3px 9px #42365505}.view-switch button{color:#99939e;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:12px;display:flex}.view-switch button.chosen{color:#64537e;background:#eeebf4}.nav-badge{background:#f0edf3;border-radius:5px;padding:1px 5px;font-size:9px}.room{color:#7f7888;align-items:center;gap:8px;font-size:11px;display:flex}.room-dot{background:#a1b6a1;border-radius:50%;width:6px;height:6px}.room-avatars{margin-left:6px;padding-left:5px;display:flex}.room-avatars>span{background:#f0ebf5;border:2px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;margin-left:-6px;font-size:15px;display:grid}.canvas{touch-action:none;cursor:grab;background-color:var(--paper);background-image:radial-gradient(#dcd8e4 .8px,#0000 .8px);position:absolute;inset:0;overflow:hidden}.canvas.dragging{cursor:grabbing}.canvas-world{transform-origin:0 0;will-change:transform;width:1250px;height:800px;position:absolute;top:0;left:0}.canvas-intro{pointer-events:none;z-index:2;position:absolute;top:116px;left:40px}.eyebrow{color:#a098aa;font-size:11px}.canvas-intro h1{letter-spacing:-1.2px;margin:9px 0 8px;font-family:Manrope,sans-serif;font-size:28px;font-weight:650}.canvas-intro p{color:#9d95a5;margin:0;font-size:12px}.connections{pointer-events:none;position:absolute;inset:0}.thread{fill:none;stroke-width:2px;stroke-linecap:round;stroke-dasharray:4 7}.thread.nathan{stroke:#c9bbdf}.thread.khang{stroke:#afd3c2}.thread.gabriel{stroke:#e4c0a8}.dependency-thread{fill:none;stroke:#ddc9a7;stroke-width:1.5px;stroke-dasharray:3 7}.canvas-note{pointer-events:none;color:#b4a58e;align-items:flex-start;gap:8px;display:flex;position:absolute;transform:rotate(-6deg)}.canvas-note svg{margin-top:3px;transform:rotate(120deg)}.canvas-note span{font-family:Caveat,cursive;font-size:24px;line-height:1.05}.human-node,.agent-node{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:0 0;padding:0;position:absolute;transform:translate(-50%,-50%)}.human-node{flex-direction:column;align-items:center;width:230px;display:flex}.portrait{border:5px solid #fff;border-radius:50%;width:102px;height:102px;transition:box-shadow .2s;display:block;position:relative;box-shadow:0 5px 18px #60516e12}.portrait svg{width:100%;height:100%}.human-node.selected .portrait,.human-node:hover .portrait{box-shadow:0 0 0 4px #bba9d535,0 5px 18px #60516e12}.human-marker{display:none}.human-node>strong{align-items:center;gap:7px;margin-top:10px;font-size:17px;font-weight:650;display:flex}.you-label{color:#9b8bab;background:#eee8f5;border-radius:4px;padding:3px 5px;font-size:9px;font-weight:400}.human-sub{color:#a59aaf;margin-top:5px;font-size:10px}.human-bubble{white-space:nowrap;color:#7d6b96;background:#fff;border:1px solid #ebe5f2;border-radius:13px 13px 13px 3px;padding:11px 15px;font-size:12px;position:absolute;bottom:calc(100% + 12px);transform:rotate(-3deg);box-shadow:0 4px 10px #65577504}.mint .human-bubble{color:#668b79;border-color:#deece3;border-radius:13px 13px 3px;transform:rotate(3deg)}.peach .human-bubble{color:#ad856b;border-color:#f1e4d9;transform:rotate(-2deg)}.agent-node{text-align:left;align-items:center;gap:13px;width:250px;display:flex}.agent-orb{color:#66636d;background:#fff;border:1px solid #e5e0e9;border-radius:17px;flex-shrink:0;place-items:center;width:51px;height:51px;display:grid;position:relative;box-shadow:0 4px 10px #44314f06}.agent-orb.chatgpt{color:#6b867a}.agent-orb.claude{color:#c38767;background:#fffaf7;border-color:#eddfd6}.agent-orb.codex{color:#7e758d;background:#fff}.agent-node:hover .agent-orb,.agent-node.selected .agent-orb{box-shadow:0 0 0 4px #bba9d525}.state-dot{border:3px solid var(--paper);color:#fff;background:#8cae9c;border-radius:50%;place-items:center;width:13px;height:13px;display:grid;position:absolute;bottom:-3px;right:-2px}.state-dot.waiting{background:#d5b879}.state-dot.done{background:#a9bfae;border-width:2px}.agent-caption{flex-direction:column;gap:6px;width:185px;display:flex}.agent-name{color:#8c8494;align-items:center;gap:7px;font-size:11px;display:flex}.agent-name>span{color:#a098a8;background:#f0edf3;border-radius:4px;padding:2px 4px;font-size:8px}.agent-caption strong{color:#61556e;font-size:13px;font-weight:500;line-height:1.5}.nathan .agent-meta{color:#ad9cbb}.khang .agent-caption strong{color:#577162}.gabriel .agent-caption strong{color:#99755e}.canvas-bottom{pointer-events:none;z-index:5;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;bottom:24px;left:32px;right:32px}.canvas-bottom>*{pointer-events:auto}.canvas-hint{color:#a49bad;align-items:center;gap:8px;font-size:10px;display:flex}.canvas-tools{background:#fff;border:1px solid #e8e2ed;border-radius:12px;align-items:center;gap:3px;padding:6px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #58466b08}.canvas-tools button{color:#8e829d;background:0 0;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.canvas-tools button:hover{background:#f3eff7}.canvas-tools>span{color:#968c9f;text-align:center;min-width:36px;font-size:10px}.canvas-tools i{border-left:1px solid #ece6f0;height:18px;margin:0 4px}.sample-label{color:#aaa1b2;align-items:center;gap:6px;font-size:10px;display:flex}.sample-label>span{background:#b7a8c3;border-radius:50%;width:5px;height:5px}.log-page{background:#fbfafc;height:100dvh;padding:137px max(35px,50vw - 500px) 70px;overflow:auto}.log-heading h1{letter-spacing:-1.4px;margin:10px 0;font-family:Manrope,sans-serif;font-size:33px;font-weight:600}.log-heading p{color:#a397ae;margin:0;font-size:13px}.log-toolbar{border-bottom:1px solid #eae4ef;justify-content:space-between;align-items:center;gap:20px;margin:38px 0 30px;display:flex}.log-tabs{gap:24px;display:flex}.log-tabs button{color:#9f93a9;background:0 0;padding:12px 0 16px;font-size:12px;position:relative}.log-tabs button.active{color:#76618d}.log-tabs button.active:after{content:"";background:#9a81b4;height:2px;position:absolute;bottom:-1px;left:0;right:0}.log-tabs button span{background:#eee9f3;border-radius:4px;margin-left:7px;padding:2px 5px;font-size:9px}.search{color:#aaa0b5;align-items:center;gap:9px;padding-bottom:5px;display:flex}.search input{color:#766780;background:0 0;border:0;outline:none;width:220px;font-size:11px}.search input::placeholder{color:#aaa0b5}.log-date{color:#807288;margin-bottom:15px;font-size:12px}.log-date span{color:#b0a5b7;margin-left:12px;font-size:10px}.log-list{border-top:1px solid #eee9f2}.log-row{text-align:left;background:0 0;border-bottom:1px solid #eee9f2;align-items:center;gap:20px;width:100%;padding:25px 4px;display:flex}.log-row:hover{background:#f7f4fa}.log-avatar{flex-shrink:0;width:44px;height:44px;position:relative}.log-avatar>svg{border-radius:50%;width:44px;height:44px}.log-agent{border:2px solid var(--paper);color:#7d7089;background:#fff;border-radius:8px;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-5px;right:-5px}.log-agent svg{width:12px;height:12px}.log-body{flex-direction:column;flex:1;gap:7px;display:flex}.log-byline{color:#a397ac;font-size:10px}.log-byline>span{color:#d0c7d7;margin:0 7px}.log-body>strong{color:#64556e;font-size:14px;font-weight:500}.log-body>span:last-child{color:#a295ac;max-width:550px;font-size:11px;line-height:1.6}.log-status{color:#849b8b;white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:inline-flex}.log-status>span{background:currentColor;border-radius:50%;width:5px;height:5px}.log-status.waiting{color:#b09866}.log-status.done{color:#9baa9c}.log-time{color:#b2a7b9;text-align:right;width:66px;font-size:10px}.log-row>svg{color:#c0b4ca;width:13px}.log-end{color:#ad9bbc;text-align:center;margin-top:40px;font-family:Caveat,cursive;font-size:24px}.log-end>span{color:#b8adbf;margin-top:8px;font-family:DM Sans,sans-serif;font-size:10px;display:block}.empty{text-align:center;color:#a295ac;padding:40px}.empty h2{font-size:17px;font-weight:500}.empty p{font-size:12px}.empty button{color:#857195;background:#eee8f4;border-radius:8px;padding:10px 14px;font-size:12px}.peek{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffed;border:1px solid #e8e0f0;border-radius:19px;width:310px;max-height:calc(100dvh - 180px);padding:27px;position:absolute;top:100px;right:24px;overflow:auto;box-shadow:0 14px 55px #4c2e6b12}.close{color:#a091ac;background:0 0;border-radius:7px;place-items:center;padding:5px;display:grid;position:absolute;top:14px;right:14px}.peek-orb{margin-bottom:18px}.peek .eyebrow{font-size:10px;display:block}.peek h2{letter-spacing:-.7px;margin:7px 0 9px;font-family:Manrope,sans-serif;font-size:24px;font-weight:600}.peek h3{margin:24px 0 9px;font-size:14px;font-weight:500}.peek p{color:#95859f;font-size:12px;line-height:1.8}.next{background:#f7f4fa;border-radius:10px;margin:19px 0;padding:15px}.next>span{color:#a698b0;font-size:10px}.next p{margin:6px 0 0}.peek small{color:#b2a4bb;font-size:9px}.peek-link{color:#9277aa;background:0 0;align-items:center;gap:9px;margin-top:20px;padding:0;font-size:11px;display:flex}.peek-portrait{width:65px;height:65px;margin-bottom:18px;display:block}.peek-portrait svg{width:100%;height:100%}.human-agent-list{margin-top:22px}.human-agent-list button{text-align:left;color:#9e8bad;background:0 0;border-top:1px solid #eee8f3;align-items:center;gap:12px;width:100%;padding:15px 0;display:flex}.human-agent-list button>span{flex:1;font-size:12px}.human-agent-list small{margin-top:4px;line-height:1.5;display:block}@media (max-width:1050px){.brand{font-size:12px}.floating-header{padding:23px}.room-avatars{display:none}.room{font-size:10px}.canvas-intro{top:100px;left:29px}.canvas-intro h1{font-size:25px}.canvas-hint span{display:none}.log-page{padding-left:40px;padding-right:40px}.log-time{display:none}}@media (max-width:650px){.floating-header{padding:19px 18px}.brand>span:last-child{display:none}.room{font-size:0}.room-dot{display:none}.room-avatars{margin:0;font-size:15px;display:flex}.room-avatars>span{width:23px;height:23px;font-size:12px}.view-switch{padding:4px}.view-switch button{padding:8px 12px;font-size:11px}.nav-badge{display:none}.canvas-intro{top:100px;left:23px}.canvas-intro h1{font-size:24px}.canvas-intro p{font-size:11px}.canvas-bottom{bottom:28px;left:18px;right:18px}.sample-label{white-space:nowrap;font-size:8px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.canvas-hint{display:none}.canvas-tools{bottom:2px}.peek{width:auto;max-height:55vh;padding:22px;inset:auto 12px 85px}.log-page{padding:110px 22px 40px}.log-heading h1{font-size:26px}.log-heading p{font-size:12px;line-height:1.7}.log-toolbar{flex-direction:column;align-items:stretch;gap:15px;margin-top:22px}.search{padding-bottom:14px}.search input{width:100%}.log-tabs{gap:27px}.log-row{flex-wrap:wrap;gap:14px;padding:22px 0;position:relative}.log-body{min-width:calc(100% - 65px)}.log-body>span:last-child{font-size:11px}.log-status{margin-top:-2px;margin-left:58px}.log-row>svg{position:absolute;bottom:25px;right:0}.log-date span{font-size:9px}.log-heading .eyebrow{font-size:10px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.agent-caption{gap:7px;width:205px}.agent-node{gap:14px;width:275px}.agent-caption strong{font-size:17px}.agent-name{color:#776b82;font-size:14px}.agent-name>span{font-size:10px}.agent-meta{color:#8f819c;font-size:12px}.agent-orb{width:57px;height:57px}.human-node>strong{font-size:21px}.human-sub{color:#92849f;font-size:13px}.human-bubble{padding:12px 16px;font-size:15px}.portrait{width:115px;height:115px}.human-node{width:250px}.canvas-note span{font-size:26px}.log-body>span:last-child{color:#85778e}.log-time{color:#96879f}.agent-meta,.nathan .agent-meta{color:#9786a3}.context-page{background:#fbfafc;height:100dvh;padding:135px max(35px,50vw - 550px) 45px;overflow:auto}.context-layout{grid-template-columns:215px minmax(0,1fr);gap:30px;margin-top:35px;display:grid}.document-list>button{text-align:left;background:0 0;border-radius:11px;align-items:center;gap:12px;width:100%;margin-bottom:7px;padding:15px 12px;display:flex}.document-list>button.active{background:#f0ebf6}.document-icon{color:#9e85bb;background:#ebe3f5;border-radius:8px;flex-shrink:0;place-items:center;width:39px;height:43px;display:grid}.context-icon{color:#81a28e;background:#e7f0e9}.document-list strong{align-items:center;gap:7px;font-size:13px;font-weight:550;display:flex}.document-list small{color:#a193ac;margin-top:5px;font-size:10px;display:block}.draft-dot{background:#b195c8;border-radius:50%;width:5px;height:5px;display:inline-block}.context-note{color:#aa99b8;padding:20px 14px}.context-note>span{font-family:Caveat,cursive;font-size:23px}.context-note p{color:#a79baf;font-size:11px;line-height:1.9}.document-panel{background:#fff;border:1px solid #e9e2ef;border-radius:13px;min-width:0;overflow:hidden}.document-toolbar{border-bottom:1px solid #eee8f3;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;display:flex}.document-title{color:#94839f;align-items:center;gap:8px;display:flex}.document-title strong{color:#786585;font-size:12px;font-weight:550}.document-title>span{color:#ac9ab6;margin-left:5px;font-size:9px}.document-actions{align-items:center;gap:6px;display:flex}.document-actions button{color:#9b87aa;background:0 0;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:7px;font-size:11px;display:flex}.document-actions button:hover{background:#f4eff8}.document-action-divider{border-left:1px solid #ece4f2;height:17px;margin:0 3px}.document-reading{color:#7c6a88;min-height:430px;padding:27px 35px 36px}.document-reading h2{letter-spacing:-.8px;color:#584761;margin:5px 0 12px;font-family:Manrope,sans-serif;font-size:25px;font-weight:600}.document-reading h3{color:#756080;margin:13px 0 10px;font-size:14px;font-weight:550}.document-reading p{margin:5px 0;font-size:12px;line-height:1.9}.document-space{height:5px}.document-bullet{gap:9px;display:flex}.document-bullet>span{color:#b59cc7}.document-editor{resize:vertical;color:#756080;outline-offset:-4px;tab-size:2;background:#fdfcfe;border:0;width:100%;min-height:580px;padding:30px 35px;font-family:ui-monospace,monospace;font-size:12px;line-height:1.9;display:block}.document-footer{border-top:1px solid #eee8f3;justify-content:space-between;align-items:center;gap:14px;padding:15px 20px;display:flex}.document-footer>span{color:#a494ae;font-size:9px}.document-footer button{white-space:nowrap;color:#89629f;background:#ece3f5;border-radius:7px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:flex}.document-footer button:disabled{opacity:.45;cursor:default}.context-notice{color:#a396ac;text-align:right;min-height:18px;margin-top:16px;font-size:10px}.floating-header .room{margin-left:auto}@media (min-width:651px) and (max-width:1150px){.floating-header .brand>span:last-child{display:none}}@media (max-width:750px){.context-page{padding:120px 25px 40px}.context-layout{grid-template-columns:1fr;gap:14px;margin-top:25px}.document-list{gap:9px;display:flex}.document-list>button{flex:1;margin:0}.context-note{display:none}.document-reading{padding:23px}.document-title>span{display:none}}@media (max-width:650px){.floating-header .room{display:none}.view-switch{left:auto;right:14px;transform:none}.view-switch button{gap:5px;padding:8px 9px;font-size:10px}.view-switch button svg{width:13px}.context-page{padding:110px 17px 30px}.document-toolbar{padding:12px}.document-footer{align-items:flex-start;padding:12px}.document-footer>span{max-width:150px;line-height:1.6}.document-reading{padding:20px}.document-editor{min-height:480px;padding:20px}.document-list>button{gap:8px;padding:10px 8px}.document-list small{font-size:9px}.document-list strong{font-size:12px}.document-icon{width:32px;height:37px}.context-notice{text-align:left;line-height:1.7}}@keyframes canvas-arrive{0%{opacity:0;scale:.92}to{opacity:1;scale:1}}@keyframes portrait-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-5px)rotate(1deg)}}@keyframes bubble-float{0%,to{translate:0}50%{translate:0 -3px}}@keyframes signal-travel{0%{stroke-dashoffset:100px;opacity:0}12%{opacity:.85}80%{opacity:.85}to{stroke-dashoffset:0;opacity:0}}@keyframes agent-breathe{0%,to{box-shadow:0 0 #9cbba326,0 4px 10px #44314f06}55%{box-shadow:0 0 0 8px #9cbba300,0 4px 16px #91bda918}}@keyframes thought-pulse{0%,to{opacity:.65;scale:.9}50%{opacity:1;scale:1.15}}.human-node,.agent-node{animation:.65s cubic-bezier(.2,.8,.2,1) backwards canvas-arrive}.human-node .portrait{animation:6.5s ease-in-out infinite portrait-float}.human-node.mint .portrait{animation-duration:7.5s;animation-delay:-2.5s}.human-node.peach .portrait{animation-duration:8s;animation-delay:-4.5s}.human-bubble{animation:7s ease-in-out infinite bubble-float}.mint .human-bubble{animation-delay:-3s}.peach .human-bubble{animation-delay:-5s}.signal{fill:none;stroke-width:3px;stroke-linecap:round;stroke-dasharray:1.4 98.6;pointer-events:none;animation:6s linear infinite signal-travel}.signal.nathan{stroke:#aa87cb}.signal.khang{stroke:#78b797}.signal.gabriel{stroke:#d9a681}.signal.signal-halo{stroke-width:10px;opacity:.2;filter:blur(4px)}.state-working .agent-orb{animation:4s ease-in-out infinite agent-breathe}.state-working.gabriel .agent-orb{animation-delay:-1.8s}.state-working .state-dot{animation:3s ease-in-out infinite thought-pulse}.human-node:hover .portrait{animation-play-state:paused;box-shadow:0 0 0 7px #bba9d528,0 9px 23px #60516e18}.agent-node .agent-orb{transition:scale .25s,box-shadow .25s}.agent-node:hover .agent-orb{scale:1.08}.agent-node:active .agent-orb{scale:.98}.canvas.dragging .portrait,.canvas.dragging .human-bubble{animation-play-state:paused}.motion-paused .canvas *,.motion-paused .canvas :before,.motion-paused .canvas :after{animation-play-state:paused!important}.motion-paused .human-node,.motion-paused .agent-node{animation:none!important}@media (prefers-reduced-motion:reduce){.canvas *,.canvas :before,.canvas :after{transition:none!important;animation:none!important}.signal{display:none}.agent-node:hover .agent-orb{scale:1}}.agent-brand-logo{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;flex-shrink:0;width:28px;height:28px;display:block}.agent-orb .brand-codex{width:34px;height:34px}.log-agent .agent-brand-logo{width:13px;height:13px}.human-agent-list .agent-brand-logo{width:23px;height:23px}.agent-orb.chatgpt,.agent-orb.codex,.agent-orb.cursor,.agent-orb.grok,.agent-orb.hermes,.agent-orb.openclaw{background:#fff}.agent-orb.openclaw{border-color:#f0dad7}.agent-orb.hermes{border-color:#e9dcb6}.thread.lilac{stroke:#c9bbdf}.thread.mint{stroke:#afd3c2}.thread.peach{stroke:#e4c0a8}.signal.lilac{stroke:#aa87cb}.signal.mint{stroke:#78b797}.signal.peach{stroke:#d9a681}.mint .agent-caption strong{color:#577162}.peach .agent-caption strong{color:#99755e}.agent-meta{text-overflow:ellipsis;white-space:nowrap;max-width:210px;overflow:hidden}.connection-status{z-index:6;color:#7c7288;background:#fbfafcee;border-radius:6px;align-items:center;gap:6px;max-width:60vw;padding:4px 7px;font-size:9px;display:flex;position:absolute;bottom:7px;right:25px}.connection-status>span{background:#88a996;border-radius:50%;flex-shrink:0;width:5px;height:5px}.connection-status button{color:#826696;background:0 0;padding:2px;font-size:9px}.connection-error{color:#a46d4e}.connection-error>span{background:#cb8e67}.canvas-empty{text-align:center;color:#85728f;width:min(460px,85vw);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.canvas-empty h2{font-size:22px;font-weight:500}.canvas-empty p{font-size:13px;line-height:1.8}.artifact-out{color:#8b6caa;align-items:center;gap:8px;margin-top:15px;font-size:12px;display:flex}.state-dot.planned{background:#b5a9c4}@media (max-width:650px){.connection-status{max-width:95vw;font-size:8px;bottom:4px;right:8px}.canvas-bottom{bottom:43px}}.project-trail{z-index:5;color:#9a8da5;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;top:85px;left:40px}.project-trail button,.project-trail>span{align-items:center;gap:7px;display:flex}.project-trail button{color:#71627e;background:0 0;padding:5px 0}.project-trail>span{color:#675973}.canvas-intro{top:135px}.log-page,.context-page{padding-top:140px}.projects-page{background-image:radial-gradient(#e4dfea .7px,#0000 .7px);background-size:24px 24px;height:100%;padding:145px max(32px,50vw - 525px) 65px;overflow:auto}.projects-heading{max-width:650px;margin-bottom:38px}.project-kicker{color:#887997;font-size:12px}.projects-heading h1{letter-spacing:-1.8px;margin:15px 0;font-family:Manrope,sans-serif;font-size:clamp(28px,4vw,43px);font-weight:550;line-height:1.25}.projects-heading p{color:#8a8192;max-width:480px;font-size:14px;line-height:1.8}.project-card{text-align:left;background:#fff;border:1px solid #e2dbe9;border-radius:23px;width:100%;max-width:780px;padding:0;transition:box-shadow .2s,translate .2s;display:flex;overflow:hidden}.project-card:hover{translate:0 -3px;box-shadow:0 12px 35px #69547b12}.project-card-art{background:#f0eaf8;flex-shrink:0;width:250px;min-height:260px;position:relative}.project-folder{color:#9c81bb;position:absolute;top:80px;left:92px;rotate:-8deg}.project-mini{color:#715d83;border:4px solid #fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:18px;display:grid;position:absolute}.project-mini.lilac{background:#dcd0f0;top:45px;left:43px;rotate:-10deg}.project-mini.mint{color:#547462;background:#cfebde;top:135px;right:27px;rotate:10deg}.project-mini-agent{background:#fff;border-radius:12px;padding:9px;position:absolute;top:155px;left:45px;rotate:-12deg}.project-art-note{color:#9983ad;font-family:Caveat,cursive;font-size:21px;position:absolute;bottom:17px;left:49px;rotate:-4deg}.project-card-body{flex:1;min-width:0;padding:30px}.project-card h2{letter-spacing:-.8px;justify-content:space-between;align-items:center;margin:10px 0;font-family:Manrope,sans-serif;font-size:24px;font-weight:600;display:flex}.project-card-body>p{color:#8b8193;margin:0;font-size:12px;line-height:1.8}.project-card-meta{color:#887594;flex-wrap:wrap;gap:15px;margin:22px 0;font-size:11px;display:flex}.project-card-footer{color:#a296ab;border-top:1px solid #f0ebf4;justify-content:space-between;gap:12px;padding-top:15px;font-size:10px;display:flex}.project-card-footer strong{color:#82669b;font-weight:500}.projects-footnote{color:#9a8ea4;margin-top:20px;font-size:11px}@media (max-width:650px){.project-trail{top:76px;left:20px}.canvas-intro{top:116px}.projects-page{padding:115px 20px 70px}.projects-heading{margin-bottom:25px}.project-card{flex-direction:column}.project-card-art{width:100%;min-height:155px}.project-folder{top:35px;left:calc(50% - 33px)}.project-mini.lilac{top:22px;left:20%}.project-mini.mint{top:67px;right:18%}.project-mini-agent{top:92px;left:25%}.project-art-note{font-size:17px;bottom:6px;left:auto;right:23px}.project-card-body{padding:23px}.log-page,.context-page{padding-top:120px}.projects-heading h1{letter-spacing:-1px}.project-card-footer{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.project-card{transition:none}.project-card:hover{translate:none}}.reset-project{text-align:right;margin:12px 0 22px}.reset-open{color:#a46d6d;background:0 0;align-items:center;gap:7px;padding:8px;font-size:11px;display:inline-flex}.reset-project>p{color:#617b69;font-size:12px}.reset-dialog{width:min(480px,100vw - 32px);max-height:90dvh;color:var(--ink);background:var(--paper);text-align:left;border:1px solid #e3dbe9;border-radius:20px;padding:30px;overflow:auto;box-shadow:0 20px 90px #30243830}.reset-dialog::backdrop{background:#30283866}.reset-dialog form{position:relative}.reset-dialog h2{letter-spacing:-.7px;margin:16px 0;font-family:Manrope,sans-serif;font-size:23px;font-weight:600}.reset-dialog p{color:#7d7186;font-size:13px;line-height:1.7}.reset-dialog .reset-note{font-size:11px}.reset-dialog label{color:#72647c;margin-top:18px;font-size:12px;display:block}.reset-dialog input{width:100%;color:var(--ink);background:#fff;border:1px solid #dcd2e4;border-radius:8px;margin-top:8px;padding:11px;display:block}.reset-close{color:#93849e;background:0 0;padding:4px;position:absolute;top:0;right:0}.reset-actions{justify-content:flex-end;gap:12px;margin-top:25px;display:flex}.reset-actions button{background:#ece6f2;border-radius:8px;padding:11px 14px;font-size:12px}.reset-actions .reset-confirm{color:#fff;background:#a04f58}.reset-dialog button:disabled{opacity:.45;cursor:not-allowed}.reset-dialog .reset-error{color:#a04f58}.view-switch .api-tab{color:#796587;white-space:nowrap;align-items:center;padding:9px 12px;font-size:12px;display:flex}.projects-api-link{color:#846b9a;margin-top:22px;font-size:12px;display:inline-block}.api-guide{max-width:1080px;margin:auto;padding:28px 36px 65px}.api-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.api-header>a:last-child{color:#897b93;align-items:center;gap:7px;font-size:12px;display:flex}.api-nav{color:#93849e;gap:24px;margin-top:44px;font-size:12px;display:flex}.api-nav span{color:#665173;border-bottom:2px solid #b7a0cb;padding-bottom:12px}.api-heading{margin:38px 0}.api-heading h1{letter-spacing:-1.4px;margin:12px 0;font-family:Manrope,sans-serif;font-size:38px;font-weight:550}.api-guide p{color:#8b7f93;font-size:13px;line-height:1.85}.api-guide h2{letter-spacing:-.4px;font-size:18px;font-weight:550}.agent-entry{color:#8b72a1;background:#eee7f6;border-radius:16px;gap:20px;padding:24px;display:flex}.agent-entry h2{margin:0}.agent-entry a{overflow-wrap:anywhere;align-items:center;gap:5px;font-size:13px;display:inline-flex}.agent-entry p{margin:8px 0}.api-columns{grid-template-columns:1.2fr 1fr;gap:65px;margin-top:35px;display:grid}.api-columns ol{padding-left:20px}.api-columns li{padding:10px 0 16px 8px}.api-columns li p{margin:6px 0}.api-guide code{color:#79628d;overflow-wrap:anywhere;font-size:12px}.api-resources>a{color:#786087;border-bottom:1px solid #e7dfed;align-items:center;gap:12px;padding:19px 0;display:flex}.api-resources>a>span{flex:1}.api-resources small{color:#a08fa9;margin-top:5px;font-size:11px;display:block}.api-resources p a{text-decoration:underline}.api-example{margin-top:25px}.api-example pre{color:#746081;background:#f0ebf6;border:1px solid #e5ddec;border-radius:12px;padding:23px;font-size:12px;line-height:1.8;overflow:auto}.api-footnote{color:#a496ad;border-top:1px solid #e7dfed;margin-top:25px;padding-top:20px;font-size:11px;line-height:1.8}@media (max-width:1050px){.floating-header .room{display:none}}@media (max-width:650px){.view-switch{right:10px}.view-switch .api-tab{padding:8px;font-size:10px}.view-switch button{padding:8px 6px}.view-switch button svg{display:none}.api-guide{padding:25px 20px}.api-heading h1{font-size:29px}.api-columns{grid-template-columns:1fr;gap:15px}.agent-entry{gap:12px;padding:18px}.agent-entry a{font-size:11px}.api-header .brand{font-size:12px}.api-header>a:last-child{font-size:10px}}