/*!
 * Inherent.css v1.1.0
 * Write plain HTML without adding a single class: get automatic light/dark mode, 1-token color branding, and responsive layouts out of the box.
 * Built out of pure retinal self-defense against AI purple gradients by lalithaar (https://isrl.in/)
 * Licensed under MIT
 */
@layer reset,tokens,base,layout,typography,forms,data,media;@layer tokens{:root{color-scheme:light dark;--theme:#6366f1;--canvas:Canvas;--canvas-text:CanvasText;--link:LinkText;--visited:VisitedText;--bg:color-mix(in oklch,var(--theme) 2.5%,Canvas);--fg:CanvasText;--muted:color-mix(in oklch,CanvasText 60%,Canvas);--surface-1:color-mix(in oklch,var(--theme) 5.5%,Canvas);--surface-2:color-mix(in oklch,var(--theme) 11%,Canvas);--surface-3:color-mix(in oklch,var(--theme) 17%,Canvas);--surface-hover:color-mix(in oklch,var(--theme) 14%,Canvas);--border:color-mix(in oklch,var(--theme) 20%,Canvas);--border-strong:color-mix(in oklch,var(--theme) 46%,Canvas);--border-subtle:color-mix(in oklch,var(--theme) 10%,Canvas);--primary:color-mix(in oklch,var(--theme) 85%,CanvasText);--primary-surface:color-mix(in oklch,var(--theme) 14%,Canvas);--danger:color-mix(in oklch,#ef4444 86%,var(--theme));--danger-surface:color-mix(in oklch,#ef4444 14%,Canvas);--warn:color-mix(in oklch,#f59e0b 86%,var(--theme));--warn-surface:color-mix(in oklch,#f59e0b 14%,Canvas);--success:color-mix(in oklch,#10b981 86%,var(--theme));--success-surface:color-mix(in oklch,#10b981 14%,Canvas);--info:color-mix(in oklch,#0284c7 86%,var(--theme));--info-surface:color-mix(in oklch,#0284c7 14%,Canvas);--gradient-brand-fallback:linear-gradient(135deg,var(--primary),var(--surface-2));--gradient-brand:linear-gradient(in oklch 135deg,var(--primary),color-mix(in oklch,var(--theme) 45%,Highlight));--gradient-subtle-fallback:linear-gradient(180deg,var(--surface-1),var(--bg));--gradient-subtle:linear-gradient(in oklch 180deg,var(--surface-1),var(--bg));--mark-bg:#fde047;--mark-fg:#000000;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--font-mono:ui-monospace,"SF Mono","Cascadia Code","Source Code Pro",Menlo,Consolas,monospace;--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-loose:1.75;--measure-prose:72ch;--measure-wide:1150px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:9999px;--shadow-sm:0 1px 2px color-mix(in srgb,CanvasText 8%,transparent);--shadow-md:0 4px 12px color-mix(in srgb,CanvasText 12%,transparent);--shadow-lg:0 12px 28px color-mix(in srgb,CanvasText 16%,transparent);--transition:0.18s ease-in-out}@media (prefers-color-scheme:dark){:root{--bg:color-mix(in oklch,var(--theme) 4%,Canvas);--surface-1:color-mix(in oklch,var(--theme) 8%,Canvas);--surface-2:color-mix(in oklch,var(--theme) 14%,Canvas);--surface-3:color-mix(in oklch,var(--theme) 20%,Canvas);--surface-hover:color-mix(in oklch,var(--theme) 16%,Canvas);--border:color-mix(in oklch,var(--theme) 26%,Canvas);--border-strong:color-mix(in oklch,var(--theme) 52%,Canvas);--border-subtle:color-mix(in oklch,var(--theme) 14%,Canvas);--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23aaaaaa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}}[data-theme="indigo"]{--theme:#6366f1}[data-theme="emerald"]{--theme:#10b981}[data-theme="rose"]{--theme:#f43f5e}[data-theme="amber"]{--theme:#f59e0b}[data-theme="cyan"]{--theme:#06b6d4}[data-theme="violet"]{--theme:#8b5cf6}[data-theme="crimson"]{--theme:#e11d48}[data-theme="teal"]{--theme:#14b8a6}[data-theme="neutral"]{--theme:CanvasText}}@layer reset{*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}}@layer base{body{background-color:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);padding:clamp(1rem,3vw,2.5rem);display:flex;flex-direction:column;min-height:100vh}a{color:var(--primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--transition),text-decoration-color var(--transition);&:hover{text-decoration-thickness:2px;color:color-mix(in oklch,var(--primary) 80%,CanvasText)}}hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0;width:100%}::selection{background:color-mix(in oklch,var(--primary) 35%,Canvas);color:CanvasText}}@layer layout{body>header,body>nav,body>main,body>footer{width:100%;max-width:var(--measure-prose);margin-inline:auto}body>header{margin-bottom:2rem}body>main{flex:1 0 auto;margin-bottom:3rem}body>footer{margin-top:auto;padding-top:2rem;border-top:1px solid var(--border-subtle);color:var(--muted);font-size:var(--font-size-sm);text-align:center}nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-block:0.75rem;& ul{display:flex;align-items:center;gap:1.25rem;list-style:none;padding:0;margin:0;flex-wrap:wrap}& a{text-decoration:none;color:var(--fg);font-weight:500;padding:0.35rem 0.65rem;border-radius:var(--radius-sm);transition:background-color var(--transition);&:hover{background-color:var(--surface-2);color:var(--fg)}&[aria-current="page"]{color:var(--primary);font-weight:600}}}@media (max-width:640px){nav{flex-direction:column;align-items:flex-start;gap:0.75rem;& ul{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:0.35rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0.5rem;&::-webkit-scrollbar{display:none}& li{flex-shrink:0}}}}.wide,body>header.wide,body>nav.wide,body>main.wide,body>footer.wide{max-width:var(--measure-wide)}.full,body>header.full,body>nav.full,body>main.full,body>footer.full{max-width:100%}.sidebar-left{display:grid;grid-template-columns:minmax(220px,260px) 1fr;gap:1.5rem;align-items:start}.sidebar-right{display:grid;grid-template-columns:1fr minmax(220px,260px);gap:1.5rem;align-items:start}.split{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}@media (max-width:768px){.sidebar-left,.sidebar-right,.split,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}section{margin-block:2rem}article{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:clamp(1.25rem,2.5vw,2rem);margin-block:1.5rem;box-shadow:var(--shadow-sm);&>header{width:100%;margin-inline:0;margin-bottom:1.25rem;border-bottom:1px solid var(--border-subtle);padding-bottom:0.75rem}&>footer{width:100%;margin-inline:0;margin-top:1.25rem;padding-top:0.75rem;border-top:1px solid var(--border-subtle);text-align:left}}aside{background-color:var(--surface-1);border-inline-start:4px solid var(--primary);padding:1rem 1.25rem;border-radius:0 var(--radius-md) var(--radius-md) 0;margin-block:1.5rem;color:color-mix(in srgb,CanvasText 88%,Canvas)}}@layer typography{h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--line-height-tight);color:var(--fg);text-wrap:balance}h1{font-size:var(--font-size-3xl);margin:2rem 0 1rem;letter-spacing:-0.02em}h2{font-size:var(--font-size-2xl);margin:1.75rem 0 0.85rem;letter-spacing:-0.015em}h3{font-size:var(--font-size-xl);margin:1.5rem 0 0.75rem}h4{font-size:var(--font-size-lg);margin:1.25rem 0 0.5rem}h5{font-size:var(--font-size-md);margin:1rem 0 0.5rem}h6{font-size:var(--font-size-base);color:var(--muted);margin:1rem 0 0.5rem}p{margin-bottom:1.25rem;line-height:var(--line-height-loose)}small{font-size:var(--font-size-sm);color:var(--muted)}blockquote{border-inline-start:3px solid var(--primary);margin:1.5rem 0;padding-inline-start:1.25rem;padding-block:0.25rem;font-style:italic;color:color-mix(in srgb,CanvasText 85%,Canvas);& cite{display:block;margin-top:0.5rem;font-size:var(--font-size-sm);color:var(--muted);font-style:normal;&::before{content:"— "}}}mark{background-color:var(--mark-bg,#fde047);color:var(--mark-fg,#000000);padding:0.1em 0.35em;border-radius:var(--radius-sm)}kbd{font-family:var(--font-mono);font-size:0.85em;background-color:var(--surface-2);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--radius-sm);padding:0.15em 0.4em;box-shadow:0 1px 0 var(--border)}code{font-family:var(--font-mono);font-size:0.9em;background-color:var(--surface-2);border:1px solid var(--border-subtle);padding:0.15em 0.35em;border-radius:var(--radius-sm);color:var(--primary)}pre{font-family:var(--font-mono);font-size:var(--font-size-sm);background-color:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;overflow-x:auto;line-height:1.6;margin-block:1.5rem;& code{background:none;border:none;padding:0;font-size:inherit;color:inherit}}ul,ol{margin-block:1rem;padding-inline-start:1.75rem;& li{margin-bottom:0.35rem;line-height:var(--line-height-normal)}}dl{margin-block:1.25rem;& dt{font-weight:600;margin-top:0.75rem;color:var(--fg)}& dd{margin-inline-start:1.25rem;color:color-mix(in srgb,CanvasText 85%,Canvas)}}}@layer forms{form{margin-block:1.5rem;display:flex;flex-direction:column;gap:1.25rem}fieldset{border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;background:var(--surface-1)}legend{font-weight:600;padding-inline:0.5rem;font-size:var(--font-size-md);color:var(--fg)}label{display:flex;flex-direction:column;gap:0.35rem;font-size:var(--font-size-sm);font-weight:500;&:has(input[type="checkbox"]),&:has(input[type="radio"]){flex-direction:row;align-items:center;gap:0.5rem;cursor:pointer;font-weight:400}}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select,textarea{width:100%;padding:0.6rem 0.85rem;background-color:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition),box-shadow var(--transition);outline:none;&:hover{border-color:var(--border-strong)}&:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 25%,transparent)}&:disabled{opacity:0.6;cursor:not-allowed;background-color:var(--surface-1)}&[aria-invalid="true"],&:user-invalid{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 20%,transparent)}}textarea{min-height:100px;resize:vertical}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:var(--select-chevron);background-repeat:no-repeat;background-position:right 1.25rem center;background-size:1rem 1rem;padding-inline-end:3rem;cursor:pointer}button,input[type="button"],input[type="submit"],input[type="reset"]{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.55rem 1.1rem;font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background-color:var(--surface-2);color:var(--fg);cursor:pointer;transition:background-color var(--transition),border-color var(--transition),transform 0.05s ease;user-select:none;width:fit-content;&:hover{background-color:var(--surface-3);border-color:var(--primary)}&:active{transform:scale(0.98)}&:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 30%,transparent)}&:disabled{opacity:0.5;cursor:not-allowed;transform:none}}button[type="submit"],input[type="submit"]{background-color:var(--primary);color:Canvas;border-color:var(--primary);font-weight:600;&:hover{background-color:color-mix(in oklch,var(--primary) 90%,CanvasText);border-color:color-mix(in oklch,var(--primary) 90%,CanvasText);color:Canvas}}button[type="reset"],input[type="reset"]{background-color:transparent;border-color:var(--border);&:hover{border-color:var(--danger);color:var(--danger)}}input[type="checkbox"],input[type="radio"]{appearance:none;width:1.15rem;height:1.15rem;margin:0;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);background-color:var(--bg);display:inline-grid;place-content:center;cursor:pointer;transition:all var(--transition);&::before{content:"";width:0.65rem;height:0.65rem;transform:scale(0);transition:0.12s transform ease-in-out;background-color:Canvas;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}&:checked{background-color:var(--primary);border-color:var(--primary);&::before{transform:scale(1)}}&:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 30%,transparent)}}input[type="radio"]{border-radius:var(--radius-pill);&::before{clip-path:circle(50%);width:0.55rem;height:0.55rem}}input[type="color"]{appearance:none;border:1px solid var(--border);border-radius:var(--radius-sm);width:3rem;height:2.2rem;padding:0.2rem;background:var(--surface-1);cursor:pointer}input[type="range"]{accent-color:var(--primary);cursor:pointer;width:100%}progress,meter{width:100%;height:0.75rem;border-radius:var(--radius-pill);overflow:hidden;appearance:none;border:1px solid var(--border);background-color:var(--surface-2)}progress::-webkit-progress-bar{background-color:var(--surface-2)}progress::-webkit-progress-value{background-color:var(--primary);border-radius:var(--radius-pill);transition:width 0.3s ease}progress::-moz-progress-bar{background-color:var(--primary);border-radius:var(--radius-pill)}meter::-webkit-meter-bar{background-color:var(--surface-2);border-radius:var(--radius-pill)}meter::-webkit-meter-optimum-value{background-color:var(--success)}meter::-webkit-meter-suboptimum-value{background-color:var(--warn)}meter::-webkit-meter-even-less-good-value{background-color:var(--danger)}}@layer data{table{width:100%;border-collapse:collapse;margin-block:1.5rem;font-size:var(--font-size-base);text-align:left;overflow-x:auto;display:block;@media (min-width:600px){display:table}}caption{font-size:var(--font-size-sm);color:var(--muted);text-align:left;padding-bottom:0.5rem;font-weight:500}th,td{padding:0.75rem 1rem;border-bottom:1px solid var(--border)}th{font-weight:600;color:var(--fg);background-color:var(--surface-2);border-bottom:2px solid var(--border-strong)}tbody tr{transition:background-color var(--transition);&:hover{background-color:var(--surface-hover)}&:nth-child(even){background-color:color-mix(in oklch,var(--surface-1) 50%,var(--bg))}}tfoot td{font-weight:600;border-top:2px solid var(--border-strong);background-color:var(--surface-1)}details{background-color:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:0.75rem 1rem;margin-block:1rem;transition:border-color var(--transition);&[open]{border-color:var(--border-strong);& summary{margin-bottom:0.75rem;border-bottom:1px solid var(--border-subtle);padding-bottom:0.5rem}}& summary{cursor:pointer;font-weight:600;color:var(--fg);outline:none;user-select:none;transition:color var(--transition);&:hover{color:var(--primary)}&:focus-visible{box-shadow:0 0 0 2px var(--primary);border-radius:var(--radius-sm)}}}dialog{margin:auto;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background-color:var(--bg);color:var(--fg);padding:2rem;max-width:min(90vw,550px);box-shadow:var(--shadow-lg);&::backdrop{background-color:color-mix(in srgb,CanvasText 45%,transparent);backdrop-filter:blur(4px)}&[open]{animation:dialog-appear 0.2s ease-out}}@keyframes dialog-appear{from{opacity:0;transform:scale(0.96) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}}@layer media{figure{margin-block:1.75rem;& figcaption{margin-top:0.5rem;font-size:var(--font-size-sm);color:var(--muted);text-align:center}}img,video{border-radius:var(--radius-md);border:1px solid var(--border-subtle)}}