:root{--white: #ddd;--black: #111;--light-gray: #aaa;--medium-gray: #666;--dark-gray: #363636;--accent-cyan: #61dafb;--accent-red: #ff4444;--accent-green: #6bd66b;--reference-label-color: rgba(200, 200, 200);--reference-color: rgba(135, 135, 135, .15);--reference-color-hover: rgba(135, 135, 135, .6);--list-label-color: rgba(120, 220, 150);--list-color: rgba(68, 200, 100, .15);--list-color-hover: rgba(65, 144, 84, .6);--connection-label-color: rgba(140, 230, 255);--connection-color: rgba(97, 218, 251, .1);--connection-color-hover: rgba(97, 218, 251, .6);--pushback-label-color: rgba(255, 150, 150);--pushback-color: rgba(255, 100, 100, .15);--pushback-color-hover: rgba(255, 100, 100, .6);--combined-label-color: rgba(190, 150, 255);--combined-color: rgba(160, 110, 255, .15);--combined-color-hover: rgba(160, 110, 255, .5);--hover-transition-in: .2s ease;--hover-transition-out: .5s ease;--shadow-dark: rgba(0, 0, 0, .3);--shadow-light: rgba(117, 117, 117, .3);--content-max-width: 800px;--nav-height: 60px;--nav-height-mobile: 50px;--drawer-scrollbar-inset: 12px;--font-size-xl: 32px;--font-size-lg: 24px;--font-size-md: 16px;--font-size-sm: 14px;--font-size-xs: 12px;--drawer-expand-ms: .5s;--drawer-fade-ms: .3s;--drawer-open-fade-delay-ms: .2s;--drawer-close-collapse-delay-ms: .1s;--drawer-peek-height: 32px;--chat-drawer-max-open-height: 520px;--bottom-sheet-top-margin: 16px;--z-editor-footer: 300;--z-bottom-sheet: 250;--z-bottom-sheet-overlay: 200;--z-mobile-drawer-action: 150}@media (max-width: 768px){:root{--drawer-peek-height: 28px}}*{margin:0;padding:0;box-sizing:border-box;text-rendering:optimizeLegibility}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;height:100dvh;overflow:hidden}button{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#root{height:100vh;height:100dvh}.app{display:flex;height:100vh;height:100dvh;background-color:var(--black)}.sidebar{width:250px;background-color:var(--black);border-right:1px solid var(--dark-gray);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:16px;border-bottom:1px solid var(--dark-gray);display:flex;align-items:center;justify-content:center;position:relative;height:var(--nav-height)}.new-note-button{width:120px;height:36px;padding:0;background-color:var(--black);border:1px solid var(--dark-gray);border-radius:6px;color:var(--light-gray);font-size:var(--font-size-lg);font-weight:300;cursor:pointer;transition:background-color var(--hover-transition-out),border-color var(--hover-transition-out),color var(--hover-transition-out);display:flex;align-items:center;justify-content:center;line-height:40px}.new-note-button:hover{background-color:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--black);transition:background-color var(--hover-transition-in),border-color var(--hover-transition-in),color var(--hover-transition-in)}.notes-list{flex:1;overflow-y:auto}.note-item{padding:12px;cursor:pointer;transition:background-color var(--hover-transition-out),border-color var(--hover-transition-out),color var(--hover-transition-out);display:flex;justify-content:space-between;align-items:center;position:relative;border:1px solid transparent;border-bottom:1px solid var(--dark-gray)}.note-item:last-child{border-bottom:1px solid var(--dark-gray)}.note-item.active{background-color:var(--dark-gray)}.note-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--white);font-size:var(--font-size-sm)}.note-item .delete-button{opacity:0;transition:opacity var(--hover-transition-out);background:none;border:none;color:var(--light-gray);font-size:var(--font-size-lg);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;pointer-events:none}.note-item.delete-reveal .delete-button{opacity:.9;pointer-events:auto}@media (hover: hover){.note-item:hover{background-color:var(--dark-gray);border:1px solid var(--medium-gray);transition:background-color var(--hover-transition-in),border-color var(--hover-transition-in),color var(--hover-transition-in)}.note-item:hover .delete-button{opacity:.9;pointer-events:auto}.note-item .delete-button:hover{background-color:var(--bg-hover);color:var(--white);transition:background-color var(--hover-transition-in),color var(--hover-transition-in)}}@media (hover: none){.note-item:active{background-color:var(--dark-gray)}}.note-editor{flex:1;display:flex;flex-direction:column;background-color:var(--black);overflow:hidden}.note-editor.empty{display:flex;align-items:center;justify-content:center}.empty-state{color:var(--medium-gray);font-size:var(--font-size-md)}.note-title-input{background:transparent;border:none;color:var(--white);font-size:var(--font-size-xl);font-weight:600;font-family:inherit;resize:none;outline:none;line-height:1.4;padding:24px 32px 16px;width:100%;max-width:var(--content-max-width);margin:0 auto;display:block;overflow:hidden;word-wrap:break-word;white-space:pre-wrap;position:relative;z-index:10;flex-shrink:0}.note-title-input::placeholder{color:var(--medium-gray)}.note-content-container{flex:1;padding:24px 32px;overflow-y:auto;min-height:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--dark-gray);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--medium-gray)}.editor{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:none!important}.editor-top-nav{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;height:var(--nav-height);padding:16px;border-bottom:1px solid var(--dark-gray);position:sticky;top:0;background:var(--black);z-index:500}.editor-top-nav-left{display:flex;align-items:center;height:40px}.sidebar-toggle-button{display:flex;align-items:center;justify-content:center;background:var(--black);border:1px solid var(--dark-gray);border-radius:4px;cursor:pointer;transition:border-color var(--hover-transition-out),color var(--hover-transition-out);min-width:36px;min-height:36px;color:#fff9}.sidebar-toggle-button svg{width:22px;height:22px;transition:opacity var(--hover-transition-out)}.sidebar-toggle-button svg path{stroke-width:1}.sidebar-toggle-button:hover{border-color:var(--medium-gray);color:#fff;transition:border-color var(--hover-transition-in),color var(--hover-transition-in)}.sidebar-toggle-button:focus:not(:focus-visible){outline:none;border-color:var(--dark-gray)}.sidebar-toggle-button:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.editor-top-nav-right{display:flex;align-items:center;gap:12px;height:40px}.persona-label{font-size:var(--font-size-sm);color:var(--white);opacity:.4}.persona-dropdown{background:transparent;border:none;padding:0;font-size:var(--font-size-sm);color:var(--white);cursor:pointer;opacity:.4;transition:opacity var(--hover-transition-out),border-color var(--hover-transition-out);margin-right:0;margin-left:-10px;font-family:inherit;font-style:italic}.persona-dropdown:hover{opacity:.9;border-color:var(--medium-gray);transition:opacity var(--hover-transition-in),border-color var(--hover-transition-in)}.persona-dropdown:focus{outline:none}.editor-scroll-container.annotations-hidden .annotation-mark,.editor-scroll-container.annotations-hidden .editor-content .annotation-mark,.editor-scroll-container.annotations-hidden .editor-content-wrapper .annotation-mark{background-color:transparent!important;border-color:transparent!important;cursor:text}.editor-scroll-container.annotations-hidden .annotation-layer{display:none}.editor-scroll-container{flex:1;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;margin-bottom:var(--chat-safe-bottom, 0px)}.editor-content-wrapper{position:relative;flex:1;display:flex;flex-direction:column}.editor-wrapper{flex:1;display:flex;flex-direction:column}.editor-empty-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--medium-gray)}.editor-content{--editor-inline-padding: 32px;flex:1;padding:0 var(--editor-inline-padding) 24px var(--editor-inline-padding);outline:none;white-space:pre-wrap;word-wrap:break-word;color:var(--white);font-size:var(--font-size-sm);line-height:1.6;position:relative;z-index:1;max-width:var(--content-max-width);margin:0 auto;width:100%}.analysis-spinner{width:40px;height:40px;aspect-ratio:1 / 1;flex:0 0 auto;flex-shrink:0;background-color:var(--black);border:1px solid var(--dark-gray);border-radius:50%;display:flex;align-items:center;justify-content:center}.spinner-icon{width:18px;height:18px;border:2px solid transparent;border-top:2px solid var(--medium-gray);border-right:2px solid var(--medium-gray);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.annotation-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.annotation-overlay-content{position:absolute;top:0;right:0;bottom:0;left:0;padding:24px 32px;white-space:pre-wrap;word-wrap:break-word;font-size:var(--font-size-sm);line-height:1.6;color:transparent;pointer-events:none}.annotation-mark{cursor:pointer;transition:background-color var(--hover-transition-out),border-color var(--hover-transition-out);border-radius:2px;border:1px solid transparent;padding-left:1px;padding-right:1px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.annotation-mark:has(>.annotation-mark:last-child){padding-right:0}.annotation-mark:has(>.annotation-mark:first-child){padding-left:0}.annotation-mark[data-annotation-combined=true]{background-color:var(--combined-color);border-color:var(--combined-color)}.annotation-mark[data-annotation-combined=true]:has(>.annotation-mark){background-color:transparent;border-color:transparent}.annotation-mark-reference{background-color:var(--reference-color);border:1px solid var(--reference-color)}.annotation-mark-list{background-color:var(--list-color);border:1px solid var(--list-color)}.annotation-mark-connection{background-color:var(--connection-color);border:1px solid var(--connection-color)}.annotation-mark-pushback{background-color:var(--pushback-color);border:1px solid var(--pushback-color)}.connection-line{stroke:var(--connection-color);stroke-width:1.5;transition:stroke var(--hover-transition-out),stroke-width var(--hover-transition-out)}.connection-line-hovered{stroke:var(--connection-color-hover);stroke-width:2;transition:stroke var(--hover-transition-in),stroke-width var(--hover-transition-in)}.annotation-popup-label{text-transform:uppercase;font-size:var(--font-size-sm);letter-spacing:.08em;color:var(--light-gray)}.annotation-item{padding-top:12px;margin-bottom:12px;position:relative}.annotation-item+.annotation-item{border-top:1px solid rgba(255,255,255,.08)}.annotation-title{font-weight:700;color:var(--accent-cyan);margin-bottom:4px}.annotation-title a{color:inherit;text-decoration:none}.annotation-title a:hover{text-decoration:underline}.annotation-author{font-size:var(--font-size-sm);color:var(--light-gray);margin-bottom:4px}.annotation-domain{font-size:var(--font-size-xs);color:var(--medium-gray);font-style:italic;margin-bottom:4px}.annotation-description{font-size:var(--font-size-sm);color:var(--white);line-height:1.4;padding-right:24px}.annotation-item:hover .annotation-item-delete-button{opacity:.4;transition:opacity var(--hover-transition-in)}.annotation-item-delete-button{position:absolute;right:4px;background:var(--dark-gray);border:none;border-radius:50%;color:var(--white);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;z-index:10;opacity:0;transition:opacity var(--hover-transition-out)}.annotation-item:hover .annotation-item-delete-button:hover{opacity:1;transition:opacity var(--hover-transition-in)}.annotation-item-delete-button img{width:14px;height:14px}.annotation-more-button{display:flex;align-items:center;justify-content:center;margin:0 auto 4px;background:var(--black);padding:8px 12px;border:1px solid var(--medium-gray);border-radius:4px;color:var(--light-gray);font-size:var(--font-size-sm);cursor:pointer;user-select:none;-webkit-user-select:none;transition:border-color var(--hover-transition-out),color var(--hover-transition-out)}.annotation-more-button:hover:not(:disabled){border-color:var(--light-gray);color:var(--white);transition:border-color var(--hover-transition-in),color var(--hover-transition-in)}.annotation-more-button:disabled{cursor:not-allowed;opacity:.4}.annotation-more-spinner{display:flex;align-items:center;justify-content:center}.spinner-icon.small{width:14px;height:14px;border-width:2px}.drawer{display:block;width:calc(100% + (2 * var(--editor-inline-padding)));margin:0 calc(-1 * var(--editor-inline-padding));position:relative;z-index:2;overflow:hidden}.drawer__panel{display:block;width:100%;margin:24px 0;background:var(--dark-gray);overflow:hidden;caret-color:transparent;-webkit-user-modify:read-only;-webkit-tap-highlight-color:transparent}.drawer__panel:focus,.drawer__panel:focus-visible{outline:none}.drawer__content{display:block;position:relative;padding:12px var(--editor-inline-padding) 12px var(--editor-inline-padding)}.drawer__close{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;background:transparent;color:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.4;transition:opacity var(--hover-transition-out),color var(--hover-transition-out)}.drawer__close:hover{opacity:1;color:var(--white);transition:opacity var(--hover-transition-in)}.drawer__close img{width:16px;height:16px}.drawer__header{display:block;margin-bottom:12px;padding-right:28px}.drawer__header .annotation-popup-label{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding-top:4px;padding-bottom:4px}.drawer a{cursor:pointer}.mobile-drawer-action{position:absolute;width:40px;height:40px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:#fff9;display:flex;align-items:center;justify-content:center;padding:0;z-index:var(--z-mobile-drawer-action);cursor:pointer;transform:scale(1);transition:opacity var(--hover-transition-out),transform var(--hover-transition-out),border-color var(--hover-transition-out),color var(--hover-transition-out);touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.mobile-drawer-action[data-annotation-type=reference]{background:var(--reference-color);border-color:var(--reference-color-hover);color:var(--reference-color-hover)}.mobile-drawer-action[data-annotation-type=list]{background:var(--list-color);border-color:var(--list-color-hover);color:var(--list-color-hover)}.mobile-drawer-action[data-annotation-type=connection]{background:var(--connection-color);border-color:var(--connection-color-hover);color:var(--connection-color-hover)}.mobile-drawer-action[data-annotation-type=pushback]{background:var(--pushback-color);border-color:var(--pushback-color-hover);color:var(--pushback-color-hover)}.mobile-drawer-action[data-annotation-type=combined]{background:var(--combined-color);border-color:var(--combined-color-hover);color:var(--combined-color-hover)}.mobile-drawer-action:focus,.mobile-drawer-action:focus-visible{outline:none}.mobile-drawer-action svg{width:20px;height:20px;display:block;transform:rotate(90deg)}.mobile-drawer-action.is-hidden{opacity:0;transform:scale(0);pointer-events:none}@media (min-width: 769px){.mobile-drawer-action{display:none}}.annotation-popup-label--reference{color:var(--reference-label-color)}.annotation-popup-label--list{color:var(--list-label-color)}.annotation-popup-label--connection{color:var(--connection-label-color)}.annotation-popup-label--pushback{color:var(--pushback-label-color)}.annotation-popup-label--combined{color:var(--combined-label-color)}.drawer__body{display:block;position:relative;max-height:300px;overflow-y:auto;margin-right:calc(-1 * var(--drawer-scrollbar-inset));padding-right:var(--drawer-scrollbar-inset);scrollbar-width:thin;scrollbar-color:var(--medium-gray) transparent}.drawer__section{display:block}.drawer__footer{display:block;padding:12px var(--editor-inline-padding) 16px var(--editor-inline-padding);border-top:1px solid rgba(255,255,255,.06)}.drawer__footer .annotation-more-button{margin-top:0}.drawer__footer .annotation-more-button+.annotation-more-button{margin-top:8px}.combined-annotation-section-header{position:sticky;top:0;z-index:1;display:block;width:100%;padding-bottom:8px;background:var(--dark-gray);border-bottom:1px solid rgba(255,255,255,.06)}.combined-annotation-section-header .annotation-popup-label{display:inline-block;padding-top:4px;padding-bottom:4px}.drawer__body::-webkit-scrollbar{width:8px}.drawer__body::-webkit-scrollbar-track{background:transparent}.drawer__body::-webkit-scrollbar-thumb{background:var(--medium-gray);border-radius:8px}.drawer__body::-webkit-scrollbar-thumb:hover{background:var(--light-gray)}.span-drawer-widget{display:none}.span-drawer-widget:not(:empty){display:block;width:100%}.editor-footer{display:flex;align-items:center;gap:12px;padding:0 16px 24px;background-color:var(--black);flex-shrink:0;width:calc(100% - 20px);margin:0 auto;transition:none!important;z-index:var(--z-editor-footer)}.chat-layer{position:fixed;left:0;right:0;top:0;bottom:var(--keyboard-inset, 0px);pointer-events:none;z-index:var(--z-editor-footer)}.chat-layer.is-hidden{opacity:0;visibility:hidden}.chat-layer.is-hidden .chat-layer__footer,.chat-layer.is-hidden .chat-layer__sheet{pointer-events:none}.chat-layer__footer{position:absolute;left:0;right:0;bottom:0;pointer-events:auto;z-index:2}.chat-layer__sheet{position:absolute;left:0;right:0;top:0;bottom:var(--chat-footer-height, 0px);pointer-events:none;z-index:1;overflow:hidden}.editor-footer-center{flex:1;display:flex;justify-content:center}.analysis-spinner-slot{width:40px;height:40px;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.footer-spacer{flex:0 0 40px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.editor-footer:before{content:"";position:absolute;top:-24px;left:50%;transform:translate(-50%);width:calc(100% - 20px);height:24px;background:linear-gradient(to bottom,transparent,var(--black));pointer-events:none}.chat-input-container{display:flex;align-items:center;width:100%;max-width:var(--content-max-width);background-color:var(--black);border:1px solid var(--dark-gray);border-radius:20px;padding:4px 4px 4px 16px;min-height:40px;transition:border-color var(--hover-transition-out)}.chat-input-container:focus-within{border-color:var(--medium-gray)}.chat-input{flex:1;background:transparent;border:none;padding:5px 8px 5px 0;color:var(--white);font-size:var(--font-size-sm);font-family:inherit;resize:none;min-height:21px;max-height:150px;line-height:21px;outline:none;overflow:hidden}.chat-input::placeholder{color:var(--medium-gray);line-height:21px}.chat-input:disabled{opacity:.6;cursor:not-allowed}.chat-submit-button{width:32px;height:32px;padding:0;background-color:var(--dark-gray);border:1px solid var(--medium-gray);border-radius:50%;color:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--hover-transition-out);flex-shrink:0;line-height:0}.chat-submit-button svg{width:16px;height:16px;display:block}.chat-submit-button:hover:not(:disabled){border:1px solid var(--light-gray);background-color:var(--medium-gray);transition:background-color var(--hover-transition-in)}.chat-submit-button:active:not(:disabled){background-color:var(--medium-gray);transform:translateY(1px)}.chat-submit-button:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.chat-submit-button:disabled{opacity:.4;cursor:not-allowed}.checkpoint-navigation{display:flex;align-items:center;gap:8px}.checkpoint-dot{width:8px;height:8px;border-radius:50%;border:none;background-color:var(--medium-gray);cursor:pointer;padding:0;transition:background-color var(--hover-transition-out)}.checkpoint-dot:hover{background-color:var(--light-gray);transition:background-color var(--hover-transition-in)}.checkpoint-dot.active{background-color:var(--light-gray)}.bottom-sheet{position:absolute;left:0;right:0;bottom:0;background-color:var(--black);border-top:1px solid var(--dark-gray);border-radius:16px 16px 0 0;display:flex;flex-direction:column;min-height:0;will-change:height;z-index:var(--z-bottom-sheet);pointer-events:auto;isolation:isolate}.bottom-sheet:after{content:"";position:absolute;left:0;right:0;top:0;height:16px;background:transparent;border:1px solid var(--dark-gray);border-bottom:none;pointer-events:none;z-index:1;border-radius:16px 16px 0 0}.bottom-sheet:before{content:"";position:absolute;top:0;transform:translateY(-100%);width:100%;height:24px;background:linear-gradient(to bottom,transparent,var(--black));pointer-events:none;z-index:-1}.bottom-sheet.hidden{pointer-events:none}.bottom-sheet-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--black);z-index:var(--z-bottom-sheet-overlay);opacity:0;pointer-events:none}.bottom-sheet-handle-area{height:var(--drawer-peek-height);padding:0;cursor:grab;display:flex;justify-content:center;align-items:center;flex-shrink:0;touch-action:none;position:relative}.bottom-sheet-handle-area:before{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px}.bottom-sheet-handle-area:active{cursor:grabbing}.bottom-sheet-handle{width:36px;height:4px;background-color:var(--medium-gray);border-radius:2px}.bottom-sheet-content{flex:1;min-height:0;overflow-x:hidden;padding:16px;scrollbar-gutter:stable;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.bottom-sheet.open .bottom-sheet-content{overflow-y:auto}.bottom-sheet.closed .bottom-sheet-content{overflow-y:hidden}.chat-messages-container{padding-top:16px;padding-bottom:24px;display:flex;flex-direction:column;gap:12px;max-width:var(--content-max-width);margin:0 auto}.chat-empty{color:var(--medium-gray);text-align:center;padding:24px;font-size:var(--font-size-md)}.chat-bubble{max-width:80%;padding:10px 14px;border-radius:16px;font-size:var(--font-size-sm);line-height:1.5;word-wrap:break-word}.chat-bubble-user{align-self:flex-end;background-color:#0084ff;color:var(--white);border-bottom-right-radius:4px}.chat-bubble-assistant{align-self:flex-start;background-color:var(--dark-gray);color:var(--white);border-bottom-left-radius:4px}.chat-bubble-assistant p{margin:0 0 .75em}.chat-bubble-assistant p:last-child{margin-bottom:0}.chat-bubble-assistant strong{font-weight:600}.chat-bubble-assistant em{font-style:italic}.chat-bubble-assistant code{background-color:#0000004d;padding:2px 5px;border-radius:4px;font-family:SF Mono,Menlo,monospace;font-size:var(--font-size-xs)}.chat-bubble-assistant pre{background-color:#0000004d;padding:10px;border-radius:6px;overflow-x:auto;margin:.75em 0}.chat-bubble-assistant pre code{background-color:transparent;padding:0}.chat-bubble-assistant ul,.chat-bubble-assistant ol{margin:.5em 0;padding-left:1.5em}.chat-bubble-assistant li{margin:.25em 0}.chat-bubble-assistant a{color:#6eb5ff;text-decoration:underline}.chat-bubble-assistant blockquote{border-left:3px solid var(--medium-gray);margin:.75em 0;padding-left:10px;color:var(--light-gray)}.chat-bubble-loading{padding:14px 18px}.typing-indicator{display:flex;gap:4px;align-items:center}.typing-indicator span{width:8px;height:8px;background-color:var(--medium-gray);border-radius:50%;animation:typing-bounce 1.2s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@media (max-width: 768px){.sidebar,.editor-top-nav,.chat-input-container{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.app{flex-direction:column}.sidebar{width:100%;height:100%;border-right:none;border-bottom:1px solid var(--dark-gray)}.editor-container{width:100%}.editor-scroll-container{-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin}.editor-top-nav{padding:10px;height:var(--nav-height-mobile)}.editor-content{touch-action:pan-y;font-size:var(--font-size-md)}.note-item{padding:16px;height:calc(var(--nav-height-mobile))}.sidebar-header{height:var(--nav-height-mobile)}.new-note-button{min-width:48px;min-height:calc(var(--nav-height-mobile) - 16px);height:calc(var(--nav-height-mobile) - 16px)}.delete-button{min-width:32px;min-height:32px;opacity:.7}.persona-dropdown{min-height:36px;padding:8px 12px;font-size:var(--font-size-md)}.chat-input-container{max-height:calc(var(--nav-height-mobile) - 16px)}.chat-input,.chat-bubble{font-size:var(--font-size-md)}.annotation-domain{font-size:var(--font-size-xs)}.annotation-more-button{min-height:32px;padding:0 16px}.footer-spacer{flex:0 0 30px;width:30px;height:30px}.analysis-spinner-slot{width:30px;height:30px}.analysis-spinner{width:30px;height:30px;flex:0 0 30px}.analysis-spinner .spinner-icon{width:14px;height:14px}.editor-footer{padding:0 8px 12px;width:100%}.bottom-sheet-handle-area{padding:6px 0}.bottom-sheet-content{scrollbar-width:thin}}.persona-dropdown-custom,.menu-dropdown-custom{position:relative;display:inline-block}.persona-dropdown-trigger,.menu-dropdown-trigger{display:flex;align-items:center;padding:6px 12px;background:var(--black);border:1px solid var(--dark-gray);border-radius:4px;color:var(--light-gray);cursor:pointer;transition:border-color var(--hover-transition-out),color var(--hover-transition-out);font-size:var(--font-size-sm);min-height:36px}.persona-dropdown-trigger:hover,.menu-dropdown-trigger:hover{border-color:var(--medium-gray);color:var(--white);transition:border-color var(--hover-transition-in),color var(--hover-transition-in)}.persona-dropdown-trigger:focus:not(:focus-visible),.menu-dropdown-trigger:focus:not(:focus-visible){outline:none;border-color:var(--dark-gray)}.persona-dropdown-trigger:focus-visible,.menu-dropdown-trigger:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.persona-dropdown-custom.open .persona-dropdown-trigger,.menu-dropdown-custom.open .menu-dropdown-trigger{border-color:var(--medium-gray);color:var(--white)}.persona-dropdown-menu,.menu-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:var(--black);border:1px solid var(--dark-gray);border-radius:8px;box-shadow:0 8px 24px #000c;z-index:1000;overflow:hidden}.persona-dropdown-option,.menu-dropdown-option{display:flex;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--light-gray);cursor:pointer;text-align:left;transition:background var(--hover-transition-out);font-size:var(--font-size-sm)}.persona-dropdown-option:hover,.menu-dropdown-option:hover{background:var(--dark-gray);transition:background var(--hover-transition-in)}.persona-dropdown-trigger{gap:8px;min-width:100px}.persona-dropdown-value{flex:1;text-align:left}.persona-dropdown-arrow{display:flex;align-items:center;opacity:.6}.persona-dropdown-arrow svg{width:14px;height:14px}.persona-dropdown-option{flex-direction:column;align-items:flex-start}.persona-dropdown-option.selected{background:var(--dark-gray);color:var(--white)}.persona-option-label{font-size:var(--font-size-sm);font-weight:500}.persona-option-description{font-size:var(--font-size-sm);color:var(--medium-gray);margin-top:6px}.persona-dropdown-option.selected .persona-option-description{color:var(--light-gray)}.menu-dropdown-trigger{justify-content:center;padding:6px 8px;min-width:36px}.menu-dropdown-trigger svg{width:20px;height:20px}.menu-dropdown-option{align-items:center}@media (max-width: 768px){.persona-dropdown-trigger,.menu-dropdown-trigger{min-height:calc(var(--nav-height-mobile) - 16px)}.persona-dropdown-trigger{padding:6px 12px;font-size:var(--font-size-md)}.menu-dropdown-trigger{min-width:calc(var(--nav-height-mobile) - 16px);padding:6px}.persona-dropdown-menu,.menu-dropdown-menu{min-width:220px}.persona-dropdown-option,.menu-dropdown-option{padding:12px 16px;min-height:calc(var(--nav-height-mobile) - 16px)}.persona-option-label{font-size:var(--font-size-md)}.persona-option-description{font-size:var(--font-size-sm)}.menu-dropdown-option{font-size:var(--font-size-md)}.note-title-input{font-size:var(--font-size-lg)}}