: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}: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)}}@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}}@media (prefers-reduced-motion: reduce),(prefers-reduced-transitions: reduce){*{transition:none!important;animation:none!important}}@media (prefers-contrast: more){:root{--color-text-primary: #fff;--color-text-secondary: #ddd}body{background-color:#000}}@keyframes search-highlight-pulse{0%{background-color:#3b82f659;box-shadow:0 0 0 2px #3b82f680}50%{background-color:#3b82f626;box-shadow:0 0 0 2px #3b82f640}to{background-color:transparent;box-shadow:none}}.search-highlight-flash{animation:search-highlight-pulse 2s ease-out;border-radius:8px}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:rgba(var(--color-primary-rgb),.3);color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px rgba(var(--color-primary-rgb),.5)}50%{box-shadow:0 0 20px rgba(var(--color-primary-rgb),.8)}}.active\:scale-95:active{transform:scale(.95)}.active\:scale-98:active{transform:scale(.98)}.skip-to-main{position:absolute;left:-9999px;z-index:999;padding:1rem;background-color:var(--color-primary);color:#fff;text-decoration:none;border-radius:.5rem}.skip-to-main:focus{left:1rem;top:1rem}.qno-panel{background:linear-gradient(135deg,#0f172af2,#1e293be6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.2)}.textarea-highlighter{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:.375rem;background:transparent}.textarea-highlighter-inner{padding:.5rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;color:transparent;background:transparent}.textarea-highlighter .nl-token{background-color:#10b9814d;padding:0 2px;border-radius:2px;color:transparent}.qno-inline-prompt{position:absolute;top:.5rem;left:.5rem;right:.5rem;padding:.75rem;background:#1e293b99;border:1px solid rgba(148,163,184,.2);border-radius:.375rem;pointer-events:none;z-index:1}.qno-inline-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.qno-inline-title{font-size:.75rem;color:#e2e8f0b3;font-weight:500}.qno-ellipsis:after{content:"...";animation:ellipsis 1.5s infinite}@keyframes ellipsis{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.qno-preview{font-size:.875rem;line-height:1.5;color:#e2e8f0cc;opacity:1;transition:opacity .12s ease-out}.qno-preview.fade-out{opacity:0}.qno-preview [data-first]{font-weight:500;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qno-preview [data-last]{font-size:.75rem;color:#94a3b899;line-height:1.4}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}