@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.collapse{visibility:collapse}.relative{position:relative}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg-color:#fff;--text-color:#000;--surface-color:#f8f8f8;--border-color:#e5e5e5;--hover-color:#f0f0f0;--active-color:#000;--active-text:#fff;--muted-text:#666;--code-bg:#f5f5f5;--surface-hover:#eaeaea;--text-primary:var(--text-color);--text-secondary:var(--muted-text);--primary:var(--active-color);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--error:#ef4444;--success:#10b981}[data-theme=dark]{--bg-color:#000;--text-color:#fff;--surface-color:#111;--border-color:#333;--hover-color:#222;--active-color:#333;--active-text:#fff;--muted-text:#888;--code-bg:#111;--surface-hover:#333}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px}.btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:10px 24px;font-size:.95rem;font-weight:600;transition:opacity .2s;display:inline-flex}.btn-primary{background:var(--active-color);color:var(--active-text)}.btn-primary:hover{opacity:.9}.input-block{background:var(--surface-color);border:1px solid var(--border-color);width:100%;color:var(--text-color);border-radius:4px;padding:10px}.section-header{justify-content:space-between;align-items:baseline;margin-bottom:20px;display:flex}h1{letter-spacing:-1px;margin-bottom:5px;font-size:2rem}.subtitle{color:var(--muted-text);font-size:1rem}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}