*,*:before,*:after{box-sizing:border-box}*{-webkit-user-select:text;user-select:text}:root{color-scheme:light}html,body,#root{min-height:100%}body{margin:0;font-family:IBM Plex Sans,system-ui,sans-serif;background:radial-gradient(circle at top left,rgba(191,219,254,.72),transparent 34%),radial-gradient(circle at top right,rgba(224,242,254,.8),transparent 32%),linear-gradient(180deg,#eff6ff,#f8fbff,#f3f8ff);color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#60a5fa38}.app-shell{position:relative}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.7),transparent 24%),radial-gradient(circle at 85% 12%,rgba(191,219,254,.26),transparent 20%)}.surface-panel{position:relative;background:#ffffffc2;border:1px solid rgba(191,219,254,.7);box-shadow:0 18px 50px #94a3b81f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hero-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.88),transparent 28%),radial-gradient(circle at 88% 16%,rgba(191,219,254,.36),transparent 24%),linear-gradient(135deg,#ffffffc7,#eff6ff85);pointer-events:none}.hero-orbit{position:absolute;right:-3rem;top:-4rem;width:16rem;height:16rem;border-radius:9999px;background:radial-gradient(circle,rgba(255,255,255,.72) 0%,rgba(191,219,254,.16) 45%,transparent 74%);pointer-events:none}.code-block{background:#020617}.code-block pre{margin:0;overflow-x:auto;background:linear-gradient(180deg,#0f172a,#111c31);color:#dbeafe;padding:1.35rem 1.5rem;font-family:JetBrains Mono,Consolas,monospace;font-size:.82rem;line-height:1.8;white-space:pre;-moz-tab-size:2;tab-size:2}.code-block pre.wrap-code{white-space:pre-wrap;word-break:break-word}.code-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#0f172a,#111827);border-bottom:1px solid rgba(148,163,184,.16);padding:.8rem 1rem}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:#94a3b88c;border-radius:999px}.content-scroll::-webkit-scrollbar{width:8px}.content-scroll::-webkit-scrollbar-track{background:transparent}.content-scroll::-webkit-scrollbar-thumb{background:#94a3b87a;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.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{width:100%;resize:vertical;outline:none;border-radius:22px;border:1px solid rgba(191,219,254,.9);background:#ffffffd1;padding:1rem 1.1rem;font-family:JetBrains Mono,Consolas,monospace;font-size:.84rem;line-height:1.75;color:#0f172a;transition:border-color .15s,box-shadow .15s,background-color .15s}textarea:focus{border-color:#3b82f6bf;box-shadow:0 0 0 4px #60a5fa1f;background:#fffffff0}textarea::placeholder{color:#94a3b8}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0f172a38;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}