.margin-desk{--note-paper:oklch(97% .02 85);--note-ink:oklch(28% .02 60);--note-muted:oklch(50% .02 60);--note-rule:oklch(85% .03 80);--note-tape:oklch(88% .06 95/.75)}.margin-desk .agent-heading{max-width:18ch;font-size:48px;font-weight:400;line-height:1.08}.margin-sub{color:var(--muted-foreground);margin-top:10px;font-size:15px}.margin-note{background:var(--note-paper);max-width:720px;color:var(--note-ink);background-image:repeating-linear-gradient(to bottom, transparent 0 33px, var(--note-rule) 33px 34px);margin:36px auto 0;padding:40px 36px 24px;position:relative;transform:rotate(-.6deg);box-shadow:0 1px 2px oklch(0% 0 0/.08),0 14px 30px -14px oklch(0% 0 0/.25)}.margin-tape{background:var(--note-tape);width:120px;height:26px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(2deg)}.margin-log{outline:none;max-height:440px;overflow-y:auto}.margin-hand{font-family:var(--font-handwritten);font-size:25px;line-height:34px}.margin-starters{gap:4px;margin:12px 0 0;padding:0;list-style:none;display:grid}.margin-starters button{font-family:var(--font-editorial);color:var(--note-muted);text-align:left;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--note-rule);-webkit-text-decoration-color:var(--note-rule);text-decoration-color:var(--note-rule);text-underline-offset:5px;background:0 0;border:0;padding:0;font-size:19px;font-style:italic;line-height:30px}.margin-starters button:hover,.margin-starters button:focus-visible{color:var(--note-ink);text-decoration-color:currentColor}.margin-entry{margin-top:22px}.margin-q{font-family:var(--font-editorial);color:var(--note-muted);font-size:19px;font-style:italic;line-height:30px}.margin-q:before{content:"q. "}.margin-writing span{animation:1.2s infinite both margin-blink}.margin-writing span:nth-child(2){animation-delay:.2s}.margin-writing span:nth-child(3){animation-delay:.4s}@keyframes margin-blink{0%,80%,to{opacity:.2}40%{opacity:1}}.margin-sources{flex-wrap:wrap;gap:6px 16px;margin-top:4px;font-size:13px;display:flex}.margin-sources a{color:var(--note-muted);text-underline-offset:3px;text-decoration:underline}.margin-composer{border-top:1px dashed var(--note-muted);align-items:center;gap:12px;margin-top:20px;padding-top:12px;display:flex}.margin-composer input{min-width:0;font-family:var(--font-handwritten);color:var(--note-ink);background:0 0;border:0;outline:none;flex:1;font-size:24px}.margin-composer input::placeholder{color:var(--note-muted)}.margin-composer button{font-family:var(--font-editorial);color:var(--note-ink);cursor:pointer;background:0 0;border:0;font-size:19px;font-style:italic}.margin-composer button:disabled{opacity:.4;cursor:default}@media (width<=640px){.margin-desk .agent-heading{font-size:32px}.margin-note{padding:34px 20px 18px;transform:none}.margin-hand{font-size:22px}.margin-log{max-height:380px}}@media (prefers-reduced-motion:reduce){.margin-writing span{opacity:1;animation:none}.margin-note{transform:none}}.margin-desk{--desk:oklch(20% .008 60);--chalk:oklch(92% .02 85);--note-paper:oklch(93% .02 85);--note-ink:oklch(22% .01 60);--note-muted:oklch(45% .015 60);--note-tape:oklch(82% .03 85/.7);--mark:oklch(93% .17 110/.7)}.margin-board{background:var(--desk);min-height:560px;margin-top:36px;padding:56px 32px;position:relative;overflow:hidden}.margin-board .margin-note{z-index:2;background-image:none;max-width:520px;margin:0;position:relative;transform:rotate(-1.2deg)}.margin-board .margin-hand,.margin-board .margin-composer input{font-family:var(--font-mono);font-size:15px;line-height:26px}.margin-hand mark,.margin-sources a{background:var(--mark)}.margin-photos{position:absolute;inset:0}.margin-photo{object-fit:cover;filter:sepia(.45)contrast(1.05)brightness(.85);border:8px solid var(--chalk);position:absolute;box-shadow:0 16px 30px -10px oklch(0% 0 0/.6)}.margin-photo-a{aspect-ratio:4/3;width:46%;top:24px;right:4%;transform:rotate(2deg)}.margin-photo-b{aspect-ratio:4/3;width:30%;bottom:28px;right:22%;transform:rotate(-3deg)}.margin-chalk{font-family:var(--font-handwritten);color:var(--chalk);font-size:28px;line-height:1.2;position:absolute;bottom:60px;right:4%;transform:rotate(-4deg)}.margin-arrow{width:48px;color:var(--chalk);position:absolute;top:18px;left:26%}@media (width<=760px){.margin-board{min-height:0;padding:200px 14px 24px}.margin-photo-a{width:58%;top:16px;left:4%;right:auto}.margin-photo-b{width:40%;top:70px;bottom:auto;right:4%}.margin-chalk,.margin-arrow{display:none}.margin-board .margin-note{transform:none}}.margin-board .margin-hand,.margin-board .margin-composer input{white-space:pre-line;font-family:Courier Prime,Courier New,monospace;font-size:17px}.in-the-room-logo{min-width:0;height:84px;color:var(--foreground);opacity:.6;justify-content:center;align-items:center;gap:10px;transition:opacity .18s;display:flex}.in-the-room-logo:hover{opacity:1}.in-the-room-art{width:24px;height:24px;-webkit-mask-image:var(--company-logo);-webkit-mask-image:var(--company-logo);mask-image:var(--company-logo);background-color:currentColor;flex:none;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.in-the-room-art-wide{flex:auto;width:100%;max-width:140px;height:20px}.in-the-room-name{font-family:var(--font-sans);letter-spacing:.02em;text-align:center;white-space:nowrap;font-size:14px;line-height:24px}@media (width<=639px){.in-the-room-logo{gap:7px;height:64px}.in-the-room-art{width:20px;height:20px}.in-the-room-art-wide{max-width:104px;height:14px}.in-the-room-name{font-size:11.5px;line-height:20px}}@media (prefers-reduced-motion:reduce){.in-the-room-logo{transition:none}}