*,*:before,*:after{box-sizing:border-box}*{-webkit-user-select:text;user-select:text}body{margin:0;font-family:DM Sans,system-ui,sans-serif;background:#f8f9fa;color:#1a1a2e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.code-block pre{background:#1e293b;color:#cbd5e1;padding:1.25rem 1.5rem;border-radius:0 0 8px 8px;overflow-x:auto;font-family:JetBrains Mono,Consolas,monospace;font-size:.8rem;line-height:1.75;margin:0;white-space:pre;-moz-tab-size:2;tab-size:2}.code-header{background:#273548;border-radius:8px 8px 0 0;padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between}.sidebar-scroll::-webkit-scrollbar{width:3px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:#475569;border-radius:2px}.content-scroll::-webkit-scrollbar{width:5px}.content-scroll::-webkit-scrollbar-track{background:transparent}.content-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.timer-ring{transition:stroke-dashoffset 1s linear;transform:rotate(-90deg);transform-origin:50% 50%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease-out}@keyframes popIn{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.pop-in{animation:popIn .2s ease}.progress-fill{transition:width .5s ease}textarea{font-family:JetBrains Mono,Consolas,monospace;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;width:100%;font-size:.82rem;color:#1a1a2e;line-height:1.65;resize:vertical;outline:none;transition:border-color .15s}textarea:focus{border-color:#0d9488}textarea::placeholder{color:#9ca3af}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}