@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;700;900&family=JetBrains+Mono:wght@400;600&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:none;text-size-adjust:none}body{min-block-size:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-inline-size:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none}:root{--color-bg: #fafaf8;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-secondary: #555555;--color-text-muted: #888888;--color-vermillion: #e63916;--color-vermillion-light: #ff5a3a;--color-teal: #1a8a7d;--color-teal-light: #2ab5a5;--color-border: #1a1a1a;--color-border-light: #e0e0e0;--color-highlight: #fff3cd;--color-visited: #e8f5e9;--color-bucket: #e3f2fd;--font-heading: "Archivo", system-ui, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--text-xs: clamp(.7rem, .65rem + .25vw, .75rem);--text-sm: clamp(.8rem, .75rem + .25vw, .875rem);--text-base: clamp(.9rem, .85rem + .25vw, 1rem);--text-lg: clamp(1.1rem, 1rem + .5vw, 1.25rem);--text-xl: clamp(1.3rem, 1.1rem + 1vw, 1.75rem);--text-2xl: clamp(1.8rem, 1.4rem + 2vw, 2.5rem);--text-3xl: clamp(2.2rem, 1.6rem + 3vw, 3.5rem);--leading-tight: 1.15;--leading-normal: 1.5;--leading-relaxed: 1.7;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .1em;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--border-width: 3px;--border-width-thin: 1px;--border: var(--border-width) solid var(--color-border);--border-thin: var(--border-width-thin) solid var(--color-border-light);--radius-sm: 2px;--radius-md: 4px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--container-max: 1400px;--sidebar-width: 320px;--header-height: 4rem;--grid-gap: var(--space-lg);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg)}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--color-border-light) var(--border-width-thin),transparent var(--border-width-thin)),linear-gradient(90deg,var(--color-border-light) var(--border-width-thin),transparent var(--border-width-thin));background-size:4rem 4rem;opacity:.3;pointer-events:none;z-index:-1}.container{max-inline-size:var(--container-max);margin-inline:auto;padding-inline:var(--space-lg)}.header{position:sticky;inset-block-start:0;z-index:var(--z-sticky);background-color:var(--color-bg);border-block-end:var(--border);padding-block:var(--space-md)}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.header__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:900;letter-spacing:var(--tracking-tight);text-transform:uppercase;line-height:var(--leading-tight)}.header__title span{color:var(--color-vermillion)}.header__stats{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);letter-spacing:var(--tracking-wide)}.controls{border-block-end:var(--border);padding-block:var(--space-md);background-color:var(--color-bg)}.controls__inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.main{padding-block:var(--space-xl)}.layout{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}.article-grid{display:grid;grid-template-columns:1fr;gap:var(--grid-gap)}.stats-panel{border:var(--border);border-radius:var(--radius-sm);background-color:var(--color-surface);padding:var(--space-lg);overflow-y:auto}.stats-panel__title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-vermillion);margin-block-end:var(--space-lg)}.stats-panel__group{margin-block-end:var(--space-lg)}.stats-panel__group:last-child{margin-block-end:0}.stats-panel__heading{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding-block-end:var(--space-xs);border-block-end:var(--border);margin-block-end:var(--space-sm)}.stats-panel__list{list-style:none;padding:0;margin:0}.stats-panel__item{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);padding-block:2px}.stats-panel__count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-teal);font-weight:600}.stats-panel__more{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);padding-block-start:var(--space-xs)}.section-header{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-secondary);padding-block-end:var(--space-sm);border-block-end:var(--border);margin-block-end:var(--space-lg)}.footer{border-block-start:var(--border);padding-block:var(--space-xl);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.skip-link{position:absolute;inset-block-start:-100%;inset-inline-start:var(--space-md);z-index:var(--z-modal);padding:var(--space-sm) var(--space-md);background-color:var(--color-vermillion);color:#fff;font-family:var(--font-mono);font-size:var(--text-sm);border-radius:var(--radius-sm)}.skip-link:focus{inset-block-start:var(--space-md)}:focus-visible{outline:3px solid var(--color-vermillion);outline-offset:2px}.footer a{text-decoration:underline;text-underline-offset:2px}.footer a:hover{color:var(--color-vermillion)}@media(min-width:48rem){.article-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:64rem){.layout{grid-template-columns:1fr var(--sidebar-width)}.article-grid{grid-template-columns:repeat(2,1fr)}.stats-panel{position:sticky;inset-block-start:calc(var(--header-height) + var(--space-xl));max-block-size:calc(100vh - var(--header-height) - var(--space-2xl))}}@media(min-width:80rem){.article-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:47.99rem){.controls__inner{flex-direction:column;align-items:stretch}.input,.select{inline-size:100%}.layout{gap:var(--space-md)}.random-btn{inset-inline-end:var(--space-md);inset-block-end:var(--space-md)}}@media(hover:none){.card:hover{transform:none;box-shadow:none}.btn:hover{background-color:var(--color-surface);color:var(--color-text)}.btn--primary:hover{background-color:var(--color-vermillion);color:#fff}.btn--teal:hover{background-color:var(--color-teal);color:#fff}.btn--active:hover{background-color:var(--color-text);color:var(--color-surface)}}.card{background-color:var(--color-surface);border:var(--border);border-radius:var(--radius-sm);overflow:hidden;content-visibility:auto;contain-intrinsic-size:0 400px;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card--visited{border-inline-start:var(--border-width) solid var(--color-teal);background-color:var(--color-visited)}.card--bucket{border-inline-start:var(--border-width) solid var(--color-vermillion);background-color:var(--color-bucket)}.card--highlight{animation:highlight-pulse 1.5s var(--ease-out)}.card__image{aspect-ratio:3 / 2;object-fit:cover;inline-size:100%;border-block-end:var(--border)}.card__body{padding:var(--space-md)}.card__borough{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-vermillion);margin-block-end:var(--space-xs)}.card__headline{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;line-height:var(--leading-tight);margin-block-end:var(--space-sm)}.card__headline a{transition:color var(--duration-fast)}.card__headline a:hover{color:var(--color-vermillion)}.card__snippet{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-block-end:var(--space-md)}.card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-muted)}.card__actions{display:flex;gap:var(--space-xs);margin-block-start:var(--space-md);padding-block-start:var(--space-sm);border-block-start:var(--border-thin)}.card--compact{padding:0}.card--compact .card__body{padding:var(--space-sm) var(--space-md)}.card--compact .card__borough{margin-block-end:2px}.card--compact .card__headline{font-size:var(--text-sm);margin-block-end:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-grid--compact{display:flex;flex-direction:column;gap:var(--space-xs)}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;border:var(--border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text);transition:background-color var(--duration-fast),color var(--duration-fast),transform var(--duration-fast)}.btn:hover{background-color:var(--color-text);color:var(--color-surface)}.btn:active{transform:scale(.97)}.btn--primary{background-color:var(--color-vermillion);border-color:var(--color-vermillion);color:#fff}.btn--primary:hover{background-color:var(--color-vermillion-light);border-color:var(--color-vermillion-light);color:#fff}.btn--teal{background-color:var(--color-teal);border-color:var(--color-teal);color:#fff}.btn--teal:hover{background-color:var(--color-teal-light);border-color:var(--color-teal-light);color:#fff}.btn--small{padding:2px var(--space-sm);font-size:.65rem;border-width:2px}.btn--active{background-color:var(--color-text);color:var(--color-surface)}.input{padding:var(--space-xs) var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);border:var(--border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text);transition:border-color var(--duration-fast)}.input:focus{outline:none;border-color:var(--color-vermillion)}.input::placeholder{color:var(--color-text-muted)}.select{padding:var(--space-xs) var(--space-md);padding-inline-end:var(--space-xl);font-family:var(--font-mono);font-size:var(--text-sm);border:var(--border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%231a1a1a' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-sm) center;cursor:pointer}.select:focus{outline:none;border-color:var(--color-vermillion)}.tag{display:inline-block;padding:1px var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);border:2px solid var(--color-border);border-radius:var(--radius-sm);white-space:nowrap}.tag--cuisine{border-color:var(--color-teal);color:var(--color-teal)}.tag--borough{border-color:var(--color-vermillion);color:var(--color-vermillion)}.tag--year{border-color:var(--color-text-muted);color:var(--color-text-muted)}.progress{inline-size:100%;block-size:6px;background-color:var(--color-border-light);border-radius:3px;overflow:hidden}.progress__fill{block-size:100%;background-color:var(--color-teal);border-radius:3px;transition:inline-size var(--duration-slow) var(--ease-out)}.stats-panel__item{cursor:pointer}.stats-panel__item:hover{color:var(--color-vermillion)}.stats-panel__item--active{color:var(--color-vermillion);font-weight:700}.js-visited-link{all:unset;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.js-visited-link:hover{color:var(--color-teal)}.empty{grid-column:1 / -1;text-align:center;padding:var(--space-4xl) var(--space-lg);color:var(--color-text-muted)}.empty__emoji{font-size:4rem;margin-block-end:var(--space-md)}.empty__title{font-family:var(--font-heading);font-size:var(--text-xl);margin-block-end:var(--space-sm)}.view-toggle{display:flex;gap:0}.view-toggle .btn{border-radius:0}.view-toggle .btn:first-child{border-start-start-radius:var(--radius-sm);border-end-start-radius:var(--radius-sm)}.view-toggle .btn:last-child{border-start-end-radius:var(--radius-sm);border-end-end-radius:var(--radius-sm)}.view-toggle .btn+.btn{margin-inline-start:calc(-1 * var(--border-width))}.timeline-group{min-inline-size:0;margin-block-end:var(--space-2xl)}.timeline-group__year{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:900;color:var(--color-vermillion);letter-spacing:var(--tracking-tight);margin-block-end:var(--space-md)}::-webkit-scrollbar{inline-size:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes highlight-pulse{0%{box-shadow:0 0 #e6391666}50%{box-shadow:0 0 0 8px #e6391600}to{box-shadow:0 0 #e6391600}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.card{animation:fade-in var(--duration-slow) var(--ease-out) both}.card:nth-child(1){animation-delay:0ms}.card:nth-child(2){animation-delay:50ms}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.15s}.card:nth-child(5){animation-delay:.2s}.card:nth-child(6){animation-delay:.25s}.card:nth-child(7){animation-delay:.3s}.card:nth-child(8){animation-delay:.35s}.card:nth-child(9){animation-delay:.4s}.random-btn{position:fixed;inset-block-end:var(--space-xl);inset-inline-end:var(--space-xl);z-index:var(--z-overlay);animation:slide-up var(--duration-slow) var(--ease-out) 1s both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}