:root{--color-primary: #7c3aed}html,body,#root{height:100%;margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}body{background:#0b1020;color:#e6eef8}.dot-anim{display:inline-block;animation:dotPulse 1s steps(3,end) infinite;font-weight:700}@keyframes dotPulse{0%{opacity:.2}20%{opacity:.8}40%{opacity:.2}60%{opacity:.8}to{opacity:.2}}:root{--touch-target: 44px;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--base-font-size: 16px;--bottom-nav-height: 64px}html{font-size:var(--base-font-size);-webkit-text-size-adjust:100%}.touch-target{min-height:var(--touch-target);min-width:var(--touch-target);padding:.5rem;display:inline-flex;align-items:center;justify-content:center}.safe-bottom-pad{padding-bottom:calc(var(--safe-area-inset-bottom) + 8px)}@media (max-width: 768px){body{overflow:auto}.cosmo-panel{border-radius:12px;padding:.75rem}h1,h2,h3,h4,h5{line-height:1.15}p,input,button,.cosmo-input{font-size:15px}.cosmo-button{min-height:44px;min-width:44px;padding:.5rem .75rem;font-size:15px;border-radius:10px}nav[role=navigation],.bottom-nav,.safe-bottom-pad{padding-bottom:calc(var(--safe-area-inset-bottom) + 10px)}.has-bottom-nav,.app-root,main,.page-content{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom) + 12px)}.cosmo-panel{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom) + 12px)}.responsive-controls{min-height:32px}This prevents it from overlapping content when using mobile emulation on desktop. */ @media (max-width: 768px){.bottom-nav{position:sticky!important;position:-webkit-sticky!important;bottom:0;left:0;right:0;width:100%;z-index:40}}.visualizer-resizer-handle{height:8px}}@media (hover: none) and (pointer: coarse){a:hover,button:hover{transform:none}}.tour-header-highlight{box-shadow:0 0 0 4px #6366f12e,0 8px 24px #6366f114;border-radius:10px;transition:box-shadow .3s ease-in-out}@media (prefers-reduced-motion: reduce),(prefers-reduced-transitions: reduce){*{transition:none!important;animation:none!important}}.quick-orb-float{transition:transform .18s cubic-bezier(.2,.8,.2,1),opacity .15s ease}.note-fade-in{animation:note-fade-in .15s ease forwards}@keyframes note-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.cosmo-panel:hover .cursor-se-resize,.cosmo-panel:focus-within .cursor-se-resize{opacity:1}.animate-\[fade-in-scale_140ms_ease\]{animation:qno-dropdown .14s ease both}@keyframes qno-dropdown{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}input[aria-label="Search notes"]{transition:width .12s ease}@media (prefers-reduced-motion: reduce){.animate-\[fade-in-scale_140ms_ease\]{animation:none!important}input[aria-label="Search notes"]{transition:none!important}}@media (prefers-contrast: more){:root{--color-text-primary: #fff;--color-text-secondary: #ddd}body{background-color:#000}}.tag-marquee{width:100%;overflow:hidden;position:relative;height:20px}.tag-marquee-track{display:inline-block;white-space:nowrap;will-change:transform;animation:tag-marquee 6s linear infinite}.tag-chip{display:inline-block;margin-right:8px;padding:2px 8px;border-radius:6px;background:#94a3b814;color:#cbd5e1;font-size:11px}@keyframes tag-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.tag-marquee:hover .tag-marquee-track,.tag-marquee:focus-within .tag-marquee-track{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.tag-marquee-track{animation:none!important;transform:none!important}}.textarea-highlighter{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;white-space:pre-wrap;word-break:break-word;color:transparent}.textarea-highlighter,.textarea-highlighter-inner{font-family:Courier Prime,ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Segoe UI Mono,monospace;font-size:inherit;line-height:inherit;letter-spacing:normal;-webkit-font-smoothing:antialiased;font-variant-ligatures:none}.textarea-highlighter .nl-token{color:var(--accent-green, #22c55e);font-weight:700;font-family:inherit;line-height:inherit;display:inline;padding:0;background:#22c55e0f}.textarea-highlighter-inner{position:absolute;top:0;left:0;padding:8px;width:100%}.qno-prompt-header{display:flex;align-items:center;gap:8px}.qno-prompt-title{font-style:normal;font-weight:600}.qno-ellipsis{font-style:normal;opacity:.9}@keyframes dotCycle{0%{content:"."}33%{content:".."}66%{content:"…"}to{content:"…"}}.qno-ellipsis:after{content:".";display:inline-block;width:1.4ch;text-align:left;animation:dotCycle 1s cubic-bezier(.4,0,.2,1) infinite;animation-duration:1s}@media (prefers-reduced-motion: reduce){.qno-ellipsis:after{animation:none;content:"…"}}.qno-preview{margin-top:8px;display:flex;flex-direction:column;gap:4px}.qno-preview [data-first]{font-style:italic;color:#e6eef8b8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.qno-preview [data-last]{font-style:italic;color:#e6eef88f;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.qno-preview [data-last]>div{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.qno-preview.fade-out{transition:opacity .12s ease;opacity:0}.qno-preview[aria-hidden=true]{pointer-events:none;-webkit-user-select:none;user-select:none}.responsive-controls-group{container-type:inline-size;contain:layout inline-size}.responsive-controls-group{position:relative}.responsive-controls-group:after{content:"Stage: " attr(data-stage);position:absolute;top:-1.6rem;right:.25rem;background:#0009;color:#fff;font-size:11px;padding:2px 6px;border-radius:6px;z-index:9999;pointer-events:none;transition:opacity .12s ease,transform .12s ease}@container (max-width: 70ch){.responsive-controls-group:after{content:"Stage: 2"}}@container (max-width: 58ch){.responsive-controls-group:after{content:"Stage: 3"}}.responsive-controls-group{outline:1px dashed rgba(255,255,255,.06);outline-offset:6px}.__controls-stage-badge{box-shadow:0 6px 18px #0009}.responsive-controls-group[data-stage="1"] .control-label-full{display:inline-block}.responsive-controls-group[data-stage="1"] .control-label-medium,.responsive-controls-group[data-stage="1"] .control-label-icon,.responsive-controls-group[data-stage="1"] .size-letter{display:none}.responsive-controls-group[data-stage="2"] .control-label-full{display:none;opacity:0;transform:translateY(-2px)}.responsive-controls-group[data-stage="2"] .control-label-medium{display:inline-block;opacity:1;transform:translateY(0)}.responsive-controls-group[data-stage="2"] .control-label-icon,.responsive-controls-group[data-stage="2"] .size-letter,.responsive-controls-group[data-stage="3"] .control-label-full,.responsive-controls-group[data-stage="3"] .control-label-medium{display:none;opacity:0}.responsive-controls-group[data-stage="3"] .control-label-icon,.responsive-controls-group[data-stage="3"] .size-letter{display:inline-block;opacity:1;transform:translateY(0)}.responsive-controls-group[data-stage="3"] .visually-hidden-when-compact{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.responsive-controls-group[data-stage="3"] .responsive-controls{min-width:44px;min-height:44px;padding:0 8px}.responsive-controls-group[data-stage="3"] .responsive-controls>i{font-size:18px}.responsive-controls .control-label-full{display:inline-block}.responsive-controls .control-label-medium,.responsive-controls .control-label-icon,.responsive-controls .size-letter{display:none}.responsive-controls .control-label-full,.responsive-controls .control-label-medium,.responsive-controls .control-label-icon,.responsive-controls .size-letter{transition:opacity .12s ease,transform .12s ease;will-change:opacity,transform}@container (max-width: 70ch){.responsive-controls-group .responsive-controls .control-label-full{display:none!important;opacity:0!important;transform:translateY(-2px)!important;width:0!important;overflow:hidden!important;white-space:nowrap!important}.responsive-controls-group .responsive-controls .control-label-medium{display:inline-block!important;opacity:1!important;transform:translateY(0)!important;width:auto!important;overflow:visible!important;white-space:nowrap!important}.responsive-controls-group .responsive-controls .control-label-icon,.responsive-controls-group .responsive-controls .size-letter{display:none!important;opacity:0!important;width:0!important;overflow:hidden!important}}@container (max-width: 58ch){.responsive-controls-group .responsive-controls .control-label-full,.responsive-controls-group .responsive-controls .control-label-medium{display:none!important;opacity:0!important;width:0!important;overflow:hidden!important;white-space:nowrap!important}.responsive-controls-group .responsive-controls .control-label-icon,.responsive-controls-group .responsive-controls .size-letter{display:inline-block!important;opacity:1!important;transform:translateY(0)!important;width:auto!important;overflow:visible!important;text-align:center!important}.responsive-controls-group .responsive-controls .visually-hidden-when-compact{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@media (prefers-reduced-motion: reduce){.responsive-controls .control-label-full,.responsive-controls .control-label-medium,.responsive-controls .control-label-icon,.responsive-controls .size-letter{transition:none!important}}.responsive-controls{min-height:32px}.responsive-controls>i,.responsive-controls>svg{pointer-events:none}.responsive-controls .size-letter{min-width:24px;display:inline-block;text-align:center}.textarea-wrapper{position:relative}.qno-inline-prompt{position:absolute;top:8px;left:8px;right:8px;pointer-events:none}.textarea-wrapper textarea{font-family:Courier Prime,ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Segoe UI Mono,monospace}.qno-inline-header{display:flex;align-items:center;gap:8px}.qno-inline-title{font-weight:600;font-style:normal;color:#e6eef8e6}.qno-inline-prompt .qno-preview{margin-top:4px}.textarea-wrapper .qno-inline-prompt+textarea::placeholder{color:transparent}