@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700;800&family=Inter:wght@400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--cream: #F7F3E6;--cream2: #EFE9D8;--paper: #FFFDF7;--ink: #181510;--ink-soft: #5B5647;--line: #181510;--lime: #D3FF4D;--lime-ink: #1D3B00;--blue: #4C6FFF;--blue-soft: #E7ECFF;--coral: #FF6B57;--coral-soft: #FFE7E2;--green: #1FA463;--green-soft: #E3F7EC;--amber: #E8A722;--radius: 16px;--mono: "JetBrains Mono", monospace;--sans: "Inter", -apple-system, sans-serif;--safe-top: 0px;--safe-bottom: 0px;--color-junior: #51cf66;--color-middle: #fcc419;--color-senior: #ff6b6b;--color-java-core: #ff6b6b;--color-collections: #4ecdc4;--color-multithreading: #95e1d3;--color-oop: #f38181;--color-spring: #38ada9;--color-jvm: #786fa6;--color-exceptions: #f8b500;--color-stream-api: #6c5ce7;--color-design-patterns: #a29bfe;--color-testing: #fd79a8;--color-database: #00b894}html{height:100%;min-height:-webkit-fill-available}body{font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--cream);color:var(--ink);width:100%;height:100%;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#root{width:100%;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--mono);font-weight:800;letter-spacing:-.02em}code{font-family:Courier New,Courier,monospace;background:#0000000d;padding:2px 6px;border-radius:4px;font-size:.9em}pre{background:#0000000d;padding:12px;border-radius:8px;overflow-x:auto;margin:12px 0}pre code{background:none;padding:0}button{font-family:inherit;cursor:pointer;border:none;outline:none;-webkit-tap-highlight-color:transparent}input,textarea{font-family:inherit;outline:none}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000004d}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}