:root{--text: #EDDAD3;--text-muted: #958E99;--text-accent: #FBD057;--background: #1A1B25;--background-accent: #423841;--border: #000000;--highlight: #62FFF1}*{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:"SF Mono",Menlo,Monaco,monospace;background:var(--background);color:var(--text-muted);line-height:1.4;padding:12px}a{color:var(--highlight);text-decoration:none;border:1px solid rgba(0,0,0,0)}a:hover{border:1px solid var(--highlight)}nav{display:flex;gap:16px;margin-bottom:24px;padding-bottom:8px;border-bottom:1px solid var(--background-accent)}nav a.active{color:var(--text-accent)}.container{max-width:800px}.header{margin-bottom:16px}.header h1{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:4px}.header p{color:var(--text-muted)}.header a{display:inline-block;margin-bottom:8px}.header code{display:block;margin-top:4px}.section{margin-bottom:20px}.section h2{font-size:1rem;font-weight:600;color:var(--text-muted);margin-bottom:4px}ul{list-style:none}.example-list{column-count:3;column-gap:16px}.example-list li{break-inside:avoid}.run-hint{margin-top:8px;color:var(--text-muted)}code,pre{font-family:"SF Mono",Menlo,Monaco,monospace;background:color-mix(in srgb, var(--background-accent) 50%, rgba(0,0,0,0))}code{padding:1px 4px}pre{color:var(--text);padding:3px 6px;overflow-x:auto;border:1px solid var(--border);border-radius:4px 3px 11px 5px;display:inline-block;margin:0 -6px}.content h2{font-size:1rem;font-weight:600;color:var(--text-muted);margin:20px 0 8px}.content h2:first-child{margin-top:0}@media (max-width: 600px){.example-list{column-count:2}}@media (max-width: 400px){.example-list{column-count:1}}.learn-layout{display:grid;grid-template-columns:200px 1fr;gap:32px;max-width:1000px}.learn-sidebar{position:sticky;top:12px;align-self:start}.learn-sidebar h2{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.learn-nav{display:flex;flex-direction:column;gap:4px}.learn-nav li a{display:block;padding:4px 8px;color:var(--text-muted);border-radius:4px;border:1px solid rgba(0,0,0,0)}.learn-nav li a:hover{color:var(--text);background:var(--background-accent);border:1px solid rgba(0,0,0,0)}.learn-nav li a.active{color:var(--text-accent);background:color-mix(in srgb, var(--text-accent) 10%, rgba(0,0,0,0))}.learn-content{min-width:0;max-width:700px}.learn-content .header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--background-accent)}.learn-content .header h1{font-size:1.5rem;margin-bottom:8px}.learn-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:16px;margin-top:24px}.learn-card{display:block;padding:16px;background:var(--background-accent);border:1px solid var(--border);border-radius:6px}.learn-card:hover{border-color:var(--highlight)}.learn-card h3{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:4px}.learn-card p{font-size:.9rem;color:var(--text-muted)}.learn-content .content h1{font-size:1.25rem;font-weight:600;color:var(--text);margin:28px 0 12px}.learn-content .content h2{font-size:1.1rem;margin:24px 0 10px}.learn-content .content h3{font-size:1rem;font-weight:600;color:var(--text);margin:20px 0 8px}.learn-content .content h4{font-size:.9rem;font-weight:600;color:var(--text-muted);margin:16px 0 6px}.learn-content .content p{margin:12px 0;line-height:1.6}.learn-content .content ul,.learn-content .content ol{margin:12px 0;padding-left:24px}.learn-content .content li{margin:6px 0;line-height:1.5}.learn-content .content ol{list-style:decimal}.learn-content .content ul{list-style:disc}.learn-content .content pre{display:block;margin:16px 0;padding:12px 16px;max-width:100%}.learn-content .content code{font-size:.95em}.learn-content .content table{width:100%;margin:16px 0;border-collapse:collapse}.learn-content .content th,.learn-content .content td{padding:8px 12px;text-align:left;border:1px solid var(--background-accent)}.learn-content .content th{background:var(--background-accent);color:var(--text);font-weight:600}.learn-content .content hr{border:none;border-top:1px solid var(--background-accent);margin:32px 0}.learn-content .content blockquote{margin:16px 0;padding:12px 16px;border-left:3px solid var(--text-accent);background:color-mix(in srgb, var(--background-accent) 50%, rgba(0,0,0,0))}.learn-content .content blockquote p{margin:0}.learn-content .content strong{color:var(--text);font-weight:600}.page-nav{display:flex;justify-content:space-between;gap:16px;margin-top:48px;padding-top:24px;border-top:1px solid var(--background-accent)}.page-nav a{display:flex;flex-direction:column;padding:12px 16px;background:var(--background-accent);border:1px solid var(--border);border-radius:6px;max-width:45%}.page-nav a:hover{border-color:var(--highlight)}.page-nav a span{font-size:.85rem;color:var(--text-muted)}.page-nav a strong{color:var(--text)}.page-nav-next{text-align:right;margin-left:auto}@media (max-width: 768px){.learn-layout{grid-template-columns:1fr}.learn-sidebar{position:static;padding-bottom:16px;border-bottom:1px solid var(--background-accent)}.learn-nav{flex-direction:row;flex-wrap:wrap;gap:8px}.page-nav{flex-direction:column}.page-nav a{max-width:100%}.page-nav-next{text-align:left}}.learn-content pre code,.content pre code{display:block;padding:12px 16px;overflow-x:auto;line-height:1.5}.keyword{color:#cba6f7}.function{color:#89b4fa}.type,.constructor{color:#f9e2af}.string{color:#a6e3a1}.number,.constant{color:#fab387}.comment{color:#6c7086;font-style:italic}.operator{color:#89dceb}.punctuation{color:#9399b2}.property{color:#89b4fa}.variable{color:#cdd6f4}.macro{color:#89dceb}.attribute{color:#f9e2af}.label{color:#f38ba8}.namespace{color:#f9e2af}.embedded{color:#cdd6f4}.tag{color:#f38ba8}.special{color:#f5c2e7}