:root{--color-bg:#f6f4ef;--color-surface:#fff;--color-surface-2:#efece4;--color-text:#1d1f24;--color-text-muted:#5b606b;--color-border:#dcd8ce;--color-primary:#4f46e5;--color-primary-strong:#3f37c9;--color-on-primary:#fff;--color-xp:#e0a100;--color-success:#1f8a5b;--color-danger:#c23b3b;--color-focus:#4f46e5;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.625rem;--leading:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #0000000f, 0 1px 1px #0000000a;--sidebar-width:15rem;--tabbar-height:4rem;--content-max:46rem;--touch-min:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#14161c;--color-surface:#1c1f27;--color-surface-2:#252935;--color-text:#eceef3;--color-text-muted:#a3a9b6;--color-border:#2f3441;--color-primary:#8b85ff;--color-primary-strong:#a5a0ff;--color-on-primary:#14161c;--color-xp:#f2c14e;--color-success:#4cc38a;--color-danger:#f07070;--color-focus:#a5a0ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--color-bg:#14161c;--color-surface:#1c1f27;--color-surface-2:#252935;--color-text:#eceef3;--color-text-muted:#a3a9b6;--color-border:#2f3441;--color-primary:#8b85ff;--color-primary-strong:#a5a0ff;--color-on-primary:#14161c;--color-xp:#f2c14e;--color-success:#4cc38a;--color-danger:#f07070;--color-focus:#a5a0ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p{margin:0}button,input,select{font:inherit;color:inherit}a{color:var(--color-primary)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.pixelated{image-rendering:pixelated}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.shell__skip{left:var(--space-3);z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-sm);text-decoration:none;position:absolute;top:-100px}.shell__skip:focus{top:var(--space-3)}.shell__sidebar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-top:max(var(--space-3), env(safe-area-inset-top));background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex}.shell__brand{align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-lg);display:flex}.shell__logo{background:linear-gradient(var(--color-xp), var(--color-xp)) 0 0 / 10px 10px no-repeat, linear-gradient(var(--color-primary), var(--color-primary)) 10px 10px / 10px 10px no-repeat, var(--color-surface-2);border-radius:3px;width:20px;height:20px}.shell__tagline{color:var(--color-text-muted);font-size:var(--text-sm);display:none}.shell__main{width:100%;max-width:var(--content-max);padding:var(--space-5) var(--space-4) calc(var(--tabbar-height) + var(--space-6));outline:none;margin:0 auto}.shell__nav{z-index:10;background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);position:fixed;inset:auto 0 0}.shell__nav-list{grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid}.shell__link{min-height:var(--tabbar-height);min-width:var(--touch-min);color:var(--color-text-muted);font-size:var(--text-xs);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:600;text-decoration:none;transition:color .12s;display:flex}.shell__link:hover{color:var(--color-text)}.shell__link.is-active{color:var(--color-primary)}@media (width>=900px){.shell{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:auto 1fr}.shell__sidebar{align-items:flex-start;gap:var(--space-1);padding:var(--space-5) var(--space-4) var(--space-3);border-bottom:none;border-right:1px solid var(--color-border);flex-direction:column;grid-area:1/1}.shell__tagline{display:block}.shell__nav{border-top:none;border-right:1px solid var(--color-border);padding:0 var(--space-3) var(--space-4);grid-area:2/1;position:static}.shell__nav-list{gap:var(--space-1);flex-direction:column;display:flex}.shell__link{justify-content:flex-start;gap:var(--space-3);min-height:var(--touch-min);padding:0 var(--space-3);border-radius:var(--radius-md);font-size:var(--text-md);flex-direction:row}.shell__link:hover,.shell__link.is-active{background:var(--color-surface-2)}.shell__main{padding:var(--space-7) var(--space-6);grid-area:1/2/span 2}}.page{gap:var(--space-5);flex-direction:column;display:flex}.page__header{gap:var(--space-1);flex-direction:column;display:flex}.page__title{font-size:var(--text-xl);letter-spacing:-.01em;font-weight:750}.page__description{color:var(--color-text-muted)}.page__empty{border:2px dashed var(--color-border);border-radius:var(--radius-lg);place-items:center;min-height:10rem;display:grid}.page__badge{padding:var(--space-1) var(--space-3);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--text-sm);border-radius:999px;font-weight:600}.page__card{gap:var(--space-5);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.page__card-title{font-size:var(--text-lg);font-weight:700}.field{gap:var(--space-2);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.field__label{font-size:var(--text-sm);padding:0;font-weight:650}.select{min-height:var(--touch-min);padding:0 var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.segmented{gap:var(--space-1);padding:var(--space-1);background:var(--color-surface-2);border-radius:var(--radius-md);grid-template-columns:repeat(3,1fr);display:grid}.segmented__option{min-height:var(--touch-min);padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);text-align:center;color:var(--color-text-muted);cursor:pointer;place-items:center;font-weight:600;display:grid;position:relative}.segmented__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented__option:has(input:checked){background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.segmented__option:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:1px}.toggle{justify-content:space-between;align-items:center;gap:var(--space-4);cursor:pointer;display:flex}.toggle__text{gap:var(--space-1);flex-direction:column;display:flex}.toggle__label{font-weight:650}.toggle__hint{color:var(--color-text-muted);font-size:var(--text-sm)}.toggle__input{appearance:none;background:var(--color-border);cursor:pointer;border-radius:999px;flex-shrink:0;width:3rem;height:1.75rem;margin:0;transition:background-color .15s;position:relative}.toggle__input:after{content:"";background:var(--color-surface);width:1.375rem;height:1.375rem;box-shadow:var(--shadow-sm);border-radius:50%;transition:transform .15s;position:absolute;top:.1875rem;left:.1875rem}.toggle__input:checked{background:var(--color-primary)}.toggle__input:checked:after{transform:translate(1.25rem)}.button{min-height:var(--touch-min);padding:0 var(--space-5);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);justify-content:center;align-self:flex-start;align-items:center;font-weight:650;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-primary-strong)}