:root{color-scheme:dark;--label:#000;--label-2:rgba(60,60,67,.6);--label-3:rgba(60,60,67,.3);--placeholder:rgba(60,60,67,.3);--bg:#fff;--bg-grouped:#f2f2f7;--bg-elevated:#fff;--fill-2:hsla(240,3%,49%,.16);--fill-3:hsla(240,4%,48%,.12);--fill-4:hsla(240,5%,48%,.08);--separator:rgba(60,60,67,.29);--separator-opaque:#c6c6c8;--accent:#007aff;--accent-pressed:#0062cc;--like:#ff375f;--danger:#ff3b30;--shadow-card:0 1px 2px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.06);--shadow-card-hover:0 2px 4px rgba(0,0,0,.05),0 12px 32px rgba(0,0,0,.1);--glass-bg:hsla(0,0%,100%,.72);--glass-border:rgba(0,0,0,.08)}@media{:root{color-scheme:dark;--label:#fff;--label-2:rgba(235,235,245,.6);--label-3:rgba(235,235,245,.3);--placeholder:rgba(235,235,245,.3);--bg:#000;--bg-grouped:#000;--bg-elevated:#1c1c1e;--fill-2:hsla(240,3%,49%,.32);--fill-3:hsla(240,4%,48%,.24);--fill-4:hsla(240,4%,48%,.18);--separator:rgba(84,84,88,.6);--separator-opaque:#38383a;--accent:#0a84ff;--accent-pressed:#0972db;--like:#ff375f;--danger:#ff453a;--shadow-card:0 1px 2px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.3);--shadow-card-hover:0 2px 4px rgba(0,0,0,.5),0 12px 32px rgba(0,0,0,.45);--glass-bg:rgba(28,28,30,.72);--glass-border:hsla(0,0%,100%,.1)}}@supports (color:color(display-p3 1 1 1)){:root{--accent:color(display-p3 0.000 0.478 1.000)}@media{:root{--accent:color(display-p3 0.039 0.518 1.000)}}}:root{--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;--text-display:clamp(2.25rem,3.15vw + 1.14rem,3.25rem);--text-title-1:clamp(1.75rem,2.42vw + 0.84rem,2.375rem);--text-title-2:clamp(1.375rem,1.82vw + 0.69rem,1.75rem);--text-title-3:1.25rem;--text-headline:1.0625rem;--text-body:1.0625rem;--text-subhead:0.9375rem;--text-footnote:0.8125rem;--text-caption:0.75rem;--track-display:-0.022em;--track-title:-0.014em;--track-body:0em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--measure:680px;--page-max:1200px;--nav-h:48px;--ease-snappy:cubic-bezier(0.34,1.2,0.64,1);--dur-fast:140ms;--dur:240ms}@supports (animation-timing-function:linear(0,1)){:root{--ease-snappy:linear(0,0.012,0.049,0.107,0.185,0.278,0.383,0.493,0.601,0.702,0.791,0.865,0.924,0.967,0.995,1.013,1.019,1.016,1.009,1.003,1)}}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0ms;--dur:0ms}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:1.47;letter-spacing:var(--track-body);color:var(--label);background:var(--bg-grouped);-webkit-font-smoothing:antialiased;min-height:100dvh}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}:focus:not(:focus-visible){outline:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.page{max-width:var(--page-max);margin-inline:auto;padding-inline:var(--space-5);padding-bottom:var(--space-8)}@media (min-width:768px){.page{padding-inline:var(--space-6)}}.measure{max-width:var(--measure)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;min-height:var(--nav-h);display:flex;align-items:center;gap:var(--space-5);padding-inline:var(--space-5);padding-top:env(safe-area-inset-top);background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--glass-border)}@media (prefers-reduced-transparency:reduce){.nav{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}}.nav__brand{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-subhead);font-weight:600;letter-spacing:var(--track-title);color:var(--label)}.nav__logo{height:24px;width:auto;border-radius:4px;flex-shrink:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .nav__logo{border-radius:0}}@media (max-width:380px){.nav__logo{height:20px}}.nav__brand:hover{text-decoration:none}.nav__spacer{margin-left:auto}.header{padding-block:var(--space-8) var(--space-6)}.header__title{font-size:var(--text-display);font-weight:700;line-height:1.06;letter-spacing:var(--track-display);max-width:15ch;text-wrap:balance}.header__deck{margin-top:var(--space-3);font-size:1.1875rem;line-height:1.42;color:var(--label-2);max-width:38ch}.header--center{text-align:center}.header--center .back,.header--center .header__deck,.header--center .header__title{margin-inline:auto}.segmented{display:inline-flex;gap:2px;padding:3px;background:var(--fill-4);border:1px solid var(--separator);border-radius:9999px;max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented::-webkit-scrollbar{display:none}.segmented__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--label-2);font-size:var(--text-subhead);font-weight:500;padding:7px 16px;border-radius:9999px;cursor:pointer;white-space:nowrap;transition:color var(--dur-fast) ease,background var(--dur-fast) ease,box-shadow var(--dur-fast) ease,transform var(--dur-fast) var(--ease-snappy)}@media (hover:hover){.segmented__item:hover{color:var(--label);background:var(--fill-3);text-decoration:none}.segmented__item[aria-current=true]:hover{background:var(--accent-pressed)}}.segmented__item:active{transform:scale(.96)}.segmented__item[aria-current=true]{background:var(--accent);color:#fff;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.18),0 4px 14px color-mix(in srgb,var(--accent) 35%,transparent)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chips--filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-top:var(--space-3);padding-bottom:2px}.chips--filter::-webkit-scrollbar{display:none}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 var(--space-3);border:1px solid var(--separator);border-radius:9999px;background:transparent;color:var(--label-2);font-size:var(--text-subhead);font-weight:500;white-space:nowrap;cursor:pointer;transition:transform var(--dur-fast) var(--ease-snappy),background var(--dur-fast) ease,color var(--dur-fast) ease,border-color var(--dur-fast) ease}@media (hover:hover){.chip:hover{color:var(--label);background:var(--fill-4);border-color:var(--label-3);transform:translateY(-1px);text-decoration:none}.chip[aria-checked=true]:hover,.chip[aria-current=true]:hover{background:color-mix(in srgb,var(--accent) 24%,transparent);color:var(--accent)}}.chip:active{transform:scale(.96)}.chip[aria-checked=true],.chip[aria-current=true]{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:var(--accent);font-weight:600}@supports not (background:color-mix(in srgb,red 50%,transparent)){.chip[aria-checked=true],.chip[aria-current=true]{background:var(--accent);border-color:var(--accent);color:#fff}}.chip__count{font-size:var(--text-caption);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.65}.tag{align-self:flex-start;font-size:var(--text-caption);font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--label-2);background:var(--fill-4);padding:3px 8px;border-radius:6px;margin-bottom:var(--space-1)}fieldset.field{border:0;padding:0;margin:0}fieldset.field>legend{padding:0;margin-bottom:var(--space-2)}.grid{display:grid;grid-gap:var(--space-5);gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));margin-top:var(--space-6)}.pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-7)}.pager>:first-child{justify-self:start}.pager>:last-child{justify-self:end}.pager__page{font-size:var(--text-footnote);color:var(--label-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card{position:relative;display:flex;flex-direction:column;background:var(--bg-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden;transition:transform var(--dur) var(--ease-snappy),box-shadow var(--dur) var(--ease-snappy)}@media (hover:hover){.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.card:hover .card__shot img{transform:scale(1.03)}}.card:active{transform:scale(.985)}.card[data-pending=true]{transform:scale(.985);box-shadow:var(--shadow-card);cursor:progress}.card[data-pending=true] .card__body{opacity:.55}.card[data-pending=true] .card__shot img{opacity:.45;filter:saturate(.7)}.card[data-pending=true] .card__shot:after{content:"";position:absolute;inset:0;background:var(--bg-elevated);opacity:.35}.card__spinner{position:absolute;top:50%;left:50%;z-index:2;margin:-13px 0 0 -13px;width:26px;height:26px;border-radius:50%;border:2.5px solid var(--label-3);border-top-color:var(--accent);animation:spin .7s linear infinite}.card__link{color:inherit}.card__link:hover{text-decoration:none}.card__link:after{content:"";position:absolute;inset:0}.card__shot{position:relative;aspect-ratio:16/10;background:var(--fill-4);overflow:hidden;border-bottom:1px solid var(--separator)}.card__shot img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform var(--dur) var(--ease-snappy),opacity var(--dur) ease,filter var(--dur) ease}.card__body{transition:opacity var(--dur) ease}.card__fallback{width:100%;height:100%;display:grid;place-items:center;font-family:var(--font-mono);font-size:var(--text-footnote);color:var(--label-3);padding:var(--space-4);text-align:center;overflow-wrap:anywhere}.card__body{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4)}.card__name{font-size:var(--text-headline);font-weight:600;letter-spacing:-.01em}.card__tagline{font-size:var(--text-subhead);color:var(--label-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__meta{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--text-footnote);color:var(--label-2)}.card__today{color:var(--label-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.rank{position:absolute;top:var(--space-3);left:var(--space-3);z-index:2;min-width:26px;height:26px;padding-inline:8px;display:grid;place-items:center;border-radius:9999px;background:rgba(0,0,0,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:var(--text-caption);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.btn{--btn-bg:var(--fill-3);--btn-fg:var(--label);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border-radius:9999px;background:var(--btn-bg);color:var(--btn-fg);font-size:var(--text-headline);font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:transform var(--dur-fast) var(--ease-snappy),background var(--dur-fast) ease,box-shadow var(--dur-fast) ease,opacity var(--dur-fast) ease}.btn:hover{text-decoration:none}@media (hover:hover){.btn:hover{--btn-bg:var(--fill-2);transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.14)}.btn--primary:hover{--btn-bg:var(--accent-pressed);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 40%,transparent)}.btn--danger:hover{box-shadow:0 6px 18px color-mix(in srgb,var(--danger) 40%,transparent)}.btn:disabled:hover{transform:none;box-shadow:none;--btn-bg:var(--fill-3)}.btn--primary:disabled:hover{--btn-bg:var(--accent)}}.btn:active{transform:translateY(0) scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:active{transform:none}.btn--primary{--btn-bg:var(--accent);--btn-fg:#fff}.spinner{width:16px;height:16px;flex-shrink:0;border-radius:50%;border:2px solid;border-top:2px solid transparent;opacity:.85;animation:spin .7s linear infinite}.spinner--lg{width:22px;height:22px;border-width:2.5px}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.btn--full{width:100%}.btn--sm{min-height:36px;padding:0 var(--space-4);font-size:var(--text-subhead)}.like{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--fill-3);color:var(--label);display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border-radius:9999px;cursor:pointer;font-size:var(--text-headline);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:transform var(--dur-fast) var(--ease-snappy),background var(--dur-fast) ease,color var(--dur-fast) ease}@media (hover:hover){.like:hover{background:var(--fill-2)}.like[aria-pressed=true]:hover{background:rgba(255,55,95,.2)}}.like:active{transform:scale(.94)}.like[aria-pressed=true]{color:var(--like);background:rgba(255,55,95,.12)}.like__icon{transition:transform var(--dur) var(--ease-snappy)}.like[data-just-liked=true] .like__icon{animation:pop var(--dur) var(--ease-snappy)}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.28)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.like[data-just-liked=true] .like__icon{animation:none}}.like--inline{background:var(--fill-3);min-height:36px;padding:0 14px;font-size:var(--text-subhead);font-weight:600;color:var(--label);gap:7px}@media (hover:hover){.like--inline:hover{background:var(--fill-2);transform:translateY(-1px)}}.like--inline[aria-pressed=true]{background:rgba(255,55,95,.12);color:var(--like)}.detail{padding-block:var(--space-6)}.detail__shot{aspect-ratio:16/10;border-radius:var(--radius-lg);overflow:hidden;background:var(--fill-4);box-shadow:var(--shadow-card);border:1px solid var(--separator);margin-bottom:var(--space-6)}.detail__shot img{width:100%;height:100%;object-fit:cover;object-position:top center}.detail .tag{display:inline-block;margin-bottom:var(--space-3)}.detail__name{font-size:var(--text-title-1);font-weight:700;letter-spacing:var(--track-title);line-height:1.12}.detail__tagline{margin-top:var(--space-3);font-size:1.1875rem;color:var(--label-2);line-height:1.42}.detail__host{margin-top:var(--space-2);font-size:var(--text-subhead);color:var(--label-3)}.detail__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-5)}.back{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-subhead);font-weight:500;color:var(--accent);margin-bottom:var(--space-5);transition:gap var(--dur-fast) ease,opacity var(--dur-fast) ease}@media (hover:hover){.back:hover{gap:8px;opacity:.8;text-decoration:none}}.stat{font-size:var(--text-subhead);color:var(--label-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.stat strong{color:var(--label);font-weight:600}.connect{position:relative}.connect__panel{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:50;min-width:250px;padding:var(--space-2);border-radius:var(--radius-md);background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);box-shadow:0 8px 32px rgba(0,0,0,.16);animation:popover-in var(--dur) var(--ease-snappy);transform-origin:top left}@media (prefers-reduced-transparency:reduce){.connect__panel{background:var(--bg-elevated);backdrop-filter:none;-webkit-backdrop-filter:none}}@keyframes popover-in{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.connect__item{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--label);font-size:var(--text-subhead);font-weight:500;overflow-wrap:anywhere}.connect__item:hover{background:var(--fill-4);text-decoration:none}.connect__item svg{flex-shrink:0;color:var(--label-2)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--text-subhead);font-weight:600;letter-spacing:-.005em}.field__optional{color:var(--label-3);font-weight:400}.field__hint{font-size:var(--text-footnote);color:var(--label-2)}.input,.textarea{width:100%;min-height:44px;padding:11px var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--separator);background:var(--bg-elevated);font-size:var(--text-body);transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.input::placeholder,.textarea::placeholder{color:var(--placeholder)}.input:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3.5px color-mix(in srgb,var(--accent) 18%,transparent)}.textarea{min-height:96px;resize:vertical;line-height:1.47}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.field__error{font-size:var(--text-footnote);color:var(--danger)}.form>*+*{margin-top:var(--space-5)}.form__actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.form--center{margin-inline:auto}.form--center .form__actions{justify-content:center}.form--center .form__status{width:100%;text-align:center}.form__status{font-size:var(--text-subhead);color:var(--label-2)}.form__status--error{color:var(--danger)}.upload{display:flex;align-items:flex-start;gap:var(--space-3)}.upload__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload__drop{flex:1 1;display:grid;place-items:center;min-height:128px;padding:var(--space-3);border:1px dashed var(--separator);border-radius:var(--radius-md);background:var(--bg-elevated);cursor:pointer;overflow:hidden;transition:border-color var(--dur-fast) ease,background var(--dur-fast) ease}@media (hover:hover){.upload__drop:hover{border-color:var(--accent);background:var(--fill-4)}}.upload__drop[data-busy=true]{border-color:var(--accent);cursor:progress}.upload__status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-subhead);font-weight:500;color:var(--label-2)}.upload__input:focus-visible+.upload__drop{outline:2px solid var(--accent);outline-offset:2px}.upload__placeholder{font-size:var(--text-subhead);font-weight:500;color:var(--label-2)}.upload__preview{max-height:160px;width:100%;object-fit:contain;border-radius:var(--radius-sm)}.section-title{font-size:var(--text-title-3);font-weight:600;letter-spacing:-.01em;margin-bottom:var(--space-4)}.comment-list{display:flex;flex-direction:column}.comment{padding-block:var(--space-4);border-top:1px solid var(--separator)}.comment__head{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:2px}.comment__name{font-size:var(--text-subhead);font-weight:600}.comment__time{font-size:var(--text-footnote);color:var(--label-3)}.comment__text{font-size:var(--text-body);white-space:pre-wrap;overflow-wrap:anywhere}.comment--pending{opacity:.55}.comment--new{animation:comment-in var(--dur) var(--ease-snappy)}@keyframes comment-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.rule{border:0;border-top:1px solid var(--separator);margin-block:var(--space-7)}.empty{text-align:center;padding:var(--space-8) var(--space-5);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-card);margin-top:var(--space-6)}.empty__title{font-size:var(--text-title-3);font-weight:600;letter-spacing:-.01em}.empty__body{margin-top:var(--space-2);color:var(--label-2);font-size:var(--text-subhead);max-width:44ch;margin-inline:auto}.empty__action{margin-top:var(--space-5)}.notice{padding:var(--space-5);border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--separator);font-size:var(--text-subhead);color:var(--label-2);margin-top:var(--space-6)}.notice>*+*{margin-top:var(--space-3)}.notice code,.notice strong{color:var(--label)}.notice code{font-family:var(--font-mono);font-size:.9em;background:var(--fill-3);padding:1px 5px;border-radius:5px}.notice ol{padding-left:1.3em}.notice li+li{margin-top:var(--space-2)}.btn--danger{--btn-bg:var(--danger);--btn-fg:#fff}.skeleton{background:var(--fill-3);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--fill-4),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.skeleton-card__shot{aspect-ratio:16/10;border-radius:0}.skeleton-detail__shot{aspect-ratio:16/10;border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.skeleton-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.skeleton-card__line{height:12px;margin:var(--space-4) var(--space-4) 0}.skeleton-card__line--short{width:55%;margin-bottom:var(--space-5)}.footer__brand{color:var(--label);font-weight:600;letter-spacing:-.01em}.footer{border-top:1px solid var(--separator);margin-top:var(--space-8);padding-block:var(--space-6);font-size:var(--text-footnote);color:var(--label-2)}