:root{--layout-nav-offset: calc(env(safe-area-inset-top, 0px) + 4rem + 1px) ;--duration-instant: 50ms;--duration-fast: .12s;--duration-normal: .16s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--radius-sm: 3px;--radius-md: 5px;--radius-lg: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 28px;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .875rem;--text-lg: 1.0625rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--font-size-form-control: .875rem;--font-ui: "IBM Plex Sans Variable", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: var(--font-ui);--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--wear-spectrum: linear-gradient( 90deg, #3da06c 0 7%, #7fa83f 7% 15%, #bf9b30 15% 38%, #c07038 38% 45%, #bf4a4a 45% 100% );font-family:var(--font-ui);line-height:1.4;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-reduced-motion:reduce){:root{--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: 0ms}}html[data-theme=dark],html:not([data-theme]){color-scheme:dark;--surface-page: #0d0c0a;--surface-page-edge: #080706;--surface-sunken: #090807;--surface-default: #131110;--surface-raised: #131110;--surface-raised-alt: #1c1915;--surface-sticker: #131110;--surface-sidebar: var(--surface-default);--surface-sidebar-field: var(--surface-sunken);--border-default: rgba(196, 186, 170, .14);--border-subtle: rgba(196, 186, 170, .08);--border-strong: rgba(196, 186, 170, .32);--border-nav: rgba(196, 186, 170, .14);--text-primary: #ebe7e0;--text-secondary: #aaa294;--text-tertiary: #756e61;--text-muted: #4f4a41;--accent-primary: #2fd377;--accent-primary-hover: #4ce08c;--accent-primary-pressed: #1fa85c;--accent-secondary: #38bdf8;--accent-down: #ff5c72;--accent-gold: #f0b254;--gem-blue: #60a5fa;--gem-gold: #f5cf0b;--gem-blaze: #a855f7;--brand-gradient: linear-gradient(100deg, #2fd377 0%, #2fd377 100%);--accent-glow: none;--status-error: #ff5c72;--status-error-light: #ff7a8c;--status-error-bg: rgba(255, 92, 114, .1);--status-warning: #f0b254;--status-subscription: #f0b254;--status-subscription-dark: #d69a3d;--accent: var(--accent-primary);--accent-success: var(--accent-primary);--color-success: var(--accent-primary);--accent-danger: var(--status-error);--color-danger: var(--status-error);--accent-warning: var(--status-warning);--surface-elevated: var(--surface-raised-alt);--color-surface-hover: var(--surface-raised-alt);--text-on-accent: #06130b;--text-white: #ffffff;--shadow-card: none;--shadow-card-hover: none;--shadow-pop: 0 12px 32px rgba(0, 0, 0, .6);--well-inset: inset 0 2px 6px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(196, 186, 170, .05);--focus-ring: 0 0 0 2px var(--surface-page), 0 0 0 4px var(--accent-primary);--focus-ring-on-default: 0 0 0 2px var(--surface-default), 0 0 0 4px var(--accent-primary);--focus-ring-on-raised: 0 0 0 2px var(--surface-raised), 0 0 0 4px var(--accent-primary);--surface-nested: color-mix(in srgb, var(--text-primary) 5%, var(--surface-raised));--surface-nested-strong: color-mix(in srgb, var(--text-primary) 8%, var(--surface-raised));--surface-nested-muted: color-mix(in srgb, var(--text-primary) 2.5%, var(--surface-raised));--nav-background: var(--surface-default);--nav-backdrop-blur: 0px}html[data-theme=light]{color-scheme:light;--surface-page: #f1efeb;--surface-page-edge: #e7e4dd;--surface-sunken: #e9e6df;--surface-default: #faf9f6;--surface-raised: #faf9f6;--surface-raised-alt: #f0ede6;--surface-sticker: #f0ede6;--surface-sidebar: var(--surface-default);--surface-sidebar-field: #ffffff;--border-default: rgba(62, 52, 36, .14);--border-subtle: rgba(62, 52, 36, .08);--border-strong: rgba(62, 52, 36, .3);--border-nav: rgba(62, 52, 36, .14);--text-primary: #1d1a14;--text-secondary: #5d564a;--text-tertiary: #8e8779;--text-muted: #b4ada0;--accent-primary: #0e8f4f;--accent-primary-hover: #0b7942;--accent-primary-pressed: #096636;--accent-secondary: #0e7fb8;--accent-down: #d1344e;--accent-gold: #9c6f14;--gem-blue: #1d61b8;--gem-gold: #8a6f06;--gem-blaze: #7326c4;--brand-gradient: linear-gradient(100deg, #0e8f4f 0%, #0e8f4f 100%);--accent-glow: none;--status-error: #d1344e;--status-error-light: #e04a62;--status-error-bg: rgba(209, 52, 78, .08);--status-warning: #9c6f14;--status-subscription: #b7821a;--status-subscription-dark: #96690f;--accent: var(--accent-primary);--accent-success: var(--accent-primary);--color-success: var(--accent-primary);--accent-danger: var(--status-error);--color-danger: var(--status-error);--accent-warning: var(--status-warning);--surface-elevated: var(--surface-raised-alt);--color-surface-hover: var(--surface-raised-alt);--text-on-accent: #ffffff;--text-white: #ffffff;--shadow-card: none;--shadow-card-hover: none;--shadow-pop: 0 12px 32px rgba(52, 44, 30, .2);--well-inset: inset 0 2px 5px rgba(62, 52, 36, .12), inset 0 0 0 1px rgba(62, 52, 36, .04);--focus-ring: 0 0 0 2px var(--surface-page), 0 0 0 4px var(--accent-primary);--focus-ring-on-default: 0 0 0 2px var(--surface-default), 0 0 0 4px var(--accent-primary);--focus-ring-on-raised: 0 0 0 2px var(--surface-raised), 0 0 0 4px var(--accent-primary);--surface-nested: color-mix(in srgb, var(--text-primary) 5%, var(--surface-raised));--surface-nested-strong: color-mix(in srgb, var(--text-primary) 8%, var(--surface-raised));--surface-nested-muted: color-mix(in srgb, var(--text-primary) 2.5%, var(--surface-raised));--nav-background: var(--surface-default);--nav-backdrop-blur: 0px}html{height:100%;overflow:hidden;background-color:var(--surface-page);color:var(--text-primary);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-width:320px;height:100%;overflow:hidden;background-color:var(--surface-page);color:var(--text-primary)}a{font-weight:500;color:var(--accent-primary);text-decoration:inherit;transition:color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}a:hover{color:var(--accent-primary-pressed)}button{border-radius:var(--radius-md);border:1px solid transparent;padding:.5rem .9rem;font-size:var(--text-sm);line-height:1.3;font-weight:500;font-family:inherit;background-color:var(--surface-default);color:var(--text-primary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}button:hover{border-color:var(--border-strong)}button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tabular-nums,table{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em}h1{font-size:clamp(1.25rem,2.5vw,var(--text-xl));line-height:1.15;font-weight:600;color:var(--text-primary)}@media(max-width:1023px),(pointer:coarse){:root{--font-size-form-control: 16px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]),select,textarea{font-size:16px!important}}@media(max-width:1023px){html{touch-action:manipulation}}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-cyrillic-ext-wght-normal-d45eAU9y.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-cyrillic-wght-normal-BAAhND-U.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-greek-wght-normal-CmyJS8uq.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-vietnamese-wght-normal-Dg1JeJN0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-latin-ext-wght-normal-CIII54If.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/ibm-plex-sans-latin-wght-normal-IvpUvPa2.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.demo-site-banner{position:fixed;top:0;left:0;right:0;z-index:1001;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1.25rem;padding:.5rem 1rem;padding-top:calc(.5rem + env(safe-area-inset-top,0px));font-size:.875rem;line-height:1.4;color:var(--text-primary);background:var(--surface-raised-alt);border-bottom:1px solid var(--border-default);box-sizing:border-box}.demo-site-banner a{color:inherit;font-weight:600}.demo-site-banner-link{text-decoration:none;opacity:.95}.demo-site-banner-link:hover{text-decoration:underline}html.demo-site{--demo-site-banner-height: calc( env(safe-area-inset-top, 0px) + .5rem + .875rem * 1.4 + .5rem );--layout-nav-offset: calc( var(--demo-site-banner-height) + .625rem + 2.75rem + .625rem + 1px )}html.demo-site .navigation{top:var(--demo-site-banner-height);padding-top:.625rem}html.demo-site .mobile-menu{top:var(--layout-nav-offset);max-height:calc(100dvh - var(--layout-nav-offset))}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--nav-background);-webkit-backdrop-filter:blur(var(--nav-backdrop-blur)) saturate(1.12);backdrop-filter:blur(var(--nav-backdrop-blur)) saturate(1.12);border-bottom:1px solid var(--border-nav);padding-top:calc(.625rem + env(safe-area-inset-top,0px));padding-bottom:.625rem;box-sizing:border-box}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.navigation{background:var(--surface-page)}}.nav-container{max-width:100%;margin:0;padding:0 clamp(1rem,3vw,2rem);display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:2.75rem}.nav-brand{flex-shrink:0;display:flex;align-items:center;gap:clamp(1rem,2vw,2rem);min-width:0}.nav-logo{font-family:var(--font-display);color:var(--text-primary);text-decoration:none;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;transition:color var(--duration-fast) var(--ease-standard);display:inline-flex;align-items:center;flex-shrink:0}.nav-logo:hover{color:var(--text-primary)}.nav-logo-tld{color:var(--accent-primary)}.nav-links-desktop{display:flex;align-items:center;gap:clamp(1rem,1.5vw,1.75rem);min-width:0}.nav-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.nav-link{position:relative;display:inline-flex;align-items:center;padding:.35rem 0;color:var(--text-tertiary);text-decoration:none;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.07em;text-transform:uppercase;transition:color var(--duration-fast) var(--ease-standard);white-space:nowrap}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:-.3rem;height:2px;background:transparent;transition:background-color var(--duration-fast) var(--ease-standard)}.nav-link:hover{color:var(--text-primary)}.nav-link--current{color:var(--text-primary);font-weight:600}.nav-link--current:after{background:var(--accent-primary)}.nav-admin{position:relative}.nav-admin-button{background:none;border:none;cursor:pointer;gap:.4rem}.nav-admin-button:focus-visible{outline:none;box-shadow:var(--focus-ring-on-default)}.nav-admin-caret{width:.3rem;height:.3rem;border-right:1.5px solid currentcolor;border-bottom:1.5px solid currentcolor;transform:translateY(-.1em) rotate(45deg);opacity:.7;transition:transform var(--duration-fast) var(--ease-standard)}.nav-admin-button[aria-expanded=true] .nav-admin-caret{transform:translateY(.05em) rotate(225deg)}.nav-admin-menu{position:absolute;top:calc(100% + .55rem);left:0;min-width:220px;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:0;overflow:hidden;box-shadow:var(--shadow-card-hover);z-index:1200}.nav-admin-item{display:block;padding:.5rem .85rem;color:var(--text-secondary);text-decoration:none;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.nav-admin-item+.nav-admin-item{border-top:1px solid var(--border-subtle)}.nav-admin-item:hover{background:color-mix(in srgb,var(--accent-primary) 12%,transparent);color:var(--accent-primary)}.nav-admin-item--current{color:var(--accent-primary);font-weight:600;box-shadow:inset 2px 0 0 var(--accent-primary)}.nav-auth{flex-shrink:0}.login-link{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:2.25rem;padding:.5rem 1rem;background:var(--brand-gradient);color:var(--text-on-accent);border:none;border-radius:var(--radius-sm);text-decoration:none;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:filter var(--duration-fast) var(--ease-standard);white-space:nowrap;cursor:pointer}.login-link:hover{filter:brightness(1.08)}.user-menu{position:relative;display:flex;align-items:center;gap:.65rem}.user-menu--pending .user-profile{opacity:.72}.nav-tokens{display:inline-flex;align-items:center;box-sizing:border-box;min-height:2.25rem;padding:.35rem .6rem;background:var(--surface-sunken);border:1px solid var(--border-default);border-radius:var(--radius-sm);box-shadow:var(--well-inset);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-2xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap}.mobile-menu-tokens{margin:.5rem 1.25rem .75rem;padding:.5rem 1rem;box-sizing:border-box;min-height:44px;display:flex;align-items:center;background:var(--surface-sunken);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:var(--text-primary)}.user-profile{display:flex;align-items:center;gap:.5rem;box-sizing:border-box;min-height:2.25rem;padding:.25rem .6rem .25rem .25rem;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.user-profile:hover{border-color:var(--border-strong);background:var(--surface-raised-alt)}.user-profile .user-avatar{width:1.6rem;height:1.6rem;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.user-name{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.02em;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile:hover .user-name{color:var(--text-primary)}.sub-badge{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;line-height:1;letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb,var(--status-subscription) 15%,transparent);border:1px solid color-mix(in srgb,var(--status-subscription) 40%,transparent);color:var(--status-subscription)}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;flex-shrink:0;box-sizing:border-box;width:2.5rem;height:2.5rem;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;padding:.5rem;transition:background-color var(--duration-fast) var(--ease-standard)}.hamburger-btn:hover{background:var(--surface-raised-alt);border-color:transparent}.hamburger-btn:focus-visible{outline:none;box-shadow:var(--focus-ring-on-default)}.hamburger-line{width:18px;height:1.5px;background:var(--text-primary);border-radius:1px;transition:background-color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.mobile-menu-backdrop{position:fixed;inset:0;background:color-mix(in srgb,var(--surface-sunken) 55%,transparent);z-index:1999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mobile-menu{position:fixed;top:0;left:0;right:0;background:var(--surface-default);border-bottom:1px solid var(--border-default);z-index:2000;box-shadow:var(--shadow-card-hover);animation:navMobileSlide var(--duration-normal) var(--ease-standard) both;max-height:min(85vh,100dvh);overflow-y:auto}@keyframes navMobileSlide{0%{transform:translateY(-100%);opacity:.96}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.mobile-menu{animation:none}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.25rem;padding-top:calc(.875rem + env(safe-area-inset-top,0px));border-bottom:1px solid var(--border-subtle)}.mobile-menu-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.mobile-menu-title-tld{color:var(--accent-primary)}.mobile-menu-close{background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:1.1rem;line-height:1;cursor:pointer;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.mobile-menu-close:hover{color:var(--text-primary);background:var(--surface-raised-alt);border-color:transparent}.mobile-menu-close:focus-visible{outline:none;box-shadow:var(--focus-ring-on-raised)}.mobile-menu-links{display:flex;flex-direction:column;gap:1px;padding:.75rem 1rem 1.5rem}.mobile-menu-link{display:flex;align-items:center;padding:.7rem .75rem;color:var(--text-secondary);text-decoration:none;font-size:.9375rem;font-weight:500;letter-spacing:-.01em;border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.mobile-menu-section{margin:1rem .75rem .4rem;font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.mobile-menu-links>.mobile-menu-section:first-child{margin-top:.25rem}.mobile-menu-link-sub{padding-left:1.5rem}.mobile-menu-link:hover{background:var(--surface-raised-alt);color:var(--text-primary)}.mobile-menu-link-primary{background:var(--brand-gradient);color:var(--text-on-accent);margin-top:1rem;font-weight:600;border:none;cursor:pointer;font-size:.9375rem;font-family:inherit;text-align:center;justify-content:center;transition:background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.mobile-menu-link-primary:hover{background:var(--accent-primary-hover)}@media(max-width:768px){.demo-site-banner{flex-direction:column;gap:.35rem;padding-bottom:.65rem;font-size:.8125rem;text-align:center}html.demo-site{--demo-site-banner-height: calc( env(safe-area-inset-top, 0px) + .5rem + .8125rem * 1.4 * 2 + .35rem + .8125rem * 1.4 + .65rem )}.nav-links-desktop{display:none}.hamburger-btn{display:flex}.user-name{display:none}.nav-logo{font-size:1.1rem}.login-link{padding:.45rem .85rem;font-size:.8125rem}}@media(max-width:480px){.nav-auth{display:none}}.home-page{max-width:1100px;margin:0 auto;padding:0 2rem 4rem}.home-hero{position:relative;padding:4.5rem 0 3rem}.home-hero:before{content:"";position:absolute;inset:0 -2rem;background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(130% 115% at 0% 0%,black 25%,transparent 72%);mask-image:radial-gradient(130% 115% at 0% 0%,black 25%,transparent 72%);pointer-events:none}.home-hero>*{position:relative;max-width:640px}.home-hero-eyebrow{display:block;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:1.25rem}.home-hero-title{font-size:clamp(2rem,5.5vw,3rem);line-height:1.08;font-weight:680;letter-spacing:-.03em;color:var(--text-primary);margin:0 0 1rem}.home-hero-subtitle{font-size:var(--text-md);color:var(--text-secondary);max-width:52ch;margin:0 0 1.75rem;line-height:1.55}.home-hero-actions{display:flex;gap:.625rem;flex-wrap:wrap}.home-cta-primary,.home-cta-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.5625rem 1.125rem;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;letter-spacing:-.01em;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.home-cta-primary{background:var(--accent-primary);border:1px solid transparent;color:var(--text-on-accent)}.home-cta-primary:hover{background:var(--accent-primary-hover);color:var(--text-on-accent)}.home-cta-secondary{border:1px solid var(--border-strong);color:var(--text-primary);background:transparent}.home-cta-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.home-categories{margin-top:3rem}.home-section-label{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--text-tertiary);margin:0 0 .75rem}.home-index{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-raised);overflow:hidden}.home-index-row{display:grid;grid-template-columns:2.75rem 11.5rem 1fr auto;align-items:baseline;gap:1rem;padding:.9375rem 1.25rem;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-standard)}.home-index-row+.home-index-row{border-top:1px solid var(--border-subtle)}.home-index-row:hover{background:var(--surface-raised-alt)}.home-index-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);transition:color var(--duration-fast) var(--ease-standard)}.home-index-row:hover .home-index-num{color:var(--accent-primary)}.home-index-path{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);justify-self:end;transition:color var(--duration-fast) var(--ease-standard)}.home-index-row:hover .home-index-path{color:var(--text-secondary)}.home-index-title{font-size:var(--text-md);font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.home-index-row:hover .home-index-title{color:var(--accent-primary)}.home-index-blurb{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.5;min-width:0}@media(max-width:768px){.home-page{padding:0 1.25rem 3rem}.home-hero{padding:2.75rem 0 2.25rem}.home-hero:before{inset:0 -1.25rem}.home-cta-primary,.home-cta-secondary{flex:1 1 auto;min-height:44px}.home-index-row{grid-template-columns:2rem 1fr;grid-template-rows:auto auto;row-gap:.25rem;align-items:baseline;padding:.875rem 1rem}.home-index-blurb{grid-column:2}.home-index-path{display:none}}#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column;background:transparent}.app-viewport-shell{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.app-nav-spacer{flex-shrink:0;height:var(--layout-nav-offset);pointer-events:none}.app-main-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:clip;-webkit-overflow-scrolling:touch;position:relative;isolation:isolate}.tier-page{max-width:72rem;margin:0 auto;padding:var(--space-6) clamp(1rem,3vw,2rem) var(--space-6)}.tier-page-header{margin-bottom:var(--space-6)}.tier-page-eyebrow{display:block;margin-bottom:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.tier-page-title{margin:0;font-size:var(--text-xl);font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.tier-page-lead{margin:var(--space-3) 0 0;max-width:42rem;font-size:var(--text-md);line-height:1.55;color:var(--text-secondary)}.tier-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;line-height:1;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.tier-btn:disabled{opacity:.45;cursor:not-allowed}.tier-btn-primary{color:var(--surface-page);background:var(--accent-primary);border-color:color-mix(in srgb,var(--accent-primary) 70%,black)}.tier-btn-primary:not(:disabled):hover{background:var(--accent-primary-hover)}.tier-btn-ghost{color:var(--text-secondary);background:transparent;border-color:var(--border-default)}.tier-btn-ghost:not(:disabled):hover{color:var(--text-primary);border-color:var(--border-strong)}.tier-error{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--status-danger, #e07070)}.tier-empty{padding:var(--space-6);border:1px dashed var(--border-default);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-default) 80%,transparent);text-align:center}.tier-empty-title{margin:0;font-size:var(--text-md);color:var(--text-primary)}.tier-empty-copy{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--text-tertiary)}.tier-meta{font-size:var(--text-sm);color:var(--text-tertiary)}.tier-link{color:var(--accent-primary);text-decoration:none}.tier-link:hover{text-decoration:underline}.tier-board{display:flex;flex-direction:column;gap:var(--space-2)}.tier-row{display:flex;min-height:6rem;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-default);overflow:hidden}.tier-row.is-over{outline:2px solid color-mix(in srgb,var(--accent-primary) 55%,transparent);outline-offset:-1px}.tier-label{display:flex;width:3.5rem;flex-shrink:0;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;letter-spacing:-.04em}.tier-label--s{background:#c0392b;color:#fff}.tier-label--a{background:#d35400;color:#fff}.tier-label--b{background:#d4ac0d;color:#111}.tier-label--c{background:#82c91e;color:#111}.tier-label--d{background:#339af0;color:#111}.tier-label--e{background:#845ef7;color:#fff}.tier-label--f{background:#495057;color:#fff}.tier-dropzone{display:flex;min-height:6rem;flex:1;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3)}.tier-placeholder{display:flex;min-height:4rem;width:100%;align-items:center;justify-content:center;border:1px dashed var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-muted)}.tier-unranked-panel{margin-top:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-default)}.tier-unranked-panel.is-over{outline:2px solid color-mix(in srgb,var(--accent-primary) 55%,transparent);outline-offset:-1px}.tier-unranked-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.tier-unranked-title{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.tier-unranked-copy{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--text-tertiary)}.tier-unranked-grid{display:flex;min-height:6rem;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4)}.tier-item-card{display:flex;width:5.5rem;flex-shrink:0;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-sunken);box-shadow:var(--well-inset);cursor:grab;touch-action:none}.tier-item-card:active{cursor:grabbing}.tier-item-card.is-dragging{opacity:.35}.tier-item-image-wrap{display:flex;width:3.75rem;height:3.75rem;align-items:center;justify-content:center}.tier-item-image{max-width:100%;max-height:100%;object-fit:contain}.tier-item-name{width:100%;overflow:hidden;text-overflow:ellipsis;text-align:center;font-size:var(--text-2xs);line-height:1.25;color:var(--text-secondary)}.tier-item-meta{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-muted)}.tier-submit-panel{margin-top:var(--space-5);padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-raised-alt)}.tier-ranked-list{margin-top:var(--space-5);padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-default)}.tier-ranked-list-title{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.tier-ranked-list ol{margin:0;padding-left:1.25rem;font-size:var(--text-sm);color:var(--text-primary)}.tier-ranked-list li+li{margin-top:var(--space-1)}.tier-honeypot{position:absolute;left:-9999px;width:0;height:0;opacity:0}@media(max-width:640px){.tier-item-card{width:4.75rem}.tier-label{width:2.75rem;font-size:var(--text-lg)}}.tier-page--rank{max-width:60rem}.tier-rank-layout{display:flex;flex-direction:column;gap:var(--space-4)}.tier-page--rank .tier-board{display:flex;flex-direction:column;gap:var(--space-2)}.tier-page--rank .tier-row{min-height:4.5rem}.tier-page--rank .tier-dropzone{min-height:4.5rem;padding:var(--space-2) var(--space-3)}.tier-page--rank .tier-dropzone:not(:has(.tier-placeholder)){display:grid;grid-template-columns:repeat(auto-fill,3.5rem);gap:var(--space-2);align-content:center;align-items:center}.tier-page--rank .tier-dropzone:has(.tier-placeholder){display:flex;align-items:center;justify-content:center}.tier-page--rank .tier-label{width:3rem;font-size:var(--text-lg)}.tier-page--rank .tier-dropzone>div:not(.tier-placeholder){display:flex;width:3.5rem;height:3.5rem;align-items:center;justify-content:center;line-height:0}.tier-page--rank .tier-placeholder{display:flex;width:100%;min-height:0;align-items:center;justify-content:center;border:none;font-size:var(--text-sm);line-height:1.4;color:var(--text-muted)}.tier-page--rank .tier-item-image{mix-blend-mode:lighten}.tier-page--rank .tier-board .tier-item-card--image-only{display:flex;width:3.5rem;height:3.5rem;min-width:0;align-items:center;justify-content:center;padding:0;border:none;background:none;box-shadow:none;border-radius:0;cursor:grab}.tier-page--rank .tier-board .tier-item-card--image-only .tier-item-image-wrap{width:3.5rem;height:3.5rem;background:transparent}.tier-page--rank .tier-item-card.is-dragging{opacity:0}.tier-drag-overlay{display:flex;align-items:center;justify-content:center;background:transparent}.tier-drag-preview{display:flex;width:3.5rem;height:3.5rem;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--surface-raised);line-height:0;pointer-events:none}.tier-drag-preview-image{width:3rem;height:3rem;object-fit:contain;mix-blend-mode:lighten}.tier-page--rank .tier-item-image-wrap{width:3.5rem;height:3.5rem}.tier-page--rank .tier-unranked-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);padding:var(--space-3)}.tier-rank-sidebar{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.tier-page--rank .tier-unranked-panel{display:flex;flex-direction:column;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-default);min-height:0}.tier-page--rank .tier-unranked-header{padding:var(--space-3);border-bottom:1px solid var(--border-subtle)}.tier-page--rank .tier-unranked-title{margin:0;font-size:var(--text-sm);font-weight:600}.tier-page--rank .tier-unranked-copy{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.4}.tier-page--rank .tier-unranked-grid>div{min-width:0}.tier-page--rank .tier-unranked-grid .tier-item-card{width:100%;min-width:0;padding:var(--space-1);border:none;background:transparent;box-shadow:none}.tier-page--rank .tier-unranked-grid .tier-item-name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;word-break:break-word;font-size:var(--text-2xs);line-height:1.25}.tier-page--rank .tier-rank-sidebar .tier-submit-panel{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);width:100%;min-width:0;flex-shrink:0;padding:0;border:none;background:transparent}.tier-page--rank .tier-submit-panel .tier-error{margin:0;font-size:var(--text-sm)}.tier-page--rank .tier-rank-sidebar .tier-btn-primary{width:100%}.tier-name-field{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.tier-name-label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase}.tier-required{margin-left:.125rem;color:var(--accent-primary)}.tier-name-input{box-sizing:border-box;width:100%;min-width:0;padding:.5rem .75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-sunken);box-shadow:var(--well-inset);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);line-height:1.3;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.tier-name-input::placeholder{color:var(--text-muted)}.tier-name-input:focus{outline:none;border-color:var(--border-strong);box-shadow:var(--focus-ring-on-default)}.tier-recent-submissions{margin-top:var(--space-5);padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-default)}.tier-recent-submissions-title{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.tier-recent-submissions-list{margin:0;padding:0;list-style:none}.tier-recent-submissions-list li+li{margin-top:var(--space-2)}.tier-recent-submissions-link{font-size:var(--text-sm);color:var(--accent-primary);text-decoration:none}.tier-recent-submissions-link:hover{text-decoration:underline}.tier-submission-footer{margin-top:var(--space-5)}@media(min-width:901px){.tier-rank-layout{display:grid;grid-template-columns:minmax(0,1fr) 24rem;gap:var(--space-5);align-items:stretch}.tier-rank-layout .tier-board{grid-column:1;display:flex;flex-direction:column;min-height:100%}.tier-page--rank .tier-row{flex:1 1 0;min-height:0}.tier-page--rank .tier-dropzone{flex:1;min-height:0}.tier-rank-layout .tier-rank-sidebar{grid-column:2;grid-row:1;height:100%}.tier-page--rank .tier-unranked-panel{flex:1 1 auto}.tier-page--rank .tier-unranked-grid{flex:1 1 auto;align-content:start}}@media(max-width:900px){.tier-page--rank .tier-unranked-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:640px){.tier-page--rank .tier-unranked-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.tier-page--community{max-width:72rem;padding-top:var(--space-4);padding-bottom:var(--space-4)}.tier-page-header--community{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);align-items:end;margin-bottom:var(--space-3)}.tier-page-header-copy{min-width:0}.tier-page-header--community .tier-page-title{margin:0}.tier-page-submeta{margin:var(--space-2) 0 0}.tier-page-header-actions{flex-shrink:0}.tier-page-cta{text-decoration:none;white-space:nowrap}.tier-page--community .tier-board{gap:var(--space-2)}.tier-page--community .tier-row{min-height:5.5rem}.tier-page--community .tier-label{width:3.5rem;font-size:var(--text-xl)}.tier-page--community .tier-dropzone{min-height:5.5rem;padding:var(--space-2) var(--space-3)}.tier-page--community .tier-dropzone:not(:has(.tier-placeholder)){display:grid;grid-template-columns:repeat(auto-fill,6.5rem);gap:var(--space-2);align-content:center;align-items:start}.tier-page--community .tier-dropzone:has(.tier-placeholder){display:flex;align-items:center;justify-content:center}.tier-page--community .tier-placeholder{display:flex;width:100%;min-height:0;align-items:center;justify-content:center;border:none;font-size:var(--text-sm);line-height:1.4;color:var(--text-muted)}.tier-page--community .tier-item-card{width:6.5rem;padding:var(--space-1);gap:var(--space-1);border:none;background:transparent;box-shadow:none;cursor:default}.tier-page--community .tier-item-image-wrap{width:3.5rem;height:3.5rem;margin:0 auto}.tier-page--community .tier-item-image{mix-blend-mode:lighten}.tier-page--community .tier-item-name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;word-break:break-word;font-size:var(--text-2xs);line-height:1.25}.tier-page--community .tier-item-meta{font-size:var(--text-2xs);line-height:1.2;text-align:center}@media(max-width:640px){.tier-page-header--community{grid-template-columns:1fr;gap:var(--space-3)}.tier-page-header-actions .tier-page-cta{width:100%}}