*,:after,:before{box-sizing:border-box}:root{--filo-heading-font:"Sulphur Point",system-ui,sans-serif;--filo-body-font:"Inter",system-ui,-apple-system,sans-serif;--filo-radius:20px;--filo-btn-radius:12px;--filo-glass-bg:hsla(0,0%,100%,.7);--filo-glass-border:hsla(0,0%,100%,.5);--filo-glass-blur:12px;--filo-shadow:0 4px 24px rgba(15,23,42,.06)}[data-theme=dark]{--filo-glass-bg:rgba(15,18,29,.8);--filo-glass-border:hsla(0,0%,100%,.08);--filo-glass-blur:16px;--filo-shadow:0 4px 24px rgba(0,0,0,.3)}html{scroll-behavior:smooth}body{font-family:var(--filo-body-font);color:var(--filo-body,#475569);background:var(--filo-cream,#f8fafc);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;margin:0}h1,h2,h3,h4{font-family:var(--filo-heading-font);font-weight:700;line-height:1.25;color:var(--filo-heading,#0f172a)}a{transition:color .25s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--filo-terracotta,#8b5cf6);box-shadow:0 0 0 3px rgba(139,92,246,.2)}button{transition:all .25s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(139,92,246,.15)}button:active:not(:disabled){transform:translateY(0)}.filo-banner-parallax{background-attachment:fixed;background-size:cover;background-position:50%}@media (max-width:767px){.filo-banner-parallax{background-attachment:scroll}}.filo-lesson-content{color:var(--filo-body,#475569);font-size:.95rem;line-height:1.7}.filo-lesson-content p{margin:0 0 .6em}.filo-lesson-content ol,.filo-lesson-content ul{padding-left:1.5em;margin:.4em 0 .8em}.filo-lesson-content li{margin-bottom:.2em}.filo-lesson-content table{border-collapse:collapse;width:100%;margin:.6em 0}.filo-lesson-content td,.filo-lesson-content th{border:1px solid var(--filo-sand,#e2e8f0);padding:6px 10px;text-align:left}.filo-lesson-content th{background:var(--filo-linen,#f1f5f9);font-weight:600}.filo-lesson-content img{max-width:100%;height:auto;border-radius:8px;margin:.5em 0}.filo-lesson-content pre{background:var(--filo-linen,#f1f5f9);border:1px solid var(--filo-sand,#e2e8f0);border-radius:8px;padding:12px 16px;font-family:monospace;font-size:.85rem;overflow-x:auto;white-space:pre-wrap;margin:.5em 0}@media (max-width:767px){body{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}.mobile-safe-bottom{padding-bottom:calc(60px + env(safe-area-inset-bottom, 0px))}}