:root{--bg-base:#0c0c0c;--bg-elevated:#111;--bg-code:#0d0d0d;--bg-inline-code:#1a1a1a;--bg-subtle:#161616;--border:#1c1c1c;--border-strong:#2a2a2a;--text-primary:#f5f5f5;--text-secondary:#e0e0e0;--text-body:#b8b8b8;--text-secondary-muted:#a0a0a0;--text-tertiary:#999;--text-quaternary:#888;--accent:#ff3e00;--accent-soft:#ff3e001f;--code:#7ec8a4}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-base);color:var(--text-secondary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}main{max-width:680px;margin:0 auto;padding:2rem 1.5rem 5rem}p{color:var(--text-body);margin-bottom:.75rem;font-size:.9375rem;line-height:1.65}ol,ul{color:var(--text-body);flex-direction:column;gap:.5rem;padding-left:1.4rem;font-size:.9375rem;line-height:1.65;display:flex}strong{color:var(--text-primary);font-weight:600}.subtitle{color:var(--text-secondary-muted);font-size:.95rem}section{margin-bottom:2.5rem}main a{color:var(--accent);text-decoration:none}@media (hover:hover) and (pointer:fine){main p a:hover,main li a:hover,main .tip a:hover,main .notice a:hover{text-decoration:underline}}.card,.card:hover,.back,.back:hover,.cta,.cta:hover{text-decoration:none}.back{color:var(--text-tertiary);margin-bottom:2rem;font-size:.875rem;text-decoration:none;transition:color .15s ease-out;display:inline-block}@media (hover:hover) and (pointer:fine){.back:hover{color:var(--accent);text-decoration:none}}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.badge.easy{color:#5fc972;background:#0f2410}.badge.medium{color:#ffa726;background:#2a1f08}.badge.hard{color:#ff5757;background:#2a0d0d}section h2{color:var(--text-tertiary);letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem;font-size:.8rem;font-weight:600}pre{background:var(--bg-code);border:1px solid var(--border);border-radius:8px;margin:.75rem 0;padding:1rem 1.25rem;overflow-x:auto}code{color:var(--code);font-family:Fira Code,ui-monospace,monospace;font-size:.85rem}:not(pre)>code{background:var(--bg-inline-code);border-radius:4px;padding:.12em .4em;font-size:.85em}.example-box{background:var(--bg-code);border:1px solid var(--border);border-radius:8px;margin:.75rem 0;padding:1rem 1.25rem}.example-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.75rem;font-weight:500}.eyebrow{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:600}.cards{flex-direction:column;gap:.75rem;display:flex}.card{background:var(--bg-elevated);border:1px solid var(--border);color:inherit;border-radius:12px;padding:1.5rem;text-decoration:none;transition:border-color .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1),background-color .2s cubic-bezier(.23,1,.32,1);display:block;position:relative}@media (hover:hover) and (pointer:fine){.card:hover{background-color:var(--bg-subtle);border-color:var(--border-strong);transform:translateY(-2px)}}.card:active{background-color:#141414;transform:scale(.98)}.card-meta{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.card-label{color:var(--text-quaternary);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:600}.card h2{color:var(--text-primary);letter-spacing:-.01em;text-transform:none;border-bottom:none;margin-bottom:.5rem;padding-bottom:0;font-size:1.0625rem;font-weight:600}.card p{color:var(--text-secondary-muted);margin-bottom:0;font-size:.9rem;line-height:1.55}.arrow{color:var(--text-quaternary);margin-top:1rem;font-size:1rem;transition:color .2s ease-out,transform .2s cubic-bezier(.23,1,.32,1);display:inline-block}@media (hover:hover) and (pointer:fine){.card:hover .arrow{color:var(--accent);transform:translate(3px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}nav.svelte-12qhfyh{z-index:100;-webkit-backdrop-filter:blur(16px);background:#0c0c0ccc;border-bottom:1px solid #1c1c1c;position:sticky;top:0}.nav-inner.svelte-12qhfyh{justify-content:space-between;align-items:center;max-width:820px;height:54px;margin:0 auto;padding:0 1.5rem;display:flex}.brand.svelte-12qhfyh{color:#fff;letter-spacing:-.01em;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .15s ease-out}.brand.svelte-12qhfyh:hover{opacity:.7;text-decoration:none}.links.svelte-12qhfyh{gap:.125rem;display:flex}.links.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--text-secondary-muted);border-radius:6px;padding:.375rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s ease-out,background-color .15s ease-out}@media (hover:hover) and (pointer:fine){.links.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--text-primary);background-color:var(--border);text-decoration:none}}