:root{ --paper: #ffffff; --paper-2: #f5f1e8; --ink: #1a1814; --ink-soft: #4a463e; --ink-mute: #87806f; --ink-dim: #a8a094; --ink-faint: #c4bdac; --rule: #d9d1bd; --amber: #c64a1a; --amber-soft: #e6d4c2; --card-mint: #E2F0EE; --card-mint-rule: #C8DFDC; --bg: var(--paper-2); --surface: var(--paper); --ink-fade: var(--ink-mute); --accent: var(--amber); --accent-soft: var(--amber-soft); --border: var(--rule); --border-soft: #ece4cf; --font-sans: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --font-serif: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace; --reading-max: 680px; }*{ box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }html, body{ font-family: var(--font-sans); background: #ffffff; min-height: 100vh; color: var(--ink); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'cv11', 'ss01', 'ss03', 'kern', 'liga', 'calt'; text-rendering: optimizeLegibility; font-variant-numeric: lining-nums; }body{ background-color: var(--paper); background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.10 0 0 0 0 0.09 0 0 0 0 0.08 0 0 0 0.035 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"); }body{ display: flex; align-items: flex-start; justify-content: center; padding: 24px; }@media (max-width: 480px){body{ padding: 0; align-items: stretch; }}@media (min-width: 1024px){body{ padding: 0; }#main-content{ min-width: 0; padding: 26px 28px; }}.dot{ width: 5px; height: 5px; border-radius: 50%; background: var(--border); transition: all 0.2s ease; }.dot.active{ background: var(--ink); width: 18px; border-radius: 3px; }.dot.passed{ background: var(--ink); opacity: 0.35; }.screen{ display: none; flex-direction: column; padding: 8px 24px 24px; }.screen.active{ display: flex; animation: fadeIn 0.4s cubic-bezier(0.4, 0, 0.2, 1); }@keyframes fadeIn{ from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }.bottom-bar{ padding: 12px 24px calc(20px + env(safe-area-inset-bottom, 0px)); flex-shrink: 0; background: var(--surface); }.bottom-bar.hidden{ display: none; }@keyframes cta-spin{ to { transform: rotate(360deg); } }.wordmark{ font-size: 17px; font-weight: 600; letter-spacing: -0.3px; color: var(--ink); margin-bottom: 28px; display: flex; align-items: center; gap: 6px; }.wordmark::before{ content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }.steps-list{ margin-bottom: auto; }.step-row{ display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--border-soft); }.step-row:last-of-type{ border-bottom: none; }.legal{ text-align: center; font-size: 11px; color: var(--ink-fade); line-height: 1.5; margin-top: 4px; }.field-row{ display: flex; gap: 10px; }.field-row > .text-input{ flex: 1; }.text-input{ width: 100%; border: 1px solid transparent; background: var(--bg); border-radius: 14px; padding: 14px 16px; font-size: 16px; font-family: inherit; outline: none; color: var(--ink); resize: none; transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease; }.text-input:focus{ border-color: var(--ink); background: var(--surface); box-shadow: 0 0 0 4px rgba(26, 24, 20, 0.06); }.text-input::placeholder{ color: var(--ink-fade); }.text-input.small{ padding: 12px 14px; font-size: 14.5px; }.text-input.error{ border-color: var(--accent); }.chooser-group{ border: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }.chooser-city-chip{ font-family: var(--font-sans); font-size: 12.5px; font-weight: 600; letter-spacing: 0.02em; color: var(--ink-soft); background: var(--paper-2); border: 1px solid var(--border-soft); border-radius: 999px; padding: 5px 12px; cursor: pointer; transition: color 120ms ease, background 120ms ease, border-color 120ms ease; }.chooser-city-chip:hover{ color: var(--ink); border-color: var(--ink-mute); }.chooser-city-chip.is-active{ background: rgba(217, 119, 6, 0.12); color: var(--amber); border-color: rgba(217, 119, 6, 0.4); }.chooser-rows{ display: flex; flex-direction: column; gap: 6px; }.theme-list{ display: flex; flex-direction: column; gap: 10px; margin-top: 18px; }.chip{ padding: 10px 16px; border-radius: 100px; border: 1px solid rgba(0, 0, 0, 0.12); background: transparent; font-size: 13.5px; font-weight: 500; cursor: pointer; font-family: inherit; color: var(--ink); transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease; min-height: 38px; }.chip:active{ opacity: 0.7; }.chip.selected{ background: var(--ink); border-color: var(--ink); color: var(--paper); }.chip.add{ border-style: dashed; color: var(--ink-mute); }.founder-verified{ display: inline-flex; align-items: center; vertical-align: -2px; margin-left: 4px; line-height: 0; }.founder-verified svg{ display: block; }.edit-group{ display: flex; flex-direction: column; gap: 8px; }body.crop-open{ overflow: hidden; }.edit-save{ width: auto; flex: 1; min-width: 0; }.next-list{ display: flex; flex-direction: column; margin-top: 4px; }.next-item{ display: flex; align-items: center; gap: 10px; padding: 12px 0; border: 0; border-bottom: 1px solid var(--border-soft); background: transparent; text-decoration: none; color: var(--ink); font-family: var(--font-sans); font-size: 13.5px; font-weight: 500; cursor: pointer; transition: color 0.12s ease; }.next-item:last-child{ border-bottom: none; }.next-item:hover .next-title{ color: var(--amber); }.next-glyph{ display: inline-flex; width: 18px; color: var(--ink-mute); flex-shrink: 0; }.next-glyph .ui-icon svg{ width: 16px; height: 16px; }.next-title{ flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.next-meta{ font-size: 11.5px; color: var(--ink-mute); flex-shrink: 0; }.next-arrow{ color: var(--ink-fade); font-size: 16px; flex-shrink: 0; }.flash-banner{ position: fixed; top: 16px; left: 50%; transform: translateX(-50%); z-index: 100; padding: 11px 18px; border-radius: 12px; font-size: 13.5px; font-weight: 500; box-shadow: 0 8px 24px rgba(0,0,0,0.15); max-width: calc(100vw - 32px); cursor: pointer; opacity: 1; transition: opacity 0.3s ease, transform 0.3s ease; }.flash-banner.is-dismissing{ opacity: 0; transform: translate(-50%, -8px); }.flash-notice{ background: var(--ink); color: white; }.flash-alert{ background: var(--accent); color: white; }@keyframes bounceIn{ 0% { transform: scale(0.6); opacity: 0; } 60% { transform: scale(1.1); opacity: 1; } 100% { transform: scale(1); } }.skip-link{ position: absolute; top: -40px; left: 8px; background: var(--ink); color: white; padding: 8px 14px; border-radius: 8px; font-size: 13px; font-weight: 500; z-index: 1000; text-decoration: none; transition: top 0.2s; }.skip-link:focus{ top: 8px; }*:focus-visible{ outline: 2px solid var(--ink); outline-offset: 2px; border-radius: 4px; }.text-input:focus-visible{ outline: none; border-color: var(--ink); background: var(--surface); }.chip:focus-visible{ outline-offset: 1px; }.welcome-cover{ position: relative; height: 300px; background-size: cover; background-position: center; filter: saturate(0.95) contrast(0.97) sepia(0.12); margin: 0; }.benefit{ display: flex; gap: 14px; padding: 14px 4px; border-bottom: 1px solid var(--border-soft); align-items: flex-start; }.benefit:last-child{ border-bottom: none; }.benefit-icon{ font-size: 22px; width: 36px; text-align: center; flex-shrink: 0; line-height: 1.2; }.ui-icon{ display: inline-flex; align-items: center; justify-content: center; line-height: 0; vertical-align: -2px; color: inherit; }.ui-icon svg{ display: block; }.chip{ transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.08s ease; }.chip:hover{ border-color: var(--ink-mute); }.chip.selected:hover{ border-color: var(--ink); }.welcome-line{ margin: 4px 0 12px; font-family: var(--font-serif); font-size: 15px; color: var(--ink); text-align: center; line-height: 1.4; }.feed-updates{ display:flex; justify-content:center; margin:4px 0 0; }.feed-item{ position:relative; display:flex; flex-direction:column; gap:8px; padding:14px 16px; background:var(--paper); border:1px solid var(--border-soft); border-radius:12px; }.feed-item:hover{ border-color:var(--border); }.feed-item.is-pinned{ border-color:var(--amber); background:linear-gradient(0deg, var(--paper), rgba(217, 119, 6, 0.04)); }.feed-item-head{ display:flex; align-items:center; gap:10px; }.feed-item-cover{ width:100%; max-height:360px; object-fit:cover; border-radius:12px; margin:8px 0 12px; display:block; }.feed-rsvp-btn{ padding:7px 18px; border:1px solid rgba(198, 74, 26, 0.35); border-radius:999px; background:rgba(198, 74, 26, 0.08); color:var(--amber); font-family:var(--ec-sans); font-size:13px; font-weight:600; cursor:pointer; transition:background 120ms ease, border-color 120ms ease; }.feed-rsvp-btn:hover{ background:rgba(198, 74, 26, 0.14); border-color:var(--amber); }.feed-rsvp-btn:disabled{ opacity:0.6; cursor:default; }.feed-rsvp-going{ display:inline-flex; align-items:center; gap:5px; padding:7px 14px; border-radius:999px; background:var(--paper-2); color:var(--ink-soft); font-family:var(--ec-sans); font-size:13px; font-weight:600; }.next-item-disabled{ cursor: default; opacity: 0.85; }.next-item-disabled:active{ transform: none; border-color: transparent; }.next-tag{ font-size: 10.5px; font-weight: 600; color: var(--ink-mute); background: var(--surface); border-radius: 100px; padding: 3px 9px; letter-spacing: 0.4px; text-transform: uppercase; flex-shrink: 0; }.event-cover{ position: relative; width: 100%; padding-bottom: 33.333%; background: linear-gradient(135deg, #c2410c 0%, #f97316 60%, #fbbf24 100%); overflow: hidden; flex-shrink: 0; }.partner-row{ border: 1px solid var(--border); border-radius: 14px; padding: 16px; background: var(--paper); }.partner-row + .partner-row{ margin-top: 14px; }@keyframes coverKenBurns{ from { transform: scale(1.00); } to { transform: scale(1.06); } }@media (prefers-reduced-motion: no-preference){.event-cover-img{ animation: coverKenBurns 40s ease-in-out infinite alternate; transform-origin: center center; }}@keyframes event-countdown-live-pulse{ 0% { box-shadow: 0 0 0 0 rgba(198, 74, 26, 0.6); } 70% { box-shadow: 0 0 0 6px rgba(198, 74, 26, 0); } 100% { box-shadow: 0 0 0 0 rgba(198, 74, 26, 0); } }@keyframes fadeUp{ from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }@media (prefers-reduced-motion: no-preference){.event-cover{ animation: fadeUp 0.5s ease-out both; }}.event-showcase-btn{ appearance: none; display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--border); background: var(--surface); color: var(--ink-soft); border-radius: 999px; padding: 6px 13px; font-family: var(--font-sans); font-size: 12.5px; font-weight: 600; cursor: pointer; transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease; }.event-showcase-btn:hover{ border-color: var(--accent); color: var(--accent); }.event-showcase-btn.is-on{ background: var(--accent-soft); border-color: var(--accent-soft); color: var(--accent); }.event-showcase-btn.is-on svg{ fill: currentColor; }.demoday-list{ list-style: none; margin: 0; padding: 0; }.upvote-box{ display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; width: 50px; min-height: 50px; padding: 6px 0; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); color: var(--ink-mute); font-family: var(--font-sans); text-decoration: none; cursor: pointer; transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease; }.upvote-box svg{ width: 16px; height: 16px; }.upvote-box-count{ font-size: 12px; font-weight: 700; line-height: 1; }.upvote-box:hover{ border-color: var(--accent); color: var(--accent); }.upvote-box.is-on{ border-color: var(--accent); color: var(--accent); }.upvote-box.is-on svg{ fill: currentColor; }@keyframes pulse-accent{ 0%, 100% { box-shadow: 0 0 0 4px rgba(194,65,12,0.18); } 50% { box-shadow: 0 0 0 7px rgba(194,65,12,0.06); } }.event-cover-img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(0.95) brightness(0.99) contrast(0.98) sepia(0.08); }@keyframes pulse{ 0%, 100% { box-shadow: 0 0 0 4px rgba(251,191,36,0.25); } 50% { box-shadow: 0 0 0 7px rgba(251,191,36,0.10); } }.event-rail-eyebrow{ font-family: var(--font-sans); font-size: 10.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-dim); }.poll-votable{ display: flex; flex-direction: column; gap: 10px; width: 100%; padding: 16px; border: 1px solid var(--border-soft); border-radius: 14px; background: var(--paper); transition: opacity 0.15s ease; }.poll-votable.is-voting{ opacity: 0.55; pointer-events: none; }.poll-votable-head{ display: flex; flex-direction: column; gap: 6px; text-decoration: none; }.poll-votable-q{ font-family: var(--font-sans); font-size: 14px; font-weight: 600; line-height: 1.35; color: var(--ink); }.poll-votable-options{ display: flex; flex-direction: column; gap: 8px; }.poll-votable-cta{ font-family: var(--font-sans); font-size: 12.5px; font-weight: 600; color: var(--amber); text-decoration: none; }.poll-votable-other{ display: flex; gap: 6px; margin-top: 10px; }.poll-votable-other-input{ flex: 1 1 auto; min-width: 0; height: 34px; padding: 0 10px; border: 1px solid var(--border-soft); border-radius: 9px; font-family: var(--font-sans); font-size: 13px; background: var(--paper); }.poll-votable-other-input:focus{ outline: none; border-color: var(--amber); }.poll-votable-other-btn{ flex: none; height: 34px; padding: 0 14px; border: 1px solid var(--border); border-radius: 9px; background: var(--paper); color: var(--ink); font-family: var(--font-sans); font-size: 13px; font-weight: 600; cursor: pointer; }.poll-votable-other-btn:hover{ border-color: var(--amber); color: var(--amber); }@media (max-width: 700px){.episode-rail-strip{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }.episode-rail-strip .episode-rail-card{ width: auto; }}.episode-rail-card.is-playing{ outline: 2px solid var(--amber); outline-offset: 2px; }.city-tile{ flex: 0 0 auto; display: inline-flex; flex-direction: column; gap: 2px; padding: 10px 14px; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; text-decoration: none; color: var(--ink); transition: border-color 0.15s ease, transform 0.08s ease; }.city-tile:hover{ border-color: var(--ink-mute); }.city-tile:active{ transform: scale(0.99); }.cities-list{ display: flex; flex-direction: column; gap: 8px; margin: 0 0 18px; }.partner-brands{ margin: 28px 0 0; padding: 22px 18px 20px; background: var(--paper-2); border-radius: 16px; }.avatar-letter{ display: flex; align-items: center; justify-content: center; line-height: 1; font-family: var(--font-serif); font-style: italic; font-weight: 400; color: var(--amber); text-transform: lowercase; background: rgba(198, 74, 26, 0.07); }.partner-brands-head{ margin: 0 0 16px; }.event-list{ display: flex; flex-direction: column; gap: 10px; margin-bottom: 4px; }.event-card-row{ display: flex; align-items: center; gap: 14px; flex: 1; min-width: 0; }.event-card{ position: relative; display: flex; align-items: center; gap: 14px; padding: 24px 22px 20px; background: radial-gradient(circle at 12% -8%, rgba(198, 74, 26, 0.10) 0%, transparent 42%), linear-gradient(180deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.40) 22%, rgba(255, 255, 255, 0) 58% ), var(--paper-2); border: 1px solid rgba(230, 212, 194, 0.7); border-radius: 28px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 0 0 1px rgba(255, 255, 255, 0.35), 0 1px 2px rgba(26, 24, 20, 0.06), 0 4px 12px rgba(26, 24, 20, 0.05), 0 18px 44px rgba(26, 24, 20, 0.08), 0 36px 72px rgba(198, 74, 26, 0.05); text-decoration: none; color: var(--ink); transition: transform 0.25s cubic-bezier(0.32, 0.72, 0, 1), box-shadow 0.3s cubic-bezier(0.32, 0.72, 0, 1); }.event-card:hover{ transform: translateY(-4px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 2px 4px rgba(26, 24, 20, 0.06), 0 8px 20px rgba(26, 24, 20, 0.07), 0 28px 60px rgba(26, 24, 20, 0.12), 0 48px 96px rgba(198, 74, 26, 0.07); }.event-card:active{ transform: scale(0.99); }.proposal-panel{ display: flex; flex-direction: column; gap: 12px; }.proposal-panel form{ margin: 0; align-self: flex-start; }.application-panel, .application-admin{ display: flex; flex-direction: column; gap: 12px; }.application-fit{ margin: -4px 0 0; }.application-count{ margin: 0; font-family: var(--font-sans); font-size: 13px; color: var(--ink-mute); }.application-count{ margin: 0; font-family: var(--font-sans); font-size: 13px; color: var(--ink-mute); }.hub-fresh-dot{ display: inline-block; width: 6px; height: 6px; margin-left: 2px; vertical-align: super; border-radius: 50%; background: var(--amber); animation: hub-fresh-pulse 1.8s ease-in-out infinite; }@keyframes hub-fresh-pulse{ 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(0.66); } }@media (prefers-reduced-motion: reduce){.hub-fresh-dot{ animation: none; }}@media (max-width: 560px){.hub-city-tile{ flex: 0 0 220px; scroll-snap-align: start; }}.hub-city-tile{ min-height: 148px; display: flex; flex-direction: column; gap: 8px; padding: 14px; background: var(--paper); border: 1px solid var(--border-soft); border-radius: 14px; text-decoration: none; color: inherit; transition: border-color 0.15s ease; }.hub-city-tile:hover{ border-color: var(--border); }.gallery-event{ display: flex; flex-direction: column; gap: 14px; }.curate-event{ display: flex; flex-direction: column; gap: 12px; padding-bottom: 24px; border-bottom: 1px solid var(--border-soft); }.curate-event:last-child{ border-bottom: none; }.curate-photo-is-cover, .curate-photo:has(input:checked){ box-shadow: 0 0 0 3px var(--amber); }.screen-eyebrow, .event-when-eyebrow, .steps-label, .next-section-label, .event-list-divider, .event-card-day, .event-card-month, .event-meta-label, .event-when-zone, .event-hero-eyebrow, .event-hero-time-zone{ font-family: var(--font-mono); }.event-section-count, .next-tag, .event-card-date, .event-agenda-time, .event-when-line, .event-card-meta, .founder-card-role, .event-when-pill{ font-variant-numeric: tabular-nums; }.founder-card, .event-meta-grid, .event-venue-card, .event-participants, .event-card, .next-item, .profile-tag, .signin-helper, .check-email-tip, .empty-state{ border-color: var(--rule); }.chip.chip-custom{ padding-right: 8px; }.chip.chip-custom span[aria-hidden]{ opacity: 0.55; margin-left: 2px; }.chip.chip-custom:hover span[aria-hidden]{ opacity: 1; }.chip-group .chip.is-tail{ display: none; }.chip-group:has(.chip-more-check:checked) .chip.is-tail{ display: inline-flex; }.tag-counter-full{ color: var(--ink); background: var(--paper-3, #e9e3d6); }@keyframes tag-counter-buzz{ 0% { transform: translateX(0); } 20% { transform: translateX(-3px); } 40% { transform: translateX(3px); } 60% { transform: translateX(-2px); } 80% { transform: translateX(2px); } 100% { transform: translateX(0); } }.tag-counter-buzz{ animation: tag-counter-buzz 0.35s ease; }.match-row{ display: flex; align-items: center; gap: 12px; padding: 14px 2px; text-decoration: none; color: inherit; border-bottom: 1px solid var(--border-soft); }.match-row:last-child{ border-bottom: none; }.rsvp-building-preview-play{ appearance: none; border: 0; margin: 0; padding: 0; display: block; width: 100%; height: 100%; position: relative; cursor: pointer; background: #000; }.rsvp-building-preview-play img{ width: 100%; height: 100%; object-fit: cover; display: block; }.rsvp-building-preview-icon{ position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }.rsvp-building-preview-frame{ width: 100%; height: 100%; border: 0; display: block; }.card-section-heading{ display: flex; align-items: baseline; gap: 10px; margin: 24px 0 4px; }.photo-row{ display: flex; align-items: center; gap: 12px; margin: 6px 0 18px; }.card-input{ width: 100%; height: 44px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--amber-soft); background: var(--paper); font-family: var(--font-serif); font-size: 15px; color: var(--ink); transition: border-color 0.2s, box-shadow 0.2s; }.card-input::placeholder{ color: var(--ink-fade); }.card-input:focus{ outline: none; border-color: var(--amber); box-shadow: 0 0 0 3px rgba(198, 74, 26, 0.08); }.card-social-input{ flex: 1; min-width: 0; border: none; background: transparent; font-family: var(--font-sans); font-size: 13.5px; color: var(--ink); height: 100%; padding: 0; }.card-social-input::placeholder{ color: var(--ink-fade); }.card-social-input:focus{ outline: none; }.chip-group{ margin: 14px 0 4px; }.is-pulsing{ animation: card-form-pulse 1.4s ease-out; border-radius: 10px; }@keyframes card-form-pulse{ 0% { box-shadow: 0 0 0 0 rgba(198, 74, 26, 0.0); } 20% { box-shadow: 0 0 0 6px rgba(198, 74, 26, 0.18); } 100% { box-shadow: 0 0 0 0 rgba(198, 74, 26, 0.0); } }.explore-panel{ display: none; }.city-feed-story-video{ position: absolute; inset: 0; width: 100%; height: 100%; border: none; display: block; }.photo-tile{ position: relative; aspect-ratio: 1 / 1; animation: photo-tile-in 180ms ease both; }@keyframes photo-tile-in{ from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: none; } }.photo-tile.is-removing{ opacity: 0; transform: scale(0.94); transition: opacity 150ms ease, transform 150ms ease; }.photo-uploader-tooltip{ position: fixed; z-index: 9999; display: none; max-width: 300px; padding: 8px 11px; border-radius: 8px; background: var(--ink); color: #fff; font-family: var(--font-sans); font-size: 12px; line-height: 1.4; text-align: left; white-space: normal; word-break: break-word; overflow-wrap: anywhere; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.3); opacity: 0; pointer-events: none; transition: opacity 120ms ease; }.photo-uploader-tooltip::after{ content: ""; position: absolute; left: var(--arrow-x, 50%); transform: translateX(-50%); width: 0; height: 0; border: 6px solid transparent; }.photo-uploader-tooltip[data-placement="top"]::after{ top: 100%; border-top-color: var(--ink); }.photo-uploader-tooltip[data-placement="bottom"]::after{ bottom: 100%; border-bottom-color: var(--ink); }@media (prefers-reduced-motion: reduce){.photo-tile, .photo-tile.is-removing, .photo-tile-overlay, .photo-tile-progress, .photo-tile-progress-fill, .photo-tile-fail, .photo-tile-x, .photo-tile-retry, .photo-uploader-tooltip{ animation: none !important; transition: none !important; }}.city-tile{ display: flex; flex-direction: column; background: var(--paper-2); border: 1px solid var(--border); border-radius: 18px; overflow: hidden; text-decoration: none; color: var(--ink); transition: transform 0.25s cubic-bezier(0.32, 0.72, 0, 1), box-shadow 0.3s cubic-bezier(0.32, 0.72, 0, 1), border-color 0.2s ease; box-shadow: 0 1px 2px rgba(26, 24, 20, 0.04); }.city-tile:hover{ transform: translateY(-3px); border-color: var(--ink-mute); box-shadow: 0 4px 10px rgba(26, 24, 20, 0.06), 0 18px 32px rgba(26, 24, 20, 0.07); }.city-tile-cover{ position: relative; aspect-ratio: 16 / 9; background: linear-gradient(135deg, #e8d6c4, #d4ad8b); overflow: hidden; }.city-tile-line{ margin: 4px 0 0; font-family: var(--font-serif); font-size: 12.5px; color: var(--ink-mute); }.poll-result{ display: flex; flex-direction: column; gap: 4px; }.poll-result-form{ margin: 0; }.poll-result-vote{ width: 100%; display: flex; flex-direction: column; gap: 4px; padding: 6px 8px; margin: 0 -8px; border: none; border-radius: 8px; background: none; text-align: left; cursor: pointer; transition: background 120ms ease; }.poll-result-vote:hover{ background: var(--paper-2); }.poll-result.is-mine .poll-result-fill, .poll-result-vote.is-mine .poll-result-fill{ background: var(--accent); }.poll-result-tick{ color: var(--accent); font-weight: 700; margin-right: 3px; }.poll-result-radio{ display: inline-block; width: 13px; height: 13px; margin-right: 6px; vertical-align: -1px; border: 2px solid var(--border); border-radius: 50%; background: transparent; transition: border-color 120ms ease, background 120ms ease; }.poll-result-radio.is-on{ border-color: var(--accent); background: var(--accent); box-shadow: inset 0 0 0 2px var(--paper); }.poll-result-vote:hover .poll-result-radio{ border-color: var(--accent); }.poll-result-head{ display: flex; justify-content: space-between; gap: 10px; font-family: var(--font-sans); font-size: 13px; }.poll-result-label{ color: var(--ink); }.poll-result-count{ color: var(--ink-mute); font-variant-numeric: tabular-nums; white-space: nowrap; }.poll-result-track{ height: 7px; border-radius: 999px; background: var(--paper-2); overflow: hidden; }.poll-result-fill{ display: block; height: 100%; border-radius: 999px; background: var(--accent); min-width: 2px; }.poster-set-field{ display: flex; flex-direction: column; gap: 6px; }.poster-set-field > span{ font-family: var(--font-sans); font-size: 12.5px; font-weight: 600; color: var(--ink-soft); }.kit-node{ margin-bottom: 1px; }.share-card-stage{ position: relative; width: 100%; max-width: 100%; overflow: hidden; border-radius: 18px; background: var(--paper); box-shadow: 0 4px 24px rgba(26, 24, 20, 0.08); }.share-card-stage .share-card, .share-card-stage .poster{ transform: scale(var(--share-scale, 0.34)); transform-origin: top left; }.share-card{ position: relative; font-family: var(--font-sans); color: var(--ink); background: var(--paper-2); overflow: hidden; isolation: isolate; }.share-card-story{ width: 1080px; height: 1920px; }.share-card-place{ margin: 0; font-family: var(--font-sans); font-weight: 500; color: var(--ink-soft); display: flex; align-items: center; }.share-card-icon{ display: inline-flex; align-items: center; justify-content: center; color: var(--amber); }.share-card-cover{ position: absolute; z-index: 1; overflow: hidden; background: var(--border); box-shadow: 0 18px 48px rgba(26, 24, 20, 0.16), 0 0 0 1px rgba(26, 24, 20, 0.06); }.share-card .share-card-cover{ left: 70px; right: 70px; border-radius: 30px; }.share-card-story .share-card-cover{ top: 280px; height: 760px; }.share-card .share-card-place{ font-size: 28px; margin-top: 10px; gap: 16px; color: var(--ink-soft); }.poster{ --p-cream: #fdf6ee; --p-cream-soft: rgba(253, 246, 238, 0.74); --p-amber: #f3a563; --p-amber-soft: rgba(243, 165, 99, 0.55); --p-amber-faint: rgba(243, 165, 99, 0.14); --p-amber-ring: rgba(243, 165, 99, 0.85); --p-title-scale: 1; --p-text-scale: 1; position: relative; overflow: hidden; isolation: isolate; font-family: var(--font-sans); color: var(--p-cream); line-height: normal; }.poster-story{ width: 1080px; height: 1920px; }.poster-mid{ flex: 1 1 auto; display: flex; flex-direction: column; align-items: stretch; justify-content: space-evenly; width: 100%; }.poster-head{ width: 100%; }.ask-list{ display: flex; flex-direction: column; gap: 14px; }.ask-row{ display: flex; align-items: flex-start; gap: 12px; padding: 24px 26px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.4) 28%, rgba(255, 255, 255, 0) 68%), var(--paper-2); border: 1px solid rgba(230, 212, 194, 0.75); border-radius: 22px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 2px rgba(26, 24, 20, 0.05), 0 6px 16px rgba(26, 24, 20, 0.06), 0 18px 40px rgba(26, 24, 20, 0.07); transition: transform 0.25s cubic-bezier(0.32, 0.72, 0, 1), box-shadow 0.3s cubic-bezier(0.32, 0.72, 0, 1); }.ask-row:hover{ transform: translateY(-3px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 2px 4px rgba(26, 24, 20, 0.06), 0 12px 26px rgba(26, 24, 20, 0.08), 0 28px 56px rgba(26, 24, 20, 0.1); }.ask-panel{ margin: 18px 0; padding: 18px; background: var(--paper-2); border: 1px solid var(--border-soft); border-radius: 18px; }.grid-pin-wrap{ background: transparent; border: 0; }.grid-pin{ display: block; width: 16px; height: 16px; border-radius: 50%; background: var(--amber); border: 3px solid #fff; box-shadow: 0 1px 4px rgba(26, 24, 20, 0.35); }.grid-popup{ font-family: var(--font-sans); line-height: 1.35; }.grid-popup strong{ display: block; color: var(--ink); font-size: 14px; }.grid-popup span{ display: block; color: var(--ink-soft); font-size: 12.5px; margin-top: 2px; }.grid-popup em{ display: block; color: var(--ink-mute); font-size: 11.5px; font-style: normal; margin-top: 3px; }.grid-popup a{ display: inline-block; margin-top: 6px; font-size: 12px; font-weight: 600; color: var(--amber); text-decoration: none; }.grid-pin--startup{ background: var(--amber); }.grid-pin--vc{ background: #2f6f4f; }.grid-pin--incubator{ background: #6b4bb3; }.grid-pin--coworking{ background: #2b6cb0; }.grid-pin--community{ background: #b8860b; }.grid-pin--cafe{ background: #8a5a2b; }.cg-cluster-wrap, .grid-cluster-wrap{ background: transparent; border: 0; }.grid-cluster{ display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; font-family: var(--font-sans); font-size: 12px; font-weight: 700; color: #fff; background: rgba(198, 74, 26, 0.9); border: 2px solid #fff; border-radius: 50%; box-shadow: 0 1px 5px rgba(26, 24, 20, 0.4); }.cg-map-row-dist{ font-family: var(--font-mono); font-size: 11px; font-weight: 600; letter-spacing: .02em; color: var(--amber); }.cg-pin-you{ display: block; width: 14px; height: 14px; border-radius: 50%; background: #2b6cb0; border: 3px solid #fff; box-shadow: 0 0 0 4px rgba(43, 108, 176, 0.25); }.cg-nearest-item{ display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; background: var(--paper-2); border: 1px solid var(--border-soft); border-radius: 999px; cursor: pointer; text-align: left; }.cg-nearest-item:hover{ border-color: var(--amber); }.cg-nearest-dot{ flex: none; width: 9px; height: 9px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 1px 2px rgba(26,24,20,.3); }.cg-nearest-text{ font-family: var(--font-sans); font-size: 12px; color: var(--ink-soft); }.grid-popup-links{ display: flex; gap: 10px; margin-top: 6px; }.grid-popup-links a{ margin-top: 0 !important; }.grid-popup-detail{ display: block; color: var(--ink-soft); font-size: 12px; margin-top: 4px; }.cg-map-group{ list-style: none; font-family: var(--font-sans); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-mute); padding: 14px 4px 4px; }.cg-map-group:first-child{ padding-top: 2px; }.grid-count{ font-family: var(--font-mono); font-size: 12px; color: var(--ink-mute); margin: 6px 0 12px; letter-spacing: 0.02em; }.grid-list{ list-style: none; display: flex; flex-direction: column; gap: 10px; }.poll-tally{ font-size: 13px; color: var(--ink-mute); margin-bottom: 4px; }.poll-faces{ display: flex; flex-wrap: wrap; align-items: center; gap: 0; margin-top: 8px; }.poll-face{ display: inline-flex; margin-right: -7px; text-decoration: none; transition: transform 0.12s ease; }.poll-face:hover{ transform: translateY(-2px); z-index: 2; }.poll-face-avatar{ width: 30px; height: 30px; border-radius: 999px; border: 2px solid var(--paper); object-fit: cover; display: block; }.poll-faces-more{ margin-left: 14px; font-size: 12px; color: var(--ink-mute); }.failcode-prose-head{ margin: 18px 0 8px; font-family: var(--font-sans); font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--amber); }.failcode-prose-list{ margin: 0 0 14px; padding-left: 20px; }.failcode-prose-list li{ margin: 0 0 9px; font-family: var(--font-serif); font-size: 16px; line-height: 1.6; color: var(--ink-soft); }.failcode-prose-list li::marker{ color: var(--amber); }.failcode-list{ display: flex; flex-direction: column; gap: 14px; }.failcode-pick{ font-family: var(--font-sans); font-size: 10px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #fff; background: var(--amber); border-radius: 999px; padding: 2px 8px; }.failcode-chip{ position: relative; cursor: pointer; margin: 0; }.failcode-chip input{ position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }.failcode-chip span{ display: inline-flex; align-items: center; padding: 7px 14px; font-family: var(--font-sans); font-size: 13px; color: var(--ink-soft); background: var(--bg); border: 1px solid var(--border-soft); border-radius: 999px; transition: color 120ms ease, border-color 120ms ease, background 120ms ease; }.failcode-chip:hover span{ border-color: var(--amber); color: var(--amber); }.failcode-chip:has(input:checked) span{ color: #fff; background: var(--amber); border-color: var(--amber); }.failcode-chip input:focus-visible + span{ outline: 2px solid var(--amber); outline-offset: 2px; }.poster-set-field.is-disabled{ opacity: 0.45; }body.ec .share-card-stage{ background: #1a0f22; box-shadow: 0 0 0 1px rgba(236, 233, 227, 0.14), 0 18px 44px rgba(0, 0, 0, 0.55); }.series-btn-toggle{ display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-sans); font-size: 13px; font-weight: 600; color: var(--ink-mute); background: transparent; border: none; padding: 5px 10px; border-radius: 999px; cursor: pointer; transition: color 0.15s ease, background 0.15s ease; }.series-btn-toggle:hover{ color: var(--amber); }.episode-thumb-blank{ display: block; }.episode-thumb-play{ position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; }.episode-thumb-play svg{ filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.35)); transform: scale(0.92); transition: transform 0.15s ease; }.episode-player{ position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; background: #000; }.episode-player iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }.channel-list{ list-style: none; margin: 6px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; }.channel-count{ font-family: var(--font-mono); font-size: 12px; color: var(--ink-mute); white-space: nowrap; }.episode-rail{ margin: 0 0 26px; }.episode-rail-head{ display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 10px; }.episode-rail-title{ font-family: var(--font-serif); font-size: 19px; line-height: 1.2; color: var(--ink); }.episode-rail-all{ font-size: 12.5px; font-weight: 600; color: var(--amber); text-decoration: none; white-space: nowrap; }.episode-rail-all:hover{ text-decoration: underline; }.episode-rail-strip{ display: flex; gap: 12px; overflow-x: auto; padding-bottom: 6px; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }.episode-rail-card{ flex: 0 0 232px; width: 232px; scroll-snap-align: start; display: flex; flex-direction: column; gap: 6px; text-decoration: none; }.episode-rail-thumb{ position: relative; display: block; line-height: 0; }.episode-rail-thumb-img{ width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 10px; border: 1px solid var(--border-soft); transition: border-color 0.12s ease; }.episode-rail-card:hover .episode-rail-thumb-img{ border-color: var(--amber-soft); }.episode-rail-card.is-playing .episode-rail-thumb-img{ border-color: var(--amber); }.episode-rail-thumb .episode-thumb-play{ transition: opacity 0.12s ease; }.episode-rail-indian{ position: absolute; top: 6px; left: 6px; font-family: var(--font-sans); font-size: 9.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #fff; background: var(--amber); border-radius: 999px; padding: 2px 7px; line-height: 1.4; }.episode-rail-card-title{ font-family: var(--font-sans); font-size: 13.5px; font-weight: 600; line-height: 1.35; color: var(--ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }.episode-rail-card-show{ font-size: 12px; color: var(--ink-mute); }.episode-rail-rec{ display: inline-flex; align-items: center; gap: 6px; margin-top: 1px; }.episode-rail-rec .poll-faces{ margin: 0; }.episode-rail-rec-label{ font-size: 11px; color: var(--ink-mute); }.episode-rail-player{ margin-top: 14px; }.episode-rail-frame{ position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; background: #000; }.episode-rail-frame iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }.episode-rail-nowplaying{ font-family: var(--font-sans); font-size: 13.5px; font-weight: 600; color: var(--ink); margin: 8px 0 0; }.path-count{ font-family: var(--font-sans); font-size: 13px; color: var(--ink-mute); margin: 8px 0 0; }.video-ig-player{ width: 100%; max-width: 400px; margin-inline: auto; }.video-ig-player iframe{ width: 100%; height: min(80vh, 620px); border: 0; display: block; background: #fff; border-radius: 12px; }.video-recommend-hint{ font-size: 12.5px; color: var(--ec-muted); margin-top: 8px; }@keyframes video-pulse{ 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } }.howiai-count{ font-family: var(--font-mono); font-size: 12px; color: var(--ink-mute); }.cg-story{ max-width: var(--reading-max); margin: 0 0 12px; }.cg-story p{ font-family: var(--font-serif); font-size: 16px; line-height: 1.6; color: var(--ink-soft); margin: 0 0 12px; }.cg-list{ display: flex; flex-direction: column; }.cg-row{ padding: 13px 0; border-bottom: 1px solid var(--border-soft); }.cg-row:last-child{ border-bottom: none; }.cg-count{ font-family: var(--font-mono); font-size: 14px; font-weight: 500; color: var(--ink-dim); }.cg-origin{ font-family: var(--font-mono); font-size: 9px; text-transform: uppercase; letter-spacing: 0.04em; padding: 3px 7px; border-radius: 999px; border: 1px solid var(--border); }.su-question-title{ font-family: var(--ec-sans); font-weight: 600; letter-spacing: var(--ec-track-display); color: var(--ec-ink); }.su-lead{ margin: 22px 0 4px; }.su-lead-head{ display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }.su-lead-title{ font-family: var(--ec-sans); font-weight: 600; font-size: 21px; color: var(--ec-ink); margin: 0; }.su-lead-note{ font-family: var(--ec-sans); font-size: 13px; color: var(--ec-muted); }.su-lead-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 292px), 1fr)); gap: 12px; }.su-lead-card{ display: flex; flex-direction: column; gap: 8px; padding: 18px; background: transparent; border: 1px solid var(--ec-line); border-radius: 0; text-decoration: none; transition: border-color 0.15s ease, transform 0.12s ease; }.su-lead-card:hover{ border-color: var(--ec-muted); transform: none; }.su-lead-cat{ font-family: var(--ec-mono); font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ec-faint); }.su-lead-q{ font-family: var(--ec-sans); font-weight: 600; font-size: 17px; line-height: 1.28; color: var(--ec-ink); }.su-lead-a{ font-family: var(--ec-sans); font-size: 13.5px; line-height: 1.5; color: var(--ec-muted); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }.su-lead-more{ font-family: var(--ec-mono); font-size: 11px; color: var(--ec-faint); margin-top: auto; }.su-canon-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 268px), 1fr)); gap: 12px; }.su-canon-card{ display: flex; flex-direction: column; gap: 7px; padding: 16px; background: transparent; border: 1px solid var(--ec-line); border-radius: 0; text-decoration: none; transition: border-color 0.15s ease, transform 0.12s ease; }.su-canon-card:hover{ border-color: var(--ec-muted); transform: none; }.su-canon-kind{ font-family: var(--ec-mono); font-size: 10.5px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ec-faint); }.su-canon-title{ font-family: var(--ec-sans); font-weight: 600; font-size: 16px; line-height: 1.25; color: var(--ec-ink); }.su-canon-why{ font-family: var(--ec-sans); font-size: 13px; line-height: 1.5; color: var(--ec-muted); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }.su-canon-src{ font-family: var(--ec-mono); font-size: 11px; color: var(--ec-faint); margin-top: auto; }.su-canon-card:hover .su-canon-src{ color: var(--amber); }.su-canon-board{ list-style: none; margin: 8px 0 0; padding: 0; }.su-canon-row{ display: flex; gap: 13px; padding: 13px 0; border-bottom: 1px solid var(--ec-line); }.su-canon-row:last-child{ border-bottom: 0; }.su-canon-rank{ flex: none; width: 24px; text-align: center; font-family: var(--ec-sans); font-size: 19px; font-weight: 600; color: var(--amber); line-height: 1.25; }.su-canon-main{ display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; text-decoration: none; }.su-canon-row-head{ display: flex; align-items: baseline; gap: 10px; justify-content: space-between; }.su-canon-row-title{ font-family: var(--ec-sans); font-size: 15px; font-weight: 600; line-height: 1.3; color: var(--ec-ink); }.su-canon-row-kind{ margin-right: 7px; }.su-canon-cites{ flex: none; font-family: var(--ec-mono); font-size: 11px; color: var(--ec-faint); white-space: nowrap; }.su-canon-cites b{ color: var(--amber); font-weight: 600; }.su-canon-row-why{ font-family: var(--ec-sans); font-size: 12.5px; color: var(--ec-muted); line-height: 1.5; }.su-canon-row-meta{ font-family: var(--ec-mono); font-size: 11px; color: var(--ec-faint); }.su-canon-body{ display: flex; flex-direction: column; gap: 6px; min-width: 0; flex: 1; }.su-rec{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }.su-rec-faces{ display: inline-flex; align-items: center; }.su-rec-face-link{ display: inline-flex; margin-left: -6px; border-radius: 50%; }.su-rec-face-link:first-child{ margin-left: 0; }.su-rec-face{ width: 22px; height: 22px; border-radius: 50%; object-fit: cover; border: 1.5px solid var(--paper); background: var(--paper-2); box-sizing: border-box; }.su-rec-face.avatar-letter{ display: inline-flex; align-items: center; justify-content: center; color: var(--ink-soft); font-family: var(--ec-sans); line-height: 1; }.su-rec-form{ margin: 0; }.su-rec-btn{ display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-family: var(--ec-mono); font-size: 11px; color: var(--ec-muted); background: transparent; border: 1px solid var(--ec-line); border-radius: 999px; padding: 4px 11px; transition: border-color 0.15s ease, color 0.15s ease; }.su-rec-btn:hover{ border-color: var(--amber); color: var(--ec-ink); }.su-rec-btn.is-on{ border-color: var(--amber); color: var(--amber); }.su-rec-ico{ font-size: 11px; }.su-rec-count{ font-weight: 600; color: var(--amber); }.su-rec-static{ font-family: var(--ec-mono); font-size: 11px; color: var(--ec-muted); }.su-rec-static .su-rec-ico{ color: var(--amber); }.su-seeall{ display: inline-block; margin-top: 12px; font-family: var(--ec-mono); font-size: 12px; color: var(--amber); text-decoration: none; }.su-seeall:hover{ text-decoration: underline; }.su-india{ margin: 34px 0; padding: 24px; background: transparent; border: 1px solid var(--ec-line); border-radius: 0; }.su-india-eyebrow{ font-family: var(--ec-mono); font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--amber); }.su-india-title{ font-family: var(--ec-sans); font-weight: 600; font-size: 20px; color: var(--ec-ink); margin: 8px 0 6px; }.su-india-note{ font-family: var(--ec-sans); font-size: 14px; line-height: 1.55; color: var(--ec-muted); margin: 0 0 14px; max-width: 62ch; }.su-india-cta{ font-family: var(--ec-mono); font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ec-ink); text-decoration: none; border-bottom: 1px solid var(--amber); padding-bottom: 2px; }.su-india-cta:hover{ color: var(--amber); }.su-browse{ margin-top: 34px; }.su-browse-head .su-section-note{ margin-top: -8px; }.su-section{ margin-top: 32px; }.su-section:first-of-type{ margin-top: 24px; }.su-section-title{ font-family: var(--ec-sans); font-weight: 600; font-size: 20px; color: var(--ec-ink); margin-bottom: 14px; }.su-section-note{ font-family: var(--ec-sans); font-size: 13.5px; color: var(--ec-muted); margin: -10px 0 14px; }.su-section-link{ color: var(--ec-ink); text-decoration: none; }.su-section-link:hover{ color: var(--amber); }.su-crumb{ display: inline-block; margin-bottom: 10px; font-family: var(--ec-sans); font-size: 13px; font-weight: 600; color: var(--ec-muted); text-decoration: none; }.su-crumb:hover{ color: var(--amber); }.su-breadcrumb{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px; position: sticky; top: 0; z-index: 5; margin-bottom: 10px; padding: 8px 0; font-family: var(--ec-mono); font-size: 11px; letter-spacing: 0.03em; text-transform: uppercase; background: var(--ec-ground); border-bottom: 1px solid var(--ec-line); }.su-breadcrumb a{ color: var(--ec-muted); text-decoration: none; font-weight: 600; }.su-breadcrumb a:hover{ color: var(--amber); }.su-breadcrumb-sep{ color: var(--ec-faint); }.su-breadcrumb-here{ color: var(--ec-faint); font-weight: 600; }.su-filters{ display: flex; flex-direction: column; gap: 8px; margin: 4px 0 18px; }.su-filter-row{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }.su-filter-label{ font-family: var(--ec-mono); font-size: 10.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ec-faint); margin-right: 2px; }.su-empty{ font-size: 14px; color: var(--ec-muted); margin-top: 8px; }.su-empty a{ color: var(--amber); text-decoration: none; }.su-result-count{ font-size: 13px; color: var(--ec-muted); margin: 0 0 12px; }.su-result-count a{ color: var(--amber); text-decoration: none; font-weight: 600; }.su-result-count a:hover{ text-decoration: underline; }.su-section-note a, .wcalc-note a{ color: var(--amber); text-decoration: none; font-weight: 600; }.su-section-note a:hover, .wcalc-note a:hover{ text-decoration: underline; }.su-medium{ margin-bottom: 20px; scroll-margin-top: 16px; }.su-medium-label{ display: flex; align-items: center; gap: 10px; font-family: var(--ec-mono); font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ec-faint); margin-bottom: 12px; }.su-medium-label::after{ content: ""; flex: 1; height: 1px; background: var(--border-soft); }.su-path-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(208px, 1fr)); gap: 9px; }.su-path-card{ display: flex; flex-direction: column; gap: 4px; background: rgba(255,255,255,0.025); border: 1px solid var(--ec-line); border-radius: 0; padding: 12px 14px; text-decoration: none; transition: border-color 0.15s ease, transform 0.12s ease; }.su-path-card:hover{ border-color: var(--amber); background: rgba(255,255,255,0.05); transform: translateY(-2px); }.su-path-card-name{ font-family: var(--ec-sans); font-size: 15.5px; font-weight: 600; line-height: 1.25; color: var(--ec-ink); }.su-path-card-blurb{ font-family: var(--ec-sans); font-size: 12.5px; color: var(--ink-soft); line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }.su-path-card-meta{ font-family: var(--ec-mono); font-size: 10.5px; color: var(--amber); margin-top: 1px; }.su-area-chips{ display: flex; flex-wrap: wrap; gap: 8px; }.su-area-chip{ display: inline-flex; align-items: baseline; gap: 8px; text-decoration: none; padding: 7px 13px; border: 1px solid var(--ec-line); border-radius: 0; background: transparent; transition: border-color 0.15s ease; }.su-area-chip:hover{ border-color: var(--ec-muted); }.su-area-chip-name{ font-family: var(--ec-sans); font-size: 13px; color: var(--ec-ink); }.su-area-chip-count{ font-family: var(--ec-mono); font-size: 11px; color: var(--ec-faint); }.su-path-total{ font-family: var(--ec-mono); font-size: 12px; color: var(--ec-muted); margin: -4px 0 4px; }.su-path{ list-style: none; margin: 8px 0 0; padding: 0; }.su-path-step{ display: flex; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--border-soft); }.su-path-step:last-child{ border-bottom: 0; }.su-path-num{ flex: none; width: 28px; height: 28px; border-radius: 999px; display: flex; align-items: center; justify-content: center; font-family: var(--ec-mono); font-size: 14px; font-weight: 600; color: var(--ec-ground); background: var(--amber); }.su-path-body{ display: flex; flex-direction: column; gap: 2px; }.su-path-name{ font-family: var(--ec-sans); font-size: 16px; color: var(--ec-ink); text-decoration: none; }.su-path-name:hover{ color: var(--amber); }.su-path-tagline{ font-family: var(--ec-sans); font-size: 13.5px; color: var(--ink-soft); line-height: 1.45; }.su-path-count{ font-family: var(--ec-mono); font-size: 11px; color: var(--ec-muted); }.su-path-note{ font-family: var(--ec-sans); font-size: 13px; color: var(--ec-muted); line-height: 1.55; margin: 4px 0 10px; max-width: var(--reading-max); }.su-step-name{ font-family: var(--ec-sans); font-weight: 600; font-size: 16px; color: var(--ec-ink); }.su-step-answer{ margin-top: 8px; padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; background: transparent; border: 1px solid var(--ec-line); border-radius: 0; }.su-step-q{ font-family: var(--ec-sans); font-size: 14.5px; font-weight: 600; color: var(--ec-ink); text-decoration: none; line-height: 1.35; }.su-step-a{ font-family: var(--ec-sans); font-size: 13px; color: var(--ec-muted); line-height: 1.55; }.su-step-a-label{ font-family: var(--ec-mono); font-size: 10px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ec-faint); margin-right: 4px; }.su-step-res{ display: flex; flex-direction: column; gap: 4px; text-decoration: none; padding: 9px 11px; border: 1px solid var(--ec-line); border-radius: 0; background: transparent; transition: border-color 0.15s ease; }.su-step-res:hover{ border-color: var(--ec-muted); }.su-step-res-head{ display: flex; align-items: center; gap: 8px; }.su-step-res-kind{ flex: none; font-size: 14px; }.su-step-res-title{ font-family: var(--ec-sans); font-size: 13px; font-weight: 500; color: var(--ec-ink); }.su-step-res-src{ font-family: var(--ec-mono); font-size: 11px; color: var(--ec-faint); margin-left: auto; padding-left: 8px; white-space: nowrap; }.su-step-res-why{ font-family: var(--ec-sans); font-size: 12.5px; color: var(--ec-muted); line-height: 1.5; }.su-step-links{ display: flex; flex-wrap: wrap; gap: 4px 16px; }.su-step-more{ font-family: var(--ec-mono); font-size: 11.5px; color: var(--ec-faint); text-decoration: none; }.su-source-item{ display: flex; flex-direction: column; }.su-source-answers{ margin: -2px 0 2px; padding: 10px 16px 14px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }.su-source-answers-label{ font-family: var(--ec-sans); font-size: 10.5px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ec-muted); }.su-source-answer{ font-size: 13.5px; color: var(--amber); text-decoration: none; }.su-source-answer:hover{ text-decoration: underline; }.su-source-answer:not(:last-child)::after{ content: "·"; color: var(--ink-faint); margin-left: 10px; }.su-crosssell{ margin-top: 36px; padding-top: 18px; border-top: 1px solid var(--border-soft); }.su-crosssell-body{ font-size: 14px; color: var(--ec-muted); line-height: 1.6; }.su-crosssell-body a{ color: var(--amber); text-decoration: none; font-weight: 500; }.su-crosssell-body a:hover{ text-decoration: underline; }.su-eyebrow{ display: block; margin-bottom: 6px; font-family: var(--ec-mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ec-faint); }.su-howto{ display: flex; align-items: flex-start; gap: 10px; margin: 4px 0 14px; padding: 10px 12px; background: transparent; border: 1px solid var(--ec-line); border-radius: 0; color: var(--ec-muted); }.su-howto-text{ font-family: var(--ec-sans); font-size: 13px; color: var(--ink-soft); line-height: 1.5; }.su-howto-dismiss{ flex: none; margin-left: auto; font-size: 18px; line-height: 1; color: var(--ec-faint); background: none; border: 0; padding: 0 2px; cursor: pointer; }.su-chip-disabled{ opacity: 0.4; cursor: default; pointer-events: none; }.su-search{ margin: 6px 0 8px; }.su-search-label{ display: block; font-family: var(--ec-mono); font-size: 10.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ec-faint); margin-bottom: 8px; }.su-search-box{ position: relative; display: flex; align-items: center; }.su-search-input{ width: 100%; box-sizing: border-box; font-family: var(--ec-sans); font-size: 16px; color: var(--ec-ink); background: var(--ec-panel); border: 1px solid var(--ec-line); border-radius: 0; padding: 14px 42px 14px 16px; }.su-search-input:focus{ outline: none; border-color: var(--amber); }.su-search-input::placeholder{ color: var(--ec-faint); }.su-search-input::-webkit-search-cancel-button{ -webkit-appearance: none; }.su-search-clear{ font-family: var(--ec-sans); position: absolute; right: 8px; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; font-size: 20px; line-height: 1; color: var(--ec-faint); background: none; border: 0; border-radius: 999px; cursor: pointer; }.su-search-clear:hover{ color: var(--ec-ink); background: var(--ec-line); }.su-search-clear[hidden]{ display: none; }.su-results{ margin: 2px 0 20px; }.su-results-head, .su-results-empty{ font-family: var(--ec-mono); font-size: 11px; letter-spacing: 0.03em; text-transform: uppercase; color: var(--ec-faint); margin: 0 0 10px; }.su-results-list{ display: flex; flex-direction: column; gap: 8px; }.su-result{ display: flex; flex-direction: column; gap: 3px; background: transparent; border: 0; border-bottom: 1px solid var(--ec-line); border-radius: 0; padding: 13px 16px; text-decoration: none; transition: border-color 0.15s ease; }.su-result:hover{ background: rgba(255,255,255,.02); }.su-result-cat{ font-family: var(--ec-mono); font-size: 10.5px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--amber); }.su-result-q{ font-family: var(--ec-sans); font-weight: 600; font-size: 16px; color: var(--ec-ink); line-height: 1.35; }.su-result-a{ font-family: var(--ec-sans); font-size: 13.5px; color: var(--ec-muted); line-height: 1.5; }.su-result.su-result-active{ background: rgba(255,255,255,.03); border-bottom-color: var(--amber); }.su-result.su-result-active .su-result-q, .su-result:hover .su-result-q{ color: var(--amber); }.su-result-meta{ display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-top: 5px; }.su-result-pick{ font-family: var(--ec-mono); font-size: 11px; color: var(--ec-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.su-result-pick-kind{ margin-right: 5px; }.su-result-n{ font-family: var(--ec-mono); font-size: 11px; color: var(--amber); white-space: nowrap; flex: none; }.su-results-kbd{ font-family: var(--ec-mono); font-size: 10px; color: var(--ec-faint); letter-spacing: 0.02em; margin-left: 4px; white-space: nowrap; }.su-topics{ display: flex; flex-direction: column; gap: 4px; }.su-topic{ border-bottom: 1px solid var(--ec-line); }.su-topic-head{ display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 11px 4px; cursor: pointer; list-style: none; }.su-topic-head::-webkit-details-marker{ display: none; }.su-topic-head::before{ content: "+"; font-family: var(--ec-mono); font-size: 14px; color: var(--ec-faint); order: 2; flex: none; width: 14px; text-align: center; }.su-topic[open] > .su-topic-head::before{ content: "\2013"; }.su-topic-name{ font-family: var(--ec-sans); font-size: 14.5px; font-weight: 500; color: var(--ec-ink); flex: 1; }.su-topic[open] > .su-topic-head .su-topic-name{ color: var(--amber); }.su-topic-count{ flex: none; font-family: var(--ec-mono); font-size: 11px; color: var(--ec-faint); }.su-topic-questions{ display: flex; flex-direction: column; gap: 1px; padding: 2px 0 10px; }.su-topic-q{ display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 8px 12px; margin: 0 -4px; border-radius: 10px; text-decoration: none; transition: background 0.12s ease; }.su-topic-q:hover{ background: rgba(255,255,255,.02); }.su-topic-q-text{ font-family: var(--ec-sans); font-size: 14.5px; font-weight: 400; color: var(--ec-muted); line-height: 1.35; }.su-topic-q:hover .su-topic-q-text{ color: var(--amber); }.su-topic-q-count{ flex: none; font-family: var(--ec-mono); font-size: 11px; color: var(--ec-faint); }.su-related{ display: flex; flex-direction: column; gap: 1px; }.su-related-link{ display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 8px 12px; margin: 0 -4px; border-radius: 10px; text-decoration: none; transition: background 0.12s ease; }.su-related-link:hover{ background: rgba(255,255,255,.02); }.su-related-q{ font-family: var(--ec-sans); font-size: 14.5px; font-weight: 400; color: var(--ec-muted); line-height: 1.35; }.su-related-link:hover .su-related-q{ color: var(--amber); }.su-related-n{ flex: none; font-family: var(--ec-mono); font-size: 11px; color: var(--ec-faint); }.su-topic-tagline{ font-family: var(--ec-sans); font-size: 13px; color: var(--ec-muted); line-height: 1.5; margin: 2px 12px 6px; }.su-topic-more{ display: inline-block; padding: 6px 12px; margin: 2px 0 0; font-family: var(--ec-mono); font-size: 11.5px; color: var(--amber); text-decoration: none; }.su-topic-more:hover{ text-decoration: underline; }.su-clusternav{ display: flex; flex-wrap: wrap; gap: 7px; position: sticky; top: 0; z-index: 5; margin: 4px 0 22px; padding: 10px 0; background: var(--ec-ground); border-bottom: 1px solid var(--ec-line); }.su-nav-chip{ font-family: var(--ec-mono); font-size: 11px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ec-muted); text-decoration: none; background: transparent; border: 1px solid var(--ec-line); border-radius: 0; padding: 5px 12px; transition: border-color 0.15s ease, color 0.15s ease; }.su-nav-chip:hover{ color: var(--ec-ink); border-color: var(--ec-muted); }.su-nav-chip.is-active{ background: var(--amber); border-color: var(--amber); color: var(--ec-ground); }@media (max-width: 640px){.su-clusternav{ flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }.su-clusternav::-webkit-scrollbar{ display: none; }.su-nav-chip{ flex: none; white-space: nowrap; }}.su-area{ margin-bottom: 24px; scroll-margin-top: 60px; }.su-area-title{ display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-family: var(--ec-sans); font-weight: 600; font-size: 18px; color: var(--ec-ink); margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid var(--ec-line); }.su-area-count{ flex: none; font-family: var(--ec-mono); font-size: 11px; text-transform: uppercase; color: var(--ec-faint); }.su-cat-links{ display: flex; flex-direction: column; gap: 2px; }.su-cat-link{ display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 8px 10px; margin: 0 -10px; border-radius: 10px; border-bottom: 1px solid var(--ec-line); background: transparent; text-decoration: none; transition: background 0.12s ease; }.su-cat-link:hover{ background: rgba(255,255,255,.02); }.su-cat-link-name{ font-family: var(--ec-sans); font-size: 14.5px; font-weight: 500; color: var(--ec-ink); }.su-cat-link-count{ flex: none; font-family: var(--ec-mono); font-size: 11px; color: var(--ec-faint); }.su-persona-chips{ display: flex; flex-wrap: wrap; gap: 8px; }.su-persona-chip{ font-family: var(--ec-mono); font-size: 11px; font-weight: 500; text-transform: uppercase; color: var(--ec-muted); text-decoration: none; background: transparent; border: 1px solid var(--ec-line); border-radius: 0; padding: 6px 13px; transition: border-color 0.15s ease, color 0.15s ease; }.su-persona-chip:hover{ color: var(--ec-ink); border-color: var(--ec-muted); }.su-persona-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }.su-persona-card{ display: flex; flex-direction: column; gap: 4px; background: transparent; border: 1px solid var(--ec-line); border-radius: 0; padding: 14px 16px; text-decoration: none; transition: border-color 0.15s ease, transform 0.12s ease; }.su-persona-card:hover{ border-color: var(--ec-muted); transform: translateY(-2px); }.su-persona-name{ font-family: var(--ec-sans); font-size: 16px; color: var(--ec-ink); }.su-persona-tagline{ font-family: var(--ec-sans); font-size: 13.5px; color: var(--ec-muted); line-height: 1.5; }.su-cluster{ margin-bottom: 24px; }.su-cluster-title{ font-family: var(--ec-sans); font-size: 12px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ec-muted); margin-bottom: 10px; }.su-cat-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px; }.su-cat-card{ display: flex; flex-direction: column; gap: 3px; background: var(--paper-2); border: 1px solid var(--border-soft); border-radius: 12px; padding: 12px 14px; text-decoration: none; transition: border-color 0.15s ease; }.su-cat-card:hover{ border-color: var(--amber); }.su-cat-name{ font-family: var(--ec-sans); font-size: 15.5px; color: var(--ec-ink); }.su-cat-tagline{ font-family: var(--ec-sans); font-size: 13px; color: var(--ink-soft); line-height: 1.45; }.su-cat-count{ font-family: var(--ec-mono); font-size: 11px; color: var(--ec-muted); margin-top: 4px; }.su-q-list{ display: flex; flex-direction: column; gap: 10px; }.su-q-row{ display: flex; flex-direction: column; gap: 4px; background: transparent; border: 0; border-bottom: 1px solid var(--ec-line); border-radius: 0; box-shadow: none; padding: 14px 16px; text-decoration: none; transition: border-color 0.15s ease; }.su-q-row:hover{ background: rgba(255,255,255,.02); }.su-q-text{ font-family: var(--ec-sans); font-weight: 600; font-size: 16px; color: var(--ec-ink); line-height: 1.35; }.su-q-row:hover .su-q-text{ color: var(--amber); }.su-q-answer{ font-family: var(--ec-sans); font-size: 13.5px; color: var(--ec-muted); line-height: 1.5; }.su-q-meta{ display: flex; align-items: center; gap: 8px; font-family: var(--ec-mono); font-size: 11px; text-transform: uppercase; color: var(--ec-faint); }.su-q-level{ font-family: var(--ec-mono); font-size: 10px; letter-spacing: 0.03em; text-transform: uppercase; color: var(--ec-muted); background: transparent; border: 1px solid var(--ec-line); border-radius: 0; padding: 1px 7px; }.su-question-title{ margin-bottom: 4px; }.su-answer{ margin-top: 18px; padding: 2px 0 2px 18px; background: transparent; border: 0; border-left: 2px solid var(--amber); }.su-answer-label{ display: block; font-family: var(--ec-mono); font-size: 10.5px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--amber); margin-bottom: 7px; }.su-answer-body{ font-family: var(--ec-sans); font-size: 18.5px; color: var(--ec-ink); line-height: 1.5; }.su-resources-note{ font-size: 13.5px; color: var(--ec-muted); margin: -6px 0 14px; }.su-disclaimer{ font-family: var(--ec-sans); font-size: 13px; line-height: 1.55; color: var(--ec-muted); padding: 2px 0 2px 12px; margin: 0 0 20px; }.wcalc-hint{ color: var(--ink-mute); }.su-glance{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 22px; padding-top: 14px; border-top: 1px solid var(--border-soft); }.su-glance-item{ font-family: var(--ec-mono); font-size: 11px; letter-spacing: 0.03em; text-transform: uppercase; color: var(--ec-muted); background: transparent; border: 1px solid var(--ec-line); border-radius: 0; padding: 4px 11px; font-variant-numeric: tabular-nums; }.su-glance-item b{ color: var(--ec-ink); font-weight: 600; }.su-glance-jumps{ margin-left: auto; display: flex; flex-wrap: wrap; gap: 6px; }.su-glance-jump{ font-family: var(--ec-mono); font-size: 11px; text-transform: uppercase; text-decoration: none; color: var(--ec-muted); border: 1px solid var(--border-soft); border-radius: 999px; padding: 4px 11px; }.su-glance-jump:hover{ color: var(--amber); border-color: var(--amber-soft); }.su-picker{ margin-top: 4px; }.su-picker-radio{ position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }.su-picker-tabs{ display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; padding-top: 16px; border-top: 1px solid var(--border-soft); }.su-picker-tab{ display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-family: var(--ec-sans); font-size: 14px; color: var(--ink-soft); background: var(--paper); border: 1px solid var(--border); border-radius: 999px; padding: 8px 14px; transition: color .15s, border-color .15s, background .15s; }.su-picker-tab:hover{ border-color: var(--amber-soft); color: var(--ec-ink); }.su-picker-ico{ font-size: 13px; line-height: 1; opacity: 0.85; }.su-picker-n{ font-family: var(--ec-mono); font-size: 11px; font-variant-numeric: tabular-nums; color: var(--ec-muted); background: var(--paper-2); border-radius: 999px; padding: 1px 7px; }.su-picker-panel{ display: none; }#su-med-watch:checked ~ .su-picker-tabs [for="su-med-watch"], #su-med-listen:checked ~ .su-picker-tabs [for="su-med-listen"], #su-med-read:checked ~ .su-picker-tabs [for="su-med-read"], #su-med-use:checked ~ .su-picker-tabs [for="su-med-use"]{ background: var(--amber); border-color: var(--amber); color: #fff; }#su-med-watch:checked ~ .su-picker-tabs [for="su-med-watch"] .su-picker-n, #su-med-listen:checked ~ .su-picker-tabs [for="su-med-listen"] .su-picker-n, #su-med-read:checked ~ .su-picker-tabs [for="su-med-read"] .su-picker-n, #su-med-use:checked ~ .su-picker-tabs [for="su-med-use"] .su-picker-n{ background: rgba(255, 255, 255, 0.22); color: #fff; }#su-med-watch:checked ~ .su-picker-panels [data-medium="watch"], #su-med-listen:checked ~ .su-picker-panels [data-medium="listen"], #su-med-read:checked ~ .su-picker-panels [data-medium="read"], #su-med-use:checked ~ .su-picker-panels [data-medium="use"]{ display: block; }#su-med-watch:focus-visible ~ .su-picker-tabs [for="su-med-watch"], #su-med-listen:focus-visible ~ .su-picker-tabs [for="su-med-listen"], #su-med-read:focus-visible ~ .su-picker-tabs [for="su-med-read"], #su-med-use:focus-visible ~ .su-picker-tabs [for="su-med-use"]{ outline: 2px solid var(--amber); outline-offset: 2px; }.su-resources{ display: flex; flex-direction: column; gap: 14px; }.su-page img, .su-page iframe{ max-width: 100%; }.su-resource{ background: transparent; border: 0; border-bottom: 1px solid var(--ec-line); border-radius: 0; padding: 24px 0; }.su-resource-head{ display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }.su-resource-kind{ font-family: var(--ec-mono); font-size: 12px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; color: var(--ec-muted); }.su-resource-badges{ display: flex; flex-wrap: wrap; gap: 6px; }.su-badge{ font-family: var(--ec-mono); font-size: 10.5px; letter-spacing: 0.02em; color: var(--ec-muted); background: transparent; border: 1px solid var(--ec-line); border-radius: 0; padding: 2px 8px; }.su-badge-india{ color: var(--amber); border-color: var(--amber); }.su-resource-verified{ font-family: var(--ec-mono); font-size: 10.5px; font-weight: 600; color: var(--ec-faint); display: inline-flex; align-items: center; gap: 3px; }.su-resource-why-label{ display: block; font-family: var(--ec-mono); font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--amber); margin-bottom: 4px; }.su-resource-title{ font-family: var(--ec-sans); font-weight: 600; font-size: 17px; line-height: 1.3; margin-bottom: 2px; }.su-resource-title a{ color: var(--ec-ink); text-decoration: none; }.su-resource-title a:hover{ color: var(--amber); }.su-resource-source{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; font-family: var(--ec-mono); font-size: 11px; letter-spacing: 0.02em; color: var(--ec-faint); margin-bottom: 2px; }.su-resource-from{ font-size: 10.5px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ec-muted); }.su-resource-pub{ font-weight: 600; color: var(--ec-muted); }.su-resource-pub-link{ text-decoration: none; color: var(--ec-muted); }.su-resource-pub-link:hover{ color: var(--amber); }.su-resource-by{ color: var(--ec-muted); }.su-resource-len{ font-family: var(--ec-mono); font-size: 11px; color: var(--ec-muted); }.su-resource-video{ position: relative; margin-top: 12px; border-radius: 2px; overflow: hidden; aspect-ratio: 16 / 9; background: #000; border: 1px solid var(--ec-line); }.su-video-facade{ display: block; width: 100%; height: 100%; position: relative; }.su-video-thumb{ width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(1) sepia(.35) hue-rotate(-6deg) brightness(.85); transition: filter .4s; }.su-resource-video:hover .su-video-thumb{ filter: grayscale(0) brightness(1); }.su-video-play{ position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; transition: transform 0.15s ease; }.su-video-facade:hover .su-video-play{ transform: scale(1.06); }.su-resource-video :is(iframe, .city-feed-story-video){ width: 100%; height: 100%; border: 0; display: block; }.su-resource-audio{ margin-top: 12px; border-radius: 12px; border: 0; display: block; width: 100%; }.su-resource-audio-apple{ max-height: 175px; }.su-resource-why{ margin: 2px 0 14px; font-family: var(--ec-sans); font-size: 15px; color: var(--ec-ink); line-height: 1.55; }.su-takeaways{ margin: 14px 0 0; padding: 0; list-style: none; display: grid; gap: 7px; font-family: var(--ec-sans); font-size: 13.5px; color: var(--ec-muted); line-height: 1.42; }.su-takeaways li{ position: relative; padding-left: 22px; }.su-takeaways li::before{ content: ""; position: absolute; left: 2px; top: 5px; width: 9px; height: 5px; border-left: 2px solid var(--amber); border-bottom: 2px solid var(--amber); transform: rotate(-45deg); color: var(--ec-faint); }.su-resource-cta{ display: inline-block; margin-top: 12px; font-family: var(--ec-mono); font-size: 11px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ec-ink); text-decoration: none; background: transparent; border: 1px solid var(--ec-line); border-radius: 0; }.su-resource-cta:hover{ text-decoration: underline; background: var(--ec-ink); color: var(--ec-ground); border-color: var(--ec-ink); }.su-resource-domain{ font-family: var(--ec-mono); font-size: 11px; font-weight: 500; color: var(--ec-faint); }@media (max-width: 640px){.su-question-title{ font-size: clamp(26px, 7.6vw, 34px); line-height: 1.1; }.su-clusternav, .su-breadcrumb{ top: 54px; }.su-resource{ padding: 20px 0; }}.quiz-list{ list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }body.ec .qz-cell{ display: block; flex: none; width: var(--qz-cell); height: var(--qz-cell); border-radius: calc(var(--qz-cell) * .24); box-shadow: inset 0 0 0 1.5px var(--qz-hollow); }body.ec .qz-cell:nth-child(5n):not(:last-child){ margin-right: calc(var(--qz-cell) * .5); }body.ec .qz-cell.is-right{ background: var(--qz-right); box-shadow: none; }body.ec .qz-cell.is-wrong{ background: var(--qz-wrong); box-shadow: none; }body.ec .qz-cell.is-live{ box-shadow: inset 0 0 0 2px var(--amber); }body.ec .qz-track{ --qz-cell: 14px; display: flex; margin: 4px 0 28px; }body.ec .qz-leader-one{ white-space: nowrap; }@media (prefers-reduced-motion: no-preference){body.ec .qz-cell{ transition: background .25s ease, box-shadow .25s ease; }@keyframes qz-rise{ from { opacity: 0; transform: translateY(6px); } }}@media (max-width: 480px){body.ec .qz-track{ --qz-cell: 13px; gap: 3px; }}@font-face{ font-family: "Archivo"; font-style: normal; font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; src: url("/assets/archivo-latin-591a8b69.woff2") format("woff2"); 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: "Archivo"; font-style: normal; font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; src: url("/assets/archivo-latin-ext-a0aa4f2d.woff2") format("woff2"); 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-weight: 400; font-display: swap; src: url("/assets/ibm-plex-mono-400-latin-d13bb5b4.woff2") format("woff2"); 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-weight: 400; font-display: swap; src: url("/assets/ibm-plex-mono-400-latin-ext-182606ec.woff2") format("woff2"); 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-weight: 500; font-display: swap; src: url("/assets/ibm-plex-mono-500-latin-deab9c2b.woff2") format("woff2"); 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-weight: 500; font-display: swap; src: url("/assets/ibm-plex-mono-500-latin-ext-2cd882f8.woff2") format("woff2"); 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; }body.ec{ --ec-ground:#22132b; --ec-panel:#2c1c38; --ec-ink:#ece9e3; --ec-muted:#9b8fa0; --ec-faint:#8a8090; --ec-line:#3a2748; --ec-max:1180px; --ec-chrome-gap:clamp(40px,5vw,64px); --ec-sans:"Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --ec-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace; --ec-ease:cubic-bezier(0.16,1,0.3,1); --ec-track-display:-.02em; --bg:#22132b; --paper:#281735; --paper-2:#301c3e; --surface:#2c1a38; --ink:#ece9e3; --ink-soft:#c9c4ba; --ink-mute:#9b8fa0; --ink-dim:#7c7186; --ink-fade:#554b60; --ink-faint:#5a5064; --rule:#3a2646; --border:#42304e; --border-soft:#33223f; --amber:#e0864a; --amber-soft:#3a2a1e; --accent:#e0864a; --accent-soft:#3a2a1e; --card-mint:#14201e; --card-mint-rule:#243330; display:block; margin:0; padding:0; min-height:100vh; overflow-x:clip; background:var(--ec-ground); color:var(--ec-ink); font-family:var(--ec-sans); font-weight:400; line-height:1.5; -webkit-font-smoothing:antialiased; overflow-x:hidden; }body.ec *{ box-sizing:border-box; }body.ec::before{ content:""; position:fixed; inset:0; z-index:-2; pointer-events:none; background: radial-gradient(120% 62vh at 50% -8%, rgba(98,58,112,.5) 0%, rgba(50,32,60,.24) 38%, transparent 66%), radial-gradient(140% 120% at 50% 42%, transparent 52%, rgba(0,0,0,.28) 82%, rgba(0,0,0,.44) 100%); }@media (prefers-reduced-motion: no-preference){body.ec [data-enlarger-hero]{ view-transition-name: enlarger-hero; }::view-transition-group(enlarger-hero){ animation-duration: 220ms; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); }::view-transition-old(enlarger-hero), ::view-transition-new(enlarger-hero){ height: 100%; object-fit: cover; overflow: clip; }@media (hover: none){::view-transition-group(enlarger-hero){ animation-duration: 340ms; }}}body.ec ::selection{ background:var(--ec-ink); color:var(--ec-ground); }body.ec .screen{ width:100%; max-width:var(--ec-max); margin:0 auto; padding-inline:clamp(18px,5vw,64px); }body.ec #main-content{ min-width:0; padding:0 0 clamp(20px,2.5vw,36px); }body.ec .ec-announce{ --ann-ground:var(--ec-ground); --ann-ink:var(--ec-ink); --ann-soft:var(--ec-muted); --ann-accent:var(--amber); --ann-hover:color-mix(in srgb, var(--ec-ground) 88%, var(--ec-ink)); display:block; padding:11px 0; background:var(--ann-ground); color:var(--ann-ink); text-decoration:none; font-size:13px; line-height:1.45; }body.ec .ec-announce:hover{ background:var(--ann-hover); }body.ec .ec-announce-inner{ display:flex; align-items:baseline; gap:clamp(12px,2vw,28px); max-width:var(--ec-max); margin:0 auto; padding:0 clamp(16px,5vw,64px); }body.ec .ec-announce-text{ flex:1 1 auto; min-width:0; }body.ec .ec-announce-lead{ font-weight:600; }body.ec .ec-announce-note{ color:var(--ann-soft); }body.ec .ec-announce-n{ color:var(--ann-accent); font-weight:700; }body.ec .ec-announce-cta{ flex:0 0 auto; font-family:var(--ec-mono); font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--ann-accent); white-space:nowrap; }body.ec .ec-announce-cta::after{ content:" \2192"; }body.ec .ec-announce:hover .ec-announce-cta{ color:var(--ann-ink); }@media(max-width:720px){body.ec .ec-announce{ font-size:12.5px; padding:10px 0; line-height:1.5; }body.ec .ec-announce-inner{ display:block; padding:0 clamp(16px,5vw,64px); }body.ec .ec-announce-text{ display:block; }body.ec .ec-announce-cta{ display:inline-block; margin-top:6px; }}body.ec .ec-topbar{ position:sticky; top:0; z-index:60; background:rgba(34,19,43,.82); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid var(--ec-line); }body.ec .ec-topbar-inner{ max-width:var(--ec-max); margin:0 auto; padding:0 clamp(16px,5vw,64px); height:58px; display:flex; align-items:center; gap:clamp(14px,2.5vw,30px); }body.ec .ec-topbar-brand{ display:flex; align-items:center; flex:0 0 auto; }body.ec .ec-topbar-logo{ height:20px; width:auto; object-fit:contain; opacity:.85; }body.ec .ec-topbar-nav{ display:flex; align-items:center; gap:clamp(12px,2vw,24px); flex:1 1 auto; min-width:0; overflow-x:auto; scrollbar-width:none; }body.ec .ec-topbar-nav::-webkit-scrollbar{ display:none; }body.ec .ec-topbar-link{ flex:0 0 auto; font-family:var(--ec-sans); font-size:14.5px; letter-spacing:0; text-transform:none; color:var(--ec-muted); text-decoration:none; white-space:nowrap; padding:3px 0; border-bottom:1px solid transparent; transition:color .18s ease; }body.ec .ec-topbar-link:hover{ color:var(--ec-ink); }body.ec .ec-topbar-link.is-active{ color:var(--ec-ink); border-bottom-color:var(--amber); }body.ec .ec-topbar-end{ display:flex; align-items:center; gap:12px; flex:0 0 auto; margin-left:auto; }body.ec .ec-topbar-end form.button_to{ margin:0; display:flex; }body.ec .ec-topbar-me{ display:flex; align-items:center; }body.ec .ec-topbar-av{ width:30px; height:30px; border-radius:50%; object-fit:cover; }body.ec .ec-topbar-end .ec-topbar-signin{ padding:9px 16px; border:1px solid var(--ec-line); border-radius:999px; }body.ec .ec-topbar-end .ec-topbar-signin:hover{ border-color:var(--ec-ink); }body.ec .acct{ position:relative; }body.ec .acct > summary{ list-style:none; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; cursor:pointer; }body.ec .acct > summary::-webkit-details-marker{ display:none; }body.ec .acct > summary:focus-visible{ outline:2px solid var(--amber); outline-offset:1px; }body.ec .acct-av{ width:32px; height:32px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 1px rgba(22,21,27,.12); }body.ec .ec-topbar.is-over .acct-av{ box-shadow:0 0 0 1.5px rgba(255,255,255,.7); }body.ec .acct-panel{ position:absolute; right:0; top:calc(100% + 6px); z-index:70; min-width:220px; padding:6px; background:#fff; color:#16151b; border-radius:14px; text-align:left; text-shadow:none; box-shadow:0 16px 40px rgba(22,21,27,.18), 0 0 0 1px rgba(22,21,27,.06); }body.ec .acct-name{ margin:0 0 4px; padding:8px 12px 10px; border-bottom:1px solid rgba(22,21,27,.08); font-size:13px; color:rgba(22,21,27,.62); }body.ec .acct form.acct-form{ display:block; margin:0; }body.ec .acct-item, body.ec .acct-item:visited{ display:block; width:100%; padding:10px 12px; border:0; border-radius:8px; background:none; font-family:var(--ec-sans); font-size:15px; line-height:1.3; text-align:left; color:#16151b; text-decoration:none; cursor:pointer; }body.ec .acct-item:hover{ background:#f2f1ee; color:#16151b; }body.ec .ec-nav-cb{ position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }body.ec .ec-nav-cb:focus-visible ~ .ec-topbar-inner .ec-burger{ outline:2px solid var(--amber); outline-offset:3px; border-radius:6px; }body.ec .ec-sr-only{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }body.ec .ec-burger{ display:none; }@media(max-width:720px){body.ec .ec-topbar-inner{ height:54px; gap:12px; }body.ec .ec-topbar-nav{ position:absolute; top:100%; left:0; right:0; z-index:59; flex-direction:column; align-items:stretch; gap:0; background:#180d20; box-shadow:0 16px 40px rgba(0,0,0,.6); border-bottom:1px solid var(--ec-line); max-height:0; overflow:hidden; opacity:0; pointer-events:none; transition:max-height .3s var(--ec-ease), opacity .2s ease; }body.ec .ec-nav-cb:checked ~ .ec-topbar-inner .ec-topbar-nav{ max-height:82vh; opacity:1; pointer-events:auto; padding:4px 0 10px; }body.ec .ec-topbar-link{ padding:13px clamp(18px,6vw,28px); border-bottom:1px solid var(--ec-line); font-size:16px; }body.ec .ec-topbar-nav .ec-topbar-link:last-child{ border-bottom:0; }body.ec .ec-topbar-link.is-active{ border-bottom-color:var(--ec-line); color:var(--amber); }body.ec .ec-topbar-signin, body.ec .ec-topbar-theme{ display:inline-flex; }body.ec .ec-burger{ display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; margin-right:-7px; cursor:pointer; flex:0 0 auto; }body.ec .ec-burger-bars{ position:relative; display:block; width:19px; height:1.6px; background:var(--ec-ink); transition:background .2s; }body.ec .ec-burger-bars::before, body.ec .ec-burger-bars::after{ content:""; position:absolute; left:0; width:19px; height:1.6px; background:var(--ec-ink); transition:transform .22s var(--ec-ease); }body.ec .ec-burger-bars::before{ top:-6px; }body.ec .ec-burger-bars::after{ top:6px; }body.ec .ec-nav-cb:checked ~ .ec-topbar-inner .ec-burger-bars{ background:transparent; }body.ec .ec-nav-cb:checked ~ .ec-topbar-inner .ec-burger-bars::before{ transform:translateY(6px) rotate(45deg); }body.ec .ec-nav-cb:checked ~ .ec-topbar-inner .ec-burger-bars::after{ transform:translateY(-6px) rotate(-45deg); }body.ec .ec-nav-cb:focus-visible ~ .ec-topbar-inner .ec-burger{ outline:2px solid var(--amber); outline-offset:2px; }}body.ec .ec-topbar.is-bare{ position:fixed; top:16px; right:16px; left:auto; width:auto; z-index:60; background:none; border:0; backdrop-filter:none; -webkit-backdrop-filter:none; }body.ec .ec-topbar.is-bare .ec-topbar-inner{ position:relative; height:auto; padding:0; margin:0; display:block; }body.ec .ec-topbar.is-bare .ec-burger{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:8px; cursor:pointer; background:#ffffff; box-shadow:0 0 0 1px rgba(23,19,28,.06), 0 2px 8px rgba(0,0,0,.28); }body.ec .ec-topbar.is-bare .ec-burger-bars{ position:relative; display:block; width:18px; height:1.6px; background:var(--ec-ink); transition:background .2s; }body.ec .ec-topbar.is-bare .ec-burger-bars::before, body.ec .ec-topbar.is-bare .ec-burger-bars::after{ content:""; position:absolute; left:0; width:18px; height:1.6px; background:var(--ec-ink); transition:transform .22s var(--ec-ease); }body.ec .ec-topbar.is-bare .ec-burger-bars::before{ top:-6px; }body.ec .ec-topbar.is-bare .ec-burger-bars::after{ top:6px; }body.ec .ec-topbar.is-bare .ec-nav-cb:checked ~ .ec-topbar-inner .ec-burger-bars{ background:transparent; }body.ec .ec-topbar.is-bare .ec-nav-cb:checked ~ .ec-topbar-inner .ec-burger-bars::before{ transform:translateY(6px) rotate(45deg); }body.ec .ec-topbar.is-bare .ec-nav-cb:checked ~ .ec-topbar-inner .ec-burger-bars::after{ transform:translateY(-6px) rotate(-45deg); }body.ec .ec-topbar.is-bare .ec-nav-cb:focus-visible ~ .ec-topbar-inner .ec-burger{ outline:2px solid var(--amber); outline-offset:2px; }body.ec .ec-topbar.is-bare .ec-topbar-nav{ position:absolute; top:calc(100% + 8px); right:0; left:auto; width:228px; z-index:59; display:flex; flex-direction:column; align-items:stretch; gap:0; padding:6px 0; overflow:hidden; background:#ffffff; border:0; border-radius:8px; box-shadow:0 0 0 1px rgba(23,19,28,.06), 0 18px 48px rgba(23,19,28,.22); max-height:0; opacity:0; pointer-events:none; visibility:hidden; transition:opacity .15s ease, visibility 0s linear .15s; }body.ec .ec-topbar.is-bare .ec-nav-cb:checked ~ .ec-topbar-inner .ec-topbar-nav{ max-height:none; opacity:1; pointer-events:auto; visibility:visible; transition-delay:0s; padding:6px 0; }body.ec .ec-topbar.is-bare .ec-topbar-link, body.ec .ec-topbar.is-bare .ec-topbar-link:visited{ display:block; width:100%; box-sizing:border-box; padding:10px 16px; margin:0; border:0; border-radius:0; background:none; text-align:left; cursor:pointer; font-family:var(--ec-sans); font-size:14px; font-weight:500; letter-spacing:0; text-transform:none; line-height:1.2; color:var(--ec-ink); }body.ec .ec-topbar.is-bare .ec-topbar-link:hover{ color:var(--amber); }body.ec .ec-topbar.is-bare .ec-topbar-link.is-active{ color:var(--amber); }body.ec .ec-topbar.is-bare .ec-topbar-account{ margin-top:6px; padding-top:6px; border-top:1px solid var(--ec-line); }body.ec .ec-topbar.is-bare .ec-topbar-account form.button_to{ display:block; margin:0; }body.ec .ec-topbar.is-bare .ec-topbar-me{ display:flex; align-items:center; gap:10px; }body.ec .ec-topbar.is-bare .ec-topbar-av{ width:24px; height:24px; }body.ec .event-card, body.ec .founder-card, body.ec .feed-item, body.ec .feed-item-bare, body.ec .ask-row, body.ec .event-person-tile, body.ec .event-people-featured, body.ec .event-card-snap, body.ec .feed-directory-card-self, body.ec .feed-event-context{ background:var(--surface); border-color:var(--border-soft); box-shadow:none; }body.ec #where-founders-are-gathering, body.ec #more-on-echai{ scroll-margin-top:24px; }body.ec #marq-below{ scroll-margin-top:16px; }body.ec .mh-body{ position:relative; max-width:var(--ec-max); margin:0 auto; padding:clamp(44px,6vw,76px) clamp(18px,5vw,64px) 0; }body.ec .mh-body::before{ content:""; position:absolute; top:-8vh; left:0; right:0; height:60vh; z-index:-1; pointer-events:none; background:radial-gradient(80% 100% at 50% 0%, rgba(32,26,20,.7) 0%, rgba(18,15,12,.35) 34%, transparent 68%); }body.ec .mh-sec{ margin-top:clamp(44px,6vw,76px); }body.ec .mh-sec:first-child{ margin-top:0; }body.ec .mh-eb{ display:flex; align-items:baseline; gap:16px; margin-bottom:24px; }body.ec .mh-eb-label{ font-family:var(--ec-sans); font-weight:500; font-size:13px; letter-spacing:.01em; color:var(--ec-muted); flex:0 0 auto; margin:0; }body.ec .mh-eb-rule{ flex:1 1 auto; height:1px; background:linear-gradient(90deg, var(--ec-line), transparent); }body.ec .mh-eb-link{ flex:0 0 auto; font-family:var(--ec-sans); font-size:13px; letter-spacing:0; color:var(--ec-muted); text-decoration:none; }body.ec .mh-eb-link:hover{ color:var(--amber); }body.ec .mh-eb-count{ flex:0 0 auto; color:var(--ec-faint); }body.ec .mh-hub-card{ position:relative; display:flex; flex-direction:column; gap:8px; padding:24px; text-decoration:none; border:1px solid #3a254880; overflow:hidden; background:linear-gradient(155deg, #331f42 0%, #271531 55%, #1c0f26 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.055); transition:border-color .2s, transform .2s, box-shadow .2s; }body.ec .mh-hub-card::after{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.5; transition:opacity .25s; background:radial-gradient(135% 95% at 100% 0%, rgba(224,134,74,.11) 0%, transparent 56%); }body.ec .mh-hub-card > *{ position:relative; z-index:1; }body.ec .mh-hub-card:hover{ border-color:#5f4270; transform:translateY(-3px); box-shadow:0 16px 40px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.08); }body.ec .mh-hub-card:hover::after{ opacity:1; }body.ec .mh-brandwall{ max-width:var(--ec-max); margin:var(--ec-chrome-gap) auto 0; padding:0 clamp(18px,5vw,64px); }body.ec #main-content > *:has(+ .mh-brandwall), body.ec #main-content > *:has(+ .mh-footer){ padding-bottom:0; }body.ec .mh-brands{ display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:var(--ec-line); border:1px solid var(--ec-line); }@media(max-width:760px){body.ec .mh-brands{ grid-template-columns:repeat(2,1fr); }}body.ec .mh-brand{ position:relative; display:flex; align-items:center; justify-content:center; min-height:104px; padding:18px 24px; background:#e7e2d8; }body.ec .mh-brand-listed, body.ec .brand-listed{ position:absolute; top:8px; right:8px; font-family:var(--ec-mono); font-size:9px; letter-spacing:0.1em; text-transform:uppercase; color:#5a544a; background:rgba(255,255,255,0.86); border:1px solid rgba(0,0,0,0.12); border-radius:20px; padding:2px 7px; }body.ec .mh-brand-logo{ max-width:82%; max-height:62px; width:auto; height:auto; object-fit:contain; mix-blend-mode:multiply; transition:transform .18s; }body.ec .mh-brand:hover .mh-brand-logo{ transform:scale(1.05); }body.ec .mh-footer{ border-top:1px solid var(--ec-line); margin-top:var(--ec-chrome-gap); padding:clamp(38px,5vw,60px) 0 clamp(30px,4vw,44px); }body.ec .mh-brandwall + .mh-footer{ margin-top:0; }body.ec .mh-footer-inner{ max-width:var(--ec-max); margin:0 auto; padding:0 clamp(18px,5vw,64px); }body.ec .mh-footer-top{ display:flex; justify-content:space-between; gap:32px 48px; flex-wrap:wrap; }body.ec .mh-footer-brand{ max-width:34ch; }body.ec .mh-footer-word{ display:inline-block; font-family:var(--font-serif); font-style:italic; font-size:26px; letter-spacing:.01em; color:var(--ec-ink); text-decoration:none; }body.ec .mh-footer-tag{ margin:14px 0 0; font-family:var(--ec-sans); font-size:14px; line-height:1.5; color:var(--ec-muted); }body.ec .mh-footer-cols{ display:flex; gap:clamp(30px,5vw,80px); flex-wrap:wrap; }body.ec .mh-footer-col{ display:flex; flex-direction:column; gap:11px; }body.ec .mh-footer-col-head{ font-family:var(--ec-sans); font-size:12px; letter-spacing:.02em; color:var(--ec-faint); margin-bottom:3px; }body.ec .mh-footer-col a{ font-family:var(--ec-sans); font-size:14px; color:var(--ec-muted); text-decoration:none; transition:color .16s; }body.ec .mh-footer-col a:hover{ color:var(--amber); }body.ec .mh-footer-bottom{ display:flex; justify-content:space-between; gap:16px 24px; flex-wrap:wrap; margin-top:clamp(28px,4vw,44px); padding-top:20px; border-top:1px solid var(--ec-line); }body.ec .mh-footer-copy{ font-family:var(--ec-sans); font-size:12.5px; color:var(--ec-faint); }body.ec .mh-footer-legal{ display:flex; gap:20px; flex-wrap:wrap; }body.ec .mh-footer-legal a{ font-family:var(--ec-sans); font-size:12.5px; color:var(--ec-faint); text-decoration:none; transition:color .16s; }body.ec .mh-footer-legal a:hover{ color:var(--ec-ink); }body.ec .prog-rsvp{ font-family:var(--ec-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--ec-ink); text-decoration:none; padding:9px 15px; border:1px solid var(--ec-line); background:transparent; cursor:pointer; white-space:nowrap; transition:background .16s, border-color .16s, color .16s; }body.ec .prog-rsvp:hover{ background:var(--ec-ink); border-color:var(--ec-ink); color:var(--ec-ground); }body.ec .prog-rsvp.is-going{ border-color:transparent; background:transparent; padding-left:0; padding-right:0; color:var(--ec-muted); cursor:default; white-space:nowrap; }body.ec .prog-rsvp.is-off{ color:var(--ec-muted); cursor:default; }body.ec .prog-rsvp.is-off:hover{ background:transparent; border-color:var(--ec-line); color:var(--ec-muted); }body.ec .prog-rsvp.is-going span{ color:var(--amber); }body.ec .prog-rsvp.is-going:hover{ background:transparent; color:var(--ec-muted); }body.ec .evt-flag{ display:inline-block; max-width:100%; padding:2px 9px; border:1px solid rgba(198,74,26,.4); border-radius:999px; font-family:var(--ec-sans); font-size:12px; font-weight:500; letter-spacing:0; text-transform:none; line-height:1.3; color:var(--amber); }body.ec .mh-shots{ --shot-w:clamp(78px,9vw,104px); display:flex; gap:5px; overflow-x:auto; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; scrollbar-width:none; }body.ec .mh-shots::-webkit-scrollbar{ display:none; }body.ec .mh-shot{ flex:0 0 auto; width:var(--shot-w); aspect-ratio:4/3; overflow:hidden; border-radius:2px; background:var(--ec-panel); scroll-snap-align:start; }body.ec .mh-shot img{ width:100%; height:100%; object-fit:cover; display:block; opacity:.82; transition:opacity .2s var(--ec-ease); }body.ec a:hover .mh-shot img, body.ec a.mh-shot:hover img{ opacity:1; }@media(max-width:620px){body.ec .prog-rsvp{ padding:9px 16px; font-size:11px; }}body.ec .text-input{ background:var(--ec-panel); border-color:var(--ec-line); color:var(--ec-ink); }body.ec .text-input::placeholder{ color:var(--ec-faint); }body.ec .text-input:focus{ border-color:var(--amber); background:#251731; }body.ec .flash-notice{ background:var(--amber); color:#161009; }@keyframes ec-kb{ from{ transform:scale(1.015); } to{ transform:scale(1.045) translateY(-1%); } }body.ec .ec-going{ display:inline-flex; align-items:center; gap:11px; }body.ec .ec-going-stack{ display:inline-flex; }body.ec .ec-going-av{ width:30px; height:30px; border-radius:50%; object-fit:cover; margin-left:-10px; box-shadow:0 0 0 2px rgba(34,19,43,.85); }body.ec .ec-going-av:first-child{ margin-left:0; }@keyframes ec-stamp-land{ from{ opacity:0; translate:0 -40px; rotate:calc(var(--r) * 4); scale:1.5; filter:drop-shadow(0 30px 30px rgba(22,21,27,.25)); } 70%{ opacity:1; translate:0 2px; scale:.98; } }@keyframes ec-odo-out{ from{ visibility:visible; translate:0 0; opacity:1; } to{ visibility:visible; translate:0 -110%; opacity:0; } }@keyframes ec-odo-in{ from{ translate:0 110%; opacity:0; } }@keyframes ec-odo-plus{ 0%{ opacity:0; translate:0 6px; } 20%{ opacity:1; translate:0 0; } 80%{ opacity:1; } 100%{ opacity:0; translate:0 -10px; } }@keyframes ec-drop{ 0%,100%{ opacity:.15; transform:translateX(-50%) scaleY(.5); } 50%{ opacity:.6; transform:translateX(-50%) scaleY(1); } }body.ec .lightbox{ width:100vw; max-width:100vw; height:100dvh; max-height:100dvh; margin:0; padding:0; border:0; background:var(--ec-ground); color:var(--ec-ink); overflow:hidden; overscroll-behavior:contain; }body.ec .lightbox::backdrop{ background:var(--ec-ground); }body.ec .lightbox-track{ display:flex; height:100%; overflow-x:auto; overflow-y:hidden; overscroll-behavior:contain; scroll-snap-type:x mandatory; scrollbar-width:none; }body.ec .lightbox-track::-webkit-scrollbar{ display:none; }body.ec .lightbox-slide{ flex:0 0 100%; height:100%; scroll-snap-align:center; scroll-snap-stop:always; display:grid; place-items:center; padding:clamp(10px,3vw,40px) clamp(10px,3vw,40px) 84px; }body.ec .lightbox-slide img{ max-width:100%; max-height:100%; object-fit:contain; transform-origin:center; will-change:transform; touch-action:pan-x pan-y; user-select:none; -webkit-user-drag:none; }body.ec .lightbox.is-zoomed .lightbox-track{ overflow-x:hidden; }body.ec .lightbox.is-zoomed .lightbox-slide img{ touch-action:none; cursor:grab; }body.ec .lightbox.is-zoomed .lightbox-slide img:active{ cursor:grabbing; }body.ec .lightbox-zoom{ font-size:1.35rem; }body.ec .lightbox-step[hidden], body.ec .lightbox-count[hidden]{ display:none; }body.ec .lightbox-bar{ position:absolute; left:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; gap:clamp(14px,4vw,24px); padding:clamp(12px,3vw,24px); }body.ec .lightbox-count{ margin:0; min-width:5.5em; text-align:center; font-family:var(--ec-mono); font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--ec-muted); }body.ec .lightbox-step, body.ec .lightbox-close{ display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid var(--ec-line); border-radius:50%; background:rgba(236,233,227,.06); color:var(--ec-ink); font-size:1.5rem; line-height:1; cursor:pointer; transition:background .2s ease; }body.ec .lightbox-step:hover:not(:disabled), body.ec .lightbox-close:hover{ background:rgba(236,233,227,.16); }body.ec .lightbox-step:disabled{ opacity:.25; cursor:default; }body.ec .lightbox-close{ position:absolute; top:clamp(12px,3vw,24px); right:clamp(12px,3vw,24px); }@keyframes ec-row-in{ from{ opacity:0; transform:translateY(18px); } }body.ec .ec-face{ width:auto; }body.ec .ec-face{ cursor:pointer; position:relative; }body.ec .ec-face.is-hidden{ opacity:.5; }body.ec .founder-verified svg path{ fill:var(--accent); }body.ec .ec-face .founder-verified{ vertical-align:-1px; }@media (prefers-reduced-motion: no-preference){@keyframes ec-tally-in{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } }}body.ec .tally-cap{ position:absolute; left:max(96px, calc(var(--tally, 0) * 100%)); bottom:3px; transform:translateX(-100%); padding-right:7px; font-family:var(--ec-mono); font-size:9px; letter-spacing:.08em; color:var(--amber); white-space:nowrap; opacity:0; transition:opacity .2s var(--ec-ease); pointer-events:none; }@media (prefers-reduced-motion: no-preference){@keyframes ec-ring-draw{ from{ stroke-dashoffset:100; } to{ stroke-dashoffset:0; } }}@media (prefers-reduced-motion: no-preference){body.ec .ink-beat{ animation:ec-ink-beat .4s var(--ec-ease); }@keyframes ec-ink-beat{ 0%{ box-shadow:0 0 0 0 rgba(224,134,74,.42); } 30%{ transform:scale(.955); } 100%{ box-shadow:0 0 0 9px rgba(224,134,74,0); transform:scale(1); } }}body.ec .next-door{ margin-top:64px; }body.ec .next-door-eb{ display:flex; align-items:center; gap:16px; margin-bottom:2px; }body.ec .next-door-label{ flex:0 0 auto; color:var(--ec-faint); }body.ec .next-door-rule{ flex:1; height:1px; background:var(--ec-line); }body.ec .next-door-rows{ border-top:1px solid var(--ec-line); }body.ec .next-door-row{ display:grid; grid-template-columns:1fr auto; align-items:center; column-gap:20px; row-gap:5px; padding:20px 2px; border-bottom:1px solid var(--ec-line); text-decoration:none; }body.ec .next-door-name{ grid-column:1; grid-row:1; font-family:var(--ec-sans); font-weight:600; font-size:19px; line-height:1.2; color:var(--ec-ink); transition:color .16s; }body.ec .next-door-dek{ grid-column:1; grid-row:2; font-size:14px; color:var(--ec-muted); }body.ec .next-door-go{ grid-column:2; grid-row:1 / 3; align-self:center; color:var(--ec-faint); transition:transform .2s var(--ec-ease), color .2s; }body.ec .next-door-row:hover .next-door-name{ color:#fff; }body.ec .next-door-row:hover .next-door-go{ transform:translateX(4px); color:var(--ec-ink); }body.ec .next-door-signoff{ margin:26px 0 0; color:var(--ec-faint); text-align:center; }body.ec .pf-portrait{ position:relative; aspect-ratio:4/5; overflow:hidden; border:1px solid var(--ec-line); background:var(--ec-panel); }body.ec .pf-portrait img{ position:absolute; inset:0; z-index:1; width:100%; height:100%; object-fit:cover; filter:grayscale(1) sepia(.35) hue-rotate(-6deg) contrast(1.04) brightness(.96); transition:filter .6s var(--ec-ease); }body.ec .pf-portrait:hover img{ filter:grayscale(0) contrast(1.02) brightness(1); }@media(max-width:640px){body.ec .pf-portrait{ max-width:220px; }}body.ec .register{ max-width:860px; margin:0 auto; padding:clamp(20px,3vw,44px) clamp(16px,3vw,28px) 60px; }@media (min-width:768px){body.ec .register .feed-item{ padding:24px 28px; border-radius:18px; }}body.ec .register .feed-item{ position:relative; background:var(--ec-panel); border:1px solid var(--ec-line); border-radius:16px; box-shadow:0 1px 2px rgba(0,0,0,.28); padding:16px 18px; transition:border-color .16s ease; }body.ec .register .feed-item:hover{ border-color:var(--ec-muted); }body.ec .register .feed-item.is-new{ border-color:rgba(198,74,26,.42); }body.ec .register .feed-item.is-pinned{ border-color:var(--amber); box-shadow:0 0 0 1px rgba(198,74,26,.35); }body.ec .register .feed-item-head{ display:flex; align-items:center; gap:11px; margin-bottom:12px; }body.ec .register .clip-tweet-shot-img, body.ec .register .clip-tweet-poster, body.ec .register .clip-tweet-photo, body.ec .register .feed-item-video-cover, body.ec .register .feed-item-cover{ filter:brightness(.84) contrast(1.02); transition:filter .2s ease; }body.ec .register .feed-item-cover, body.ec .register .feed-item-video-cover{ display:block; width:100%; border:1px solid var(--ec-line); border-radius:12px; filter:none; }body.ec .register .feed-rsvp-btn{ font-family:var(--ec-mono); font-size:11px; letter-spacing:.05em; text-transform:uppercase; color:var(--ec-ink); background:transparent; border:1px solid var(--ec-line); border-radius:0; padding:8px 14px; cursor:pointer; }body.ec .register .feed-rsvp-btn:hover{ background:var(--ec-ink); color:var(--ec-ground); border-color:var(--ec-ink); }body.ec .register .feed-rsvp-going{ font-family:var(--ec-mono); font-size:11px; letter-spacing:.05em; text-transform:uppercase; color:var(--amber); }body.ec .register .event-showcase-btn{ font-family:var(--ec-mono); font-size:11px; letter-spacing:.04em; text-transform:uppercase; color:var(--ec-muted); background:transparent; border:1px solid var(--ec-line); border-radius:0; padding:6px 11px; cursor:pointer; }body.ec .register .event-showcase-btn.is-on{ color:var(--amber); border-color:var(--amber); background:rgba(224,134,74,.1); }body.ec .register .series-btn-toggle{ font-family:var(--ec-mono); font-size:11px; letter-spacing:.04em; text-transform:uppercase; color:var(--ec-muted); border:1px solid var(--ec-line); border-radius:0; background:transparent; padding:6px 10px; }body.ec .register .series-btn-toggle:hover{ color:var(--ec-ink); border-color:var(--ec-muted); }body.ec .prompt-show{ max-width:1060px; }body.ec .prompt-head{ margin-bottom:clamp(26px,3.4vw,40px); }body.ec .prompt-masthead{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; padding-bottom:12px; margin-bottom:clamp(20px,2.6vw,30px); border-bottom:1px solid var(--ec-line); }body.ec .prompt-masthead-no{ font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--ec-faint); white-space:nowrap; }body.ec .prompt-question{ margin:0; max-width:19ch; font-family:var(--ec-sans); font-weight:640; font-size:clamp(31px,5.2vw,58px); line-height:1.04; letter-spacing:var(--ec-track-display); color:var(--ec-ink); }body.ec .prompt-intro{ margin:clamp(16px,2vw,22px) 0 0; max-width:52ch; font-size:clamp(16px,1.75vw,20px); line-height:1.5; color:var(--ec-ink); }body.ec .prompt-answered{ display:flex; flex-direction:column; align-items:flex-start; gap:11px; margin:clamp(18px,2.4vw,26px) 0 0; }body.ec .prompt-faces{ display:flex; flex-wrap:nowrap; padding-left:7px; }body.ec .prompt-face{ display:block; line-height:0; margin-left:-7px; transition:transform .2s var(--ec-ease); }body.ec .prompt-face:hover{ transform:translateY(-2px); }body.ec .prompt-face-pic{ width:38px; height:38px; border-radius:50%; object-fit:cover; flex:0 0 auto; border:1px solid var(--ec-line); box-shadow:0 0 0 2px var(--ec-ground); background:var(--ec-panel); filter:grayscale(1) sepia(.35) hue-rotate(-6deg) contrast(1.05) brightness(.95); transition:filter .3s var(--ec-ease); }body.ec .prompt-face:hover .prompt-face-pic{ filter:grayscale(0) contrast(1.02) brightness(1); }body.ec .prompt-count{ margin:0; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--ec-faint); }body.ec .prompt-contents{ margin:0 0 clamp(30px,4vw,48px); padding:clamp(16px,2.2vw,22px) 0; border-top:1px solid var(--ec-line); border-bottom:1px solid var(--ec-line); }body.ec .prompt-contents-list{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:clamp(14px,2vw,22px); }body.ec .prompt-contents-list > li{ display:flex; }body.ec .prompt-contents-row{ display:flex; flex-direction:column; gap:11px; width:100%; text-decoration:none; color:var(--ec-ink); }body.ec .prompt-contents-plate{ position:relative; display:block; aspect-ratio:3/2; overflow:hidden; border:1px solid var(--ec-line); background:var(--ec-panel); }body.ec .prompt-contents-shot{ display:block; width:100%; height:100%; object-fit:cover; filter:grayscale(.2) contrast(1.03) brightness(.94); transition:filter .35s var(--ec-ease), transform .45s var(--ec-ease); }body.ec .prompt-contents-row:hover .prompt-contents-shot{ filter:none; transform:scale(1.03); }body.ec .prompt-contents-no{ position:absolute; left:9px; bottom:7px; font-size:11px; letter-spacing:.06em; color:var(--ec-ink); font-variant-numeric:tabular-nums; text-shadow:0 1px 6px rgba(0,0,0,.6); }body.ec .prompt-contents-name{ font-weight:600; font-size:15.5px; line-height:1.28; transition:color .18s var(--ec-ease); }body.ec .prompt-contents-row:hover .prompt-contents-name{ color:var(--amber); }body.ec .prompt-contents-faces{ display:flex; align-items:center; gap:6px; margin-top:auto; padding-left:6px; }body.ec .prompt-contents-face{ width:26px; height:26px; border-radius:50%; object-fit:cover; margin-left:-6px; border:1px solid var(--ec-line); box-shadow:0 0 0 2px var(--ec-ground); background:var(--ec-panel); filter:grayscale(.28) sepia(.1) contrast(1.03); transition:filter .3s var(--ec-ease); }body.ec .prompt-contents-row:hover .prompt-contents-face{ filter:none; }body.ec .prompt-contents-face.avatar-letter{ display:flex; align-items:center; justify-content:center; color:var(--ec-ink); }body.ec .prompt-contents-more{ font-size:10.5px; color:var(--ec-faint); font-variant-numeric:tabular-nums; }body.ec .prompt-responses{ margin:0; }body.ec .prompt-entry{ padding:clamp(30px,4vw,48px) 0 0; scroll-margin-top:84px; }body.ec .prompt-responses .prompt-entry:first-child{ padding-top:0; }body.ec .prompt-entry-rule, body.ec .prompt-entry-head, body.ec .prompt-response{ display:grid; grid-template-columns:230px minmax(0,1fr); gap:clamp(22px,3.2vw,52px); }body.ec .prompt-entry-rule{ align-items:center; }body.ec .prompt-entry-mark{ display:flex; align-items:center; gap:14px; min-width:0; }body.ec .prompt-entry-no{ font-size:12px; letter-spacing:.06em; color:var(--ec-ink); font-variant-numeric:tabular-nums; }body.ec .prompt-entry-hair{ flex:1 1 auto; min-width:16px; height:1px; background:var(--ec-line); }body.ec .prompt-entry-head{ margin-top:clamp(18px,2.4vw,26px); row-gap:0; }body.ec .prompt-response-story .prompt-entry-head{ display:block; margin:0 0 clamp(14px,1.8vw,20px); }body.ec .prompt-response:first-of-type{ margin-top:clamp(18px,2.4vw,26px); }body.ec .prompt-entry-head .prompt-response-friend{ grid-column:2; }body.ec .prompt-entry-city{ grid-column:2; margin:0 0 7px; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--amber); }body.ec .prompt-entry-places{ grid-column:2; margin:8px 0 0; max-width:54ch; font-size:14.5px; line-height:1.5; color:var(--ec-muted); }body.ec .prompt-entry-gallery{ margin:0 0 clamp(14px,1.8vw,20px); max-width:660px; }body.ec .prompt-entry-gallery.is-set{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }body.ec .prompt-entry-gallery.is-set > *:last-child:nth-child(odd){ grid-column:1 / -1; }body.ec .prompt-response{ margin-top:clamp(16px,2vw,22px); scroll-margin-top:84px; }body.ec .prompt-response-by{ position:sticky; top:84px; align-self:start; display:flex; flex-direction:column; align-items:flex-start; gap:9px; }body.ec .prompt-response-by form{ margin:0; }body.ec .prompt-response-founder{ display:flex; flex-direction:column; align-items:stretch; gap:11px; width:100%; text-decoration:none; color:var(--ec-ink); }body.ec .prompt-response-pic{ position:relative; display:block; width:100%; line-height:0; }body.ec .prompt-response-avatar{ width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; border:1px solid var(--ec-line); background:var(--ec-panel); filter:grayscale(.28) sepia(.1) contrast(1.03); transition:filter .5s var(--ec-ease); }body.ec .prompt-response-founder:hover .prompt-response-avatar, body.ec .prompt-response-founder:focus-visible .prompt-response-avatar{ filter:none; }body.ec .prompt-response-lines{ display:flex; flex-direction:column; gap:4px; min-width:0; }body.ec .prompt-response-name{ display:inline-flex; align-items:center; gap:4px; font-size:14.5px; font-weight:600; line-height:1.3; color:var(--ec-ink); transition:color .18s var(--ec-ease); }body.ec .prompt-response-founder:hover .prompt-response-name{ color:var(--amber); }body.ec .prompt-response-role{ font-size:12.5px; line-height:1.42; color:var(--ec-faint); }body.ec .prompt-response-quote{ margin:12px 0 0; padding-top:12px; border-top:1px solid var(--ec-line); font-family:var(--ec-sans); font-weight:640; font-size:clamp(15px,1.5vw,17.5px); line-height:1.28; letter-spacing:var(--ec-track-display); color:var(--ec-ink); }body.ec .prompt-response-also{ font-size:12px; line-height:1.45; color:var(--ec-muted); }body.ec .prompt-response-also-link{ color:var(--ec-ink); text-decoration:none; border-bottom:1px solid var(--ec-line); }body.ec .prompt-response-also-link:hover{ color:var(--amber); border-bottom-color:var(--amber); }body.ec .prompt-response-remove{ margin-top:4px; font-family:var(--ec-mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--ec-faint); background:transparent; border:1px solid var(--ec-line); border-radius:999px; padding:5px 11px; cursor:pointer; opacity:.3; transition:opacity .2s var(--ec-ease); }body.ec .prompt-response:hover .prompt-response-remove, body.ec .prompt-response:focus-within .prompt-response-remove{ opacity:1; }body.ec .prompt-response-remove:hover{ color:var(--ec-ink); border-color:var(--ec-ink); }body.ec .prompt-response.is-credit{ display:block; }body.ec .prompt-response.is-credit .prompt-response-by{ position:static; flex-direction:row; align-items:center; gap:12px; }body.ec .prompt-response.is-credit .prompt-response-founder{ flex-direction:row; align-items:center; gap:12px; width:auto; }body.ec .prompt-response.is-credit .prompt-response-pic{ width:48px; flex:0 0 auto; }body.ec .prompt-response.is-reprise .prompt-response-founder{ flex-direction:row; align-items:center; gap:12px; width:auto; }body.ec .prompt-response.is-reprise .prompt-response-pic{ width:52px; flex:0 0 auto; }body.ec .prompt-response.is-reprise .prompt-response-also{ flex:1 0 100%; }body.ec .prompt-answer-mark{ margin:clamp(22px,2.8vw,30px) 0 10px; font-size:clamp(15px,1.5vw,17px); font-weight:600; letter-spacing:-.01em; color:var(--ec-ink); }body.ec .prompt-response-story > .prompt-answer-mark:first-child{ margin-top:0; }body.ec .prompt-response-story{ min-width:0; }body.ec .prompt-response-friend{ margin:0; font-family:var(--ec-sans); font-weight:640; font-size:clamp(22px,2.6vw,30px); line-height:1.14; letter-spacing:var(--ec-track-display); color:var(--ec-ink); }body.ec .prompt-response-photo{ display:block; width:100%; max-width:660px; aspect-ratio:3/2; object-fit:cover; border:1px solid var(--ec-line); background:var(--ec-panel); }body.ec .prompt-plate-open{ display:block; line-height:0; cursor:zoom-in; }body.ec .prompt-plate-open .prompt-response-photo{ transition:filter .3s var(--ec-ease); }body.ec .prompt-plate-open:hover .prompt-response-photo{ filter:brightness(1.06); }body.ec .prompt-plate-caption{ display:block; margin:7px 0 0; max-width:660px; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ec-faint); }body.ec .prompt-response-body{ margin:14px 0 0; max-width:62ch; font-size:clamp(15.5px,1.5vw,17px); line-height:1.72; color:var(--ink-soft); }body.ec .prompt-response-story.is-lead p.prompt-response-body:first-of-type{ margin-top:0; max-width:54ch; font-size:clamp(17px,1.85vw,19.5px); line-height:1.56; color:var(--ec-ink); }body.ec .prompt-response-share{ display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; margin-top:10px; font-size:13px; line-height:1; color:var(--ec-faint); text-decoration:none; border:1px solid var(--ec-line); border-radius:50%; transition:color .18s var(--ec-ease), border-color .18s var(--ec-ease); }body.ec .prompt-response-share:hover, body.ec .prompt-response-share:focus-visible{ color:var(--amber); border-color:var(--amber); }body.ec .prompt-endmatter{ margin-top:clamp(38px,5vw,64px); padding-top:clamp(22px,3vw,30px); border-top:1px solid var(--ec-line); }body.ec .prompt-nav{ display:flex; align-items:center; flex-wrap:wrap; gap:0 16px; margin-top:clamp(24px,3.4vw,34px); }body.ec .prompt-nav-link{ display:inline-flex; align-items:center; gap:16px; border:0; border-radius:0; padding:0; background:transparent; font-size:14px; font-weight:500; letter-spacing:.01em; color:var(--ec-muted); text-decoration:none; cursor:pointer; transition:color .18s var(--ec-ease); }body.ec .prompt-nav-link + .prompt-nav-link::before{ content:"·"; color:var(--ec-line); letter-spacing:0; }body.ec .prompt-nav-link.is-lead{ color:var(--ec-ink); }body.ec .prompt-nav-link:hover, body.ec .prompt-nav-link:focus-visible{ color:var(--amber); background:transparent; }body.ec .prompt-nav-share:disabled{ color:var(--amber); cursor:default; }body.ec .prompt-more-all{ color:inherit; text-decoration:none; transition:color .18s var(--ec-ease); }body.ec .prompt-more-all:hover{ color:var(--amber); }body.ec .prompt-colophon{ margin:0; max-width:56ch; font-size:13.5px; line-height:1.6; color:var(--ec-faint); }body.ec .prompt-more{ margin-top:clamp(26px,3.4vw,38px); }body.ec .prompt-more-head{ margin:0 0 2px; font-size:14px; font-weight:500; letter-spacing:.01em; color:var(--ec-faint); }body.ec .prompt-more-list{ list-style:none; margin:0; padding:0; }body.ec .prompt-more-row{ display:block; padding:13px 0; border-top:1px solid var(--ec-line); text-decoration:none; }body.ec .prompt-more-question{ display:block; max-width:52ch; font-size:16px; font-weight:600; line-height:1.34; color:var(--ec-ink); transition:color .18s var(--ec-ease); }body.ec .prompt-more-series{ display:block; margin-top:3px; font-size:13.5px; color:var(--ec-faint); }body.ec .prompt-more-row:hover .prompt-more-question{ color:var(--amber); }@media (max-width:860px){body.ec .prompt-entry-rule, body.ec .prompt-entry-head, body.ec .prompt-response{ grid-template-columns:1fr; gap:12px; }body.ec .prompt-entry-head .prompt-response-friend{ grid-column:1; }body.ec .prompt-entry-places, body.ec .prompt-entry-city{ grid-column:1; }body.ec .prompt-response-story{ display:contents; }body.ec .prompt-response-story > .prompt-entry-city{ order:-2; margin-bottom:0; }body.ec .prompt-response-by{ order:-1; }body.ec .prompt-entry-rule .prompt-entry-mark:last-child{ display:none; }body.ec .prompt-upvote{ flex:1 0 100%; margin-top:0; }body.ec .prompt-backers{ margin-top:0; }body.ec .prompt-response-by{ position:static; display:flex; flex-direction:row; align-items:flex-start; flex-wrap:wrap; gap:14px; }body.ec .prompt-response-founder{ flex-direction:row; align-items:center; gap:14px; width:100%; max-width:100%; }body.ec .prompt-response-pic{ width:96px; flex:0 0 auto; }body.ec .prompt-response-lines{ flex:1 1 auto; }body.ec .prompt-response-avatar{ aspect-ratio:1/1; }body.ec .prompt-response-quote{ display:none; }body.ec .prompt-response-remove{ margin:0 0 0 auto; }body.ec .prompt-response.is-credit .prompt-response-founder{ flex-direction:row; align-items:center; gap:12px; }body.ec .prompt-response.is-credit .prompt-response-pic{ width:48px; }body.ec .prompt-face{ margin-left:-10px; }body.ec .prompt-face-pic{ width:32px; height:32px; }}@media (max-width:560px){body.ec .prompt-contents-list{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }body.ec .prompt-contents-name{ font-size:14px; }body.ec .prompt-entry-gallery.is-set{ grid-template-columns:1fr; }body.ec .prompt-response-pic{ width:84px; }body.ec .prompt-response-story.is-lead p.prompt-response-body:first-of-type{ font-size:16.5px; }body.ec .prompt-face{ margin-left:-11px; }body.ec .prompt-face-pic{ width:29px; height:29px; }}body.ec .prompt-upvote{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:4px; }body.ec .prompt-upvote-form{ margin:0; }body.ec .prompt-upvote-btn{ display:inline-flex; align-items:center; gap:6px; padding:5px 11px; font-family:var(--ec-mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--ec-faint); background:transparent; border:1px solid var(--ec-line); border-radius:999px; cursor:pointer; transition:color .18s var(--ec-ease), border-color .18s var(--ec-ease); }body.ec .prompt-upvote-btn:hover{ color:var(--ec-ink); border-color:var(--ec-ink); }body.ec .prompt-upvote-btn.is-on{ color:var(--amber); border-color:var(--amber); }body.ec .prompt-upvote-btn svg{ width:12px; height:12px; }body.ec .prompt-upvote-count{ font-family:var(--ec-mono); font-size:11px; color:var(--amber); font-variant-numeric:tabular-nums; }body.ec .prompt-upvote-hint{ font-family:var(--ec-mono); font-size:10px; letter-spacing:.06em; color:var(--ec-faint); text-decoration:underline; text-underline-offset:3px; }body.ec .prompt-upvote-hint:hover{ color:var(--amber); }body.ec .prompt-backers{ display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin-top:2px; }body.ec .prompt-backers-faces{ display:inline-flex; padding-left:5px; }body.ec .prompt-backer{ display:block; line-height:0; margin-left:-5px; }body.ec .prompt-backer-face{ width:22px; height:22px; border-radius:50%; object-fit:cover; border:1px solid var(--ec-line); box-shadow:0 0 0 2px var(--ec-ground); background:var(--ec-panel); filter:grayscale(1) sepia(.35) hue-rotate(-6deg) contrast(1.05) brightness(.95); transition:filter .3s var(--ec-ease); }body.ec .prompt-backer:hover .prompt-backer-face{ filter:grayscale(0) contrast(1.02) brightness(1); }body.ec .prompt-backer-folded{ display:none; }body.ec .prompt-backers-toggle:checked ~ .prompt-backers-faces .prompt-backer-folded{ display:block; }body.ec .prompt-backers-more{ font-family:var(--ec-mono); font-size:10px; letter-spacing:.06em; color:var(--ec-faint); cursor:pointer; border-bottom:1px dotted var(--ec-line); }body.ec .prompt-backers-more:hover{ color:var(--amber); }body.ec .prompt-backers-more-hide{ display:none; }body.ec .prompt-backers-toggle:checked ~ .prompt-backers-more .prompt-backers-more-show{ display:none; }body.ec .prompt-backers-toggle:checked ~ .prompt-backers-more .prompt-backers-more-hide{ display:inline; }body.ec .prompt-answer-show{ max-width:900px; }body.ec .prompt-answer-series{ text-decoration:none; }body.ec .prompt-answer-series:hover{ color:var(--ec-ink); }body.ec .prompt-show .prompt-answer-city{ color:var(--ec-faint); white-space:nowrap; }body.ec .prompt-answer-question a{ color:var(--ec-muted); text-decoration:none; border-bottom:1px solid var(--ec-line); }body.ec .prompt-answer-question a:hover{ color:var(--amber); border-bottom-color:var(--amber); }body.ec .prompt-answer-show .prompt-entry-rule{ display:none; }body.ec .prompt-answer-show .prompt-entry{ padding-top:clamp(18px,2.4vw,26px); }body.ec .prompt-response-permalink{ font-family:var(--ec-mono); font-size:10px; letter-spacing:.06em; text-transform:uppercase; color:var(--ec-faint); text-decoration:none; border-bottom:1px dotted var(--ec-line); }body.ec .prompt-response-permalink:hover{ color:var(--amber); border-bottom-color:var(--amber); }body.ec .prompt-desk-toggle{ position:absolute; opacity:0; pointer-events:none; }body.ec .prompt-desk-open{ position:fixed; right:0; top:50%; transform:translateY(-50%) translateX(0); z-index:60; padding:11px 13px; writing-mode:vertical-rl; font-family:var(--ec-mono); font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--ec-ground); background:var(--amber); border-radius:8px 0 0 8px; cursor:pointer; }body.ec .prompt-desk{ position:fixed; inset:0 0 0 auto; z-index:61; width:min(420px,92vw); background:var(--ec-panel); border-left:1px solid var(--ec-line); transform:translateX(100%); transition:transform .28s var(--ec-ease); overflow-y:auto; overscroll-behavior:contain; }body.ec .prompt-desk-toggle:checked ~ .prompt-desk{ transform:translateX(0); }body.ec .prompt-desk-toggle:checked ~ .prompt-desk-open{ transform:translateY(-50%) translateX(100%); }body.ec .prompt-desk-inner{ padding:clamp(16px,2.4vw,24px); }body.ec .prompt-desk-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; }body.ec .prompt-desk-eyebrow{ margin:0; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--amber); }body.ec .prompt-desk-close{ font-size:22px; line-height:1; color:var(--ec-faint); cursor:pointer; padding:0 4px; }body.ec .prompt-desk-close:hover{ color:var(--ec-ink); }body.ec .prompt-desk-hint{ margin:10px 0 18px; font-size:12.5px; line-height:1.55; color:var(--ec-faint); }body.ec .prompt-desk-label{ display:block; margin-bottom:5px; font-family:var(--ec-mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--ec-faint); }body.ec .prompt-desk-input{ width:100%; padding:9px 11px; font-family:inherit; font-size:14px; line-height:1.5; color:var(--ec-ink); background:var(--ec-ground); border:1px solid var(--ec-line); border-radius:6px; }body.ec .prompt-desk-input:focus{ outline:none; border-color:var(--amber); }body.ec .prompt-desk-area{ resize:vertical; min-height:150px; }body.ec .prompt-desk-find{ margin-bottom:16px; }body.ec .prompt-desk-find-row{ display:flex; gap:8px; }body.ec .prompt-desk-find-btn, body.ec .prompt-desk-submit{ font-family:var(--ec-mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ec-ground); background:var(--amber); border:0; border-radius:6px; padding:9px 14px; cursor:pointer; white-space:nowrap; }body.ec .prompt-desk-submit{ width:100%; margin-top:6px; padding:12px; }body.ec .prompt-desk-empty{ margin:0; padding:14px 0; font-size:13px; color:var(--ec-faint); }body.ec .prompt-desk-matches{ margin:0 0 16px; padding:0; border:0; }body.ec .prompt-desk-match{ display:flex; align-items:flex-start; gap:9px; padding:8px 0; border-top:1px solid var(--ec-line); cursor:pointer; }body.ec .prompt-desk-match-radio{ margin-top:3px; accent-color:var(--amber); }body.ec .prompt-desk-match-body{ display:flex; flex-direction:column; gap:2px; min-width:0; }body.ec .prompt-desk-match-name{ font-size:14px; font-weight:600; color:var(--ec-ink); }body.ec .prompt-desk-match-role{ font-size:11.5px; line-height:1.4; color:var(--ec-faint); }body.ec .prompt-desk-field{ margin-bottom:14px; }body.ec .prompt-desk-note{ margin:5px 0 0; font-size:11.5px; line-height:1.45; color:var(--ec-faint); }body.ec .prompt-desk-file{ width:100%; font-size:12.5px; color:var(--ec-faint); }body.ec .prompt-entry-plate{ position:relative; display:block; line-height:0; }body.ec .prompt-entry-plate form{ margin:0; }body.ec .prompt-plate-remove{ position:absolute; right:8px; bottom:8px; font-family:var(--ec-mono); font-size:9.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--ec-ink); background:rgba(0,0,0,.62); border:1px solid rgba(255,255,255,.28); border-radius:999px; padding:4px 10px; cursor:pointer; line-height:1.4; }body.ec .prompt-plate-remove:hover{ background:rgba(0,0,0,.85); border-color:var(--ec-ink); }body.ec .ledger{ max-width:1040px; margin:0 auto; padding:clamp(20px,3vw,40px) clamp(16px,3vw,28px) 60px; }body.ec .ledger .upvote-box{ display:inline-flex; flex-direction:column; align-items:center; gap:2px; font-family:var(--ec-mono); color:var(--ec-faint); background:transparent; border:none; padding:4px 8px; cursor:pointer; text-decoration:none; min-width:40px; transition:color .16s; }body.ec .ledger .upvote-box:hover{ color:var(--ec-ink); }body.ec .ledger .upvote-box.is-on{ color:var(--amber); }body.ec .ledger .upvote-box svg{ width:18px; height:18px; }body.ec .ledger .upvote-box-count{ font-size:13px; font-weight:600; font-variant-numeric:tabular-nums; }body.ec .su-page .su-search-clear:hover{ color:var(--ec-ink); background:transparent; }body.ec .su-page .wcalc-lead, body.ec .su-page .wcalc-field, body.ec .su-page .wcalc-note, body.ec .su-page .wcalc-hint{ font-family:var(--ec-sans); color:var(--ec-muted); }@media(max-width:640px){body.ec .cs, body.ec .register, body.ec .ledger, body.ec .howiai-dark, body.ec .pf, body.ec .mh-body, body.ec .prog{ max-width:100%; }body.ec .register .feed-item{ padding:18px 0 18px 20px; }}body.ec .partner-brands{ background:transparent; border:0; border-top:1px solid var(--ec-line); border-radius:0; padding:clamp(28px,4vw,40px) 0 0; margin-top:clamp(40px,6vw,64px); }body.ec .co-line{ font-size:17px; line-height:1.55; color:var(--ec-ink); margin:14px 0 0; max-width:60ch; }body.ec .co-rows{ list-style:none; margin:0; padding:0; }body.ec .co-rows li + li{ border-top:1px solid var(--ec-line); }body.ec .co-row{ display:flex; gap:12px; align-items:center; padding:11px 0; color:var(--ec-ink); text-decoration:none; }body.ec .co-row:hover b{ color:var(--amber); }body.ec .poll-votable{ background:transparent; border:1px solid var(--ec-line); border-radius:0; }body.ec .poll-votable-q{ font-family:var(--ec-sans); font-weight:600; color:var(--ec-ink); }body.ec .poll-votable-cta{ font-family:var(--ec-mono); font-size:11px; letter-spacing:.04em; text-transform:uppercase; color:var(--ec-muted); }body.ec .poll-votable-cta:hover{ color:var(--amber); }body.ec .poll-votable-other-input{ background:var(--ec-panel); border:1px solid var(--ec-line); border-radius:0; color:var(--ec-ink); }body.ec .poll-votable-other-input::placeholder{ color:var(--ec-faint); }body.ec .poll-votable-other-btn{ font-family:var(--ec-mono); font-size:11px; text-transform:uppercase; color:var(--ec-ink); background:transparent; border:1px solid var(--ec-line); border-radius:0; }body.ec .poll-votable-other-btn:hover{ background:var(--ec-ink); color:var(--ec-ground); border-color:var(--ec-ink); }body.ec .poll-result-vote:hover{ background:rgba(255,255,255,.03); }body.ec .poll-result-label{ font-family:var(--ec-sans); color:var(--ec-ink); }body.ec .poll-result-count{ font-family:var(--ec-mono); font-size:12px; color:var(--ec-faint); }body.ec .poll-result-track{ background:var(--ec-line); }body.ec .poll-result-fill{ background:var(--ec-faint); }body.ec .poll-result.is-mine .poll-result-fill, body.ec .poll-result-vote.is-mine .poll-result-fill{ background:var(--amber); }body.ec .poll-result-radio{ border-color:var(--ec-muted); }body.ec .poll-result-radio.is-on{ border-color:var(--amber); background:var(--amber); box-shadow:inset 0 0 0 2px var(--ec-ground); }body.ec .poll-result-vote:hover .poll-result-radio{ border-color:var(--amber); }body.ec .poll-result-tick{ color:var(--amber); }body.ec .poll-tally{ font-family:var(--ec-mono); font-size:11px; letter-spacing:.04em; text-transform:uppercase; color:var(--ec-faint); }body.ec .poll-face-avatar{ filter:grayscale(1) sepia(.35) hue-rotate(-6deg); border-color:var(--ec-ground); }body.ec .poll-faces-more{ font-family:var(--ec-mono); color:var(--ec-faint); }body.ec .ec-going-av, body.ec .feed-item-rsvper-face, body.ec .poll-face img, body.ec .poll-face .avatar-letter, body.ec .showcase-compact-by-img{ filter:grayscale(1) sepia(.35) hue-rotate(-6deg); border-color:var(--ec-line); box-shadow:none; }body.ec .avatar-letter{ font-family:var(--ec-sans); font-style:normal; font-weight:600; color:var(--ec-muted); text-transform:none; background:linear-gradient(150deg, #31203f, #251731); box-shadow:inset 0 0 0 1px var(--ec-line); }body.ec .pf-portrait.is-lit img{ filter:grayscale(0) contrast(1.02) brightness(1); }.su-seeall-line{ margin: 18px 0 0; }body.ec .pfilm-frame{ position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #1b0f23; }body.ec .pfilm-video, body.ec .pfilm-loop, body.ec .pfilm-still, body.ec .pfilm-poster, body.ec .pfilm-cover{ position: absolute; inset: 0; display: block; width: 100%; height: 100%; }body.ec .pfilm-video, body.ec .pfilm-loop, body.ec .pfilm-still, body.ec .pfilm-poster{ object-fit: cover; background: #1b0f23; }body.ec .pfilm-still{ display: none; }@media (prefers-reduced-motion: reduce){body.ec .pfilm-loop{ display: none; }body.ec .pfilm-still{ display: block; }}body.ec .pfilm.is-playing .pfilm-loop, body.ec .pfilm.is-playing .pfilm-still, body.ec .pfilm.is-playing .pfilm-poster, body.ec .pfilm.is-playing .pfilm-cover{ display: none; }body.ec .pfilm-cover{ cursor: pointer; }body.ec .pfilm-play{ position: absolute; top: 50%; left: 50%; width: clamp(60px, 7vw, 80px); height: auto; transform: translate(-50%, -50%); filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.4)); transition: transform 0.15s ease; }body.ec .pfilm-play-bg{ fill: #212121; fill-opacity: 0.8; transition: fill 0.15s ease; }body.ec .pfilm-cover:hover .pfilm-play, body.ec .pfilm-cover:focus-visible .pfilm-play{ transform: translate(-50%, -50%) scale(1.06); }body.ec .pfilm-cover:hover .pfilm-play-bg, body.ec .pfilm-cover:focus-visible .pfilm-play-bg{ fill: var(--amber); fill-opacity: 0.9; }body.ec .pfilm-cover:focus-visible{ outline: 2px solid var(--amber); outline-offset: -4px; }body.ec .clip-embed-player{ width: 100%; }body.ec .clip-embed-player iframe{ width: 100%; border: 0; display: block; background: #fff; border-radius: 12px; }body.ec .clip-embed-player{ max-width: 100%; }@media (max-width: 700px){body.ec .mh-shots, body.ec .mh-post-strip{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; overflow: visible; }body.ec .mh-shot, body.ec .mh-post-strip-shot{ width: auto; border-radius: 4px; }body.ec .mh-shot.is-extra, body.ec .mh-post-strip-shot.is-extra{ display: none; }body.ec .mh-shot[data-more], body.ec .mh-post-strip-shot[data-more]{ position: relative; }body.ec .mh-shot[data-more]::after, body.ec .mh-post-strip-shot[data-more]::after{ content: attr(data-more); position: absolute; inset: 0; display: grid; place-items: center; background: rgba(11, 11, 13, 0.58); color: #fff; font-family: var(--ec-sans); font-size: 15px; font-weight: 600; line-height: 1; letter-spacing: 0.01em; }}@supports (animation-timeline: view()){@media (max-width: 700px) and (prefers-reduced-motion: no-preference){body.ec .mh-shot, body.ec .mh-post-strip-shot{ animation: ec-shot-in linear both; animation-timeline: view(); animation-range: entry 0% entry 70%; }body.ec :is(.mh-shot, .mh-post-strip-shot):nth-child(4n+2){ animation-range: entry 10% entry 80%; }body.ec :is(.mh-shot, .mh-post-strip-shot):nth-child(4n+3){ animation-range: entry 20% entry 90%; }body.ec :is(.mh-shot, .mh-post-strip-shot):nth-child(4n+4){ animation-range: entry 30% entry 100%; }}}@keyframes ec-shot-in{ from { opacity: 0; transform: translateY(14px) scale(0.9); } }body.ec.paper{ --ec-ground:#ffffff; --ec-panel:#f7f4f0; --ec-ink:#1d1524; --ec-muted:#4a4351; --ec-faint:#5a5265; --ec-line:#e7e2dc; --bg:#ffffff; --paper:#faf8f4; --paper-2:#f3f0ea; --surface:#faf8f4; --ink:#1d1524; --ink-soft:#3a3340; --ink-mute:#4a4351; --ink-dim:#5a5265; --card-mint:#e2f0ee; --card-mint-rule:#c8dfdc; --ink-fade:#6f6779; --ink-faint:#6f6779; --rule:#e7e2dc; --border:#ddd8d0; --border-soft:#ebe7e1; --amber:#c64a1a; --amber-soft:#f7ece3; --accent:#c64a1a; --accent-soft:#f7ece3; background:#ffffff; color:var(--ec-ink); }body.ec.paper .mh-body::before{ display:none; }body.ec.paper .mh-hub-card{ border-color:#e7e2dc; background:#ffffff; box-shadow:none; }body.ec.paper .mh-hub-card::after{ background:radial-gradient(135% 95% at 100% 0%, rgba(198,74,26,.05) 0%, transparent 56%); }body.ec.paper .mh-hub-card:hover{ border-color:#d3ccc2; background:#fdfcfa; box-shadow:0 12px 30px rgba(29,21,36,.09); }body.ec.paper .avatar-letter{ background:linear-gradient(150deg, #f3f0ea, #e9e4dc); box-shadow:inset 0 0 0 1px var(--ec-line); }body.ec.paper .pf-portrait img{ filter:grayscale(.28) sepia(.1) contrast(1.03); }body.ec.paper .pf-portrait:hover img, body.ec.paper .pf-portrait:focus-within img, body.ec.paper .pf-portrait.is-lit img{ filter:none; }body.ec.paper .ec-going-av{ box-shadow:0 0 0 2px #ffffff; }body.ec.paper .ec-going-av, body.ec.paper .feed-item-rsvper-face, body.ec.paper .poll-face img{ filter:saturate(1.06) contrast(1.02); }body.ec.paper .text-input:focus{ background:#ffffff; }body.ec.paper .founder-verified svg path, body.ec.paper .founder-verified svg path{ fill:#1d9bf0; }body.ec .founder-verified.founder-host svg path{ fill:#3fb07a; }body.ec.paper .founder-verified.founder-host svg path{ fill:#17805a; }body.ec.paper .ec-topbar{ background:rgba(255,255,255,.86); border-bottom-color:var(--ec-line); }body.ec.paper .ec-topbar-logo{ opacity:1; }@media(max-width:720px){body.ec.paper .ec-topbar-nav{ background:#ffffff; box-shadow:0 16px 40px rgba(29,21,36,.16); }}body.ec.paper .ec-topbar.is-over{ position:absolute; top:0; left:0; right:0; background:none; border-bottom:0; backdrop-filter:none; -webkit-backdrop-filter:none; }body.ec.paper .ec-topbar.is-over::before{ content:""; position:absolute; left:0; right:0; top:0; height:150px; z-index:-1; pointer-events:none; background:linear-gradient(180deg, rgba(11,11,13,.5) 0%, rgba(11,11,13,.22) 45%, rgba(11,11,13,0) 100%); }body.ec.paper .ec-topbar.is-over :is(.ec-topbar-link, .ec-topbar-link:visited, .ec-topbar-ghost, .ec-topbar-ghost:visited){ color:rgba(255,255,255,.86); text-shadow:0 1px 12px rgba(0,0,0,.45); }body.ec.paper .ec-topbar.is-over :is(.ec-topbar-link, .ec-topbar-ghost):hover, body.ec.paper .ec-topbar.is-over .ec-topbar-link.is-active{ color:#fff; }body.ec.paper .ec-topbar.is-over .ec-topbar-logo{ height:30px; }body.ec.paper .ec-topbar.is-over .ec-topbar-av{ box-shadow:0 0 0 1.5px rgba(255,255,255,.7); }body.ec.paper .ec-topbar.is-over .ec-burger-bars, body.ec.paper .ec-topbar.is-over .ec-burger-bars::before, body.ec.paper .ec-topbar.is-over .ec-burger-bars::after{ background:#fff; }body.ec.paper .ec-topbar.is-over .ec-nav-cb:checked ~ .ec-topbar-inner .ec-burger-bars{ background:transparent; }@media(max-width:720px){body.ec.paper .ec-topbar.is-over .ec-topbar-logo{ height:26px; }body.ec.paper .ec-topbar.is-over .ec-topbar-nav :is(.ec-topbar-link, .ec-topbar-link:visited){ color:var(--ec-muted); text-shadow:none; }body.ec.paper .ec-topbar.is-over .ec-topbar-nav .ec-topbar-link:hover{ color:var(--ec-ink); }}@media(max-width:720px){body.ec .ec-topbar:not(.is-bare) .ec-topbar-nav{ position:static; flex:0 1 auto; flex-direction:row; align-items:center; gap:18px; margin-left:auto; max-height:none; overflow:visible; opacity:1; pointer-events:auto; padding:0; background:none; box-shadow:none; border:0; transition:none; }body.ec .ec-topbar:not(.is-bare) .ec-topbar-nav .ec-topbar-link{ padding:3px 0; border-bottom:1px solid transparent; font-size:14px; }body.ec .ec-topbar:not(.is-bare) .ec-topbar-nav .ec-topbar-link.is-active{ color:var(--ec-ink); border-bottom-color:var(--amber); }body.ec .ec-topbar:not(.is-bare) .ec-topbar-end .ec-topbar-signin{ padding:8px 14px; font-size:14px; border:1px solid var(--ec-line); }body.ec .ec-topbar:not(.is-bare) .ec-topbar-link.is-more{ display:none; }body.ec .ec-topbar:not(.is-bare) .ec-topbar-end{ margin-left:0; }body.ec.paper .ec-topbar.is-over:not(.is-bare) .ec-topbar-nav :is(.ec-topbar-link, .ec-topbar-link:visited){ color:rgba(255,255,255,.86); text-shadow:0 1px 12px rgba(0,0,0,.45); }body.ec.paper .ec-topbar.is-over:not(.is-bare) .ec-topbar-nav .ec-topbar-link.is-active{ color:#fff; }}body.ec.paper .mh-brand{ background:#ffffff; }body.ec.paper::before{ display:none; }body.ec.paper .next-door-row:hover .next-door-name{ color:#000; }body.ec.paper .su-page .su-q-row:hover{ background:rgba(29,21,36,.02); }body.ec.paper .su-page .su-cat-link:hover{ background:rgba(29,21,36,.02); }body.ec.paper .su-page .su-path-card{ background:rgba(29,21,36,0.025); }body.ec.paper .su-page .su-path-card:hover{ background:rgba(29,21,36,0.05); }body.ec.paper .su-page .su-result:hover{ background:rgba(29,21,36,.02); }body.ec.paper .su-page .su-result.su-result-active{ background:rgba(29,21,36,.03); }body.ec.paper .su-page .su-topic-q:hover{ background:rgba(29,21,36,.02); }body.ec.paper .su-related-link:hover{ background:rgba(29,21,36,.02); }body.ec.paper .poll-result-vote:hover{ background:rgba(29,21,36,.03); }body.ec.paper .ec-hero .ec-cap, body.ec.paper .marq-onphoto, body.ec.paper .ec-announce, body.ec.paper .qz-plate, body.ec.paper .mh-citycard.has-shot, body.ec.paper .cgc-card.has-shot, body.ec.paper .ec-sheet .ec-scell, body.ec.paper .prompt-contents-no, body.ec.paper .ec-cover-otherview-label, body.ec.paper .city-guide-screen .cg-hero, body.ec.paper .dd-tile, body.ec.paper .ec-cover-tools, body.ec.paper .prompt-plate-remove, body.ec.paper .ec-face-hide-btn, body.ec.paper .ec-closing{ --ec-ground:#22132b; --ec-panel:#2c1c38; --ec-ink:#ece9e3; --ec-muted:#c9c4ba; --ec-faint:#a49cad; --ec-line:#3a2748; --bg:#22132b; --paper:#281735; --surface:#2c1a38; --ink:#ece9e3; --ink-soft:#c9c4ba; --ink-mute:#c9c4ba; --ink-dim:#a49cad; --rule:#3a2646; --border:#42304e; --amber:#e0864a; --accent:#e0864a; color:var(--ec-ink); }body.ec:has(.mh-home, .ec-page){ --ec-max:min(1560px, calc(848px + 20vw)); }body.ec :is(.mh-home, .ec-page){ --h-display:clamp(32px,3.4vw,52px); --h-hour:clamp(30px,2.6vw,38px); --h-head:clamp(22px,1.9vw,28px); --h-city:clamp(19px,1.55vw,23px); --h-body:clamp(16px,1.3vw,19px); --h-meta:14px; --h-s1:8px; --h-s2:clamp(12px,1.2vw,18px); --h-s3:clamp(20px,2vw,32px); --h-s4:clamp(40px,4.4vw,64px); --h-s5:clamp(64px,7vw,104px); --h-face:28px; --h-title:var(--h-head); --h-row:var(--h-s2); }body.ec .mh-home .mh-eb{ display:flex; align-items:center; gap:16px; margin:0 0 var(--h-s3); }body.ec .mh-home :is(.mh-eb-label, .mh-eb-link){ font-family:var(--ec-sans); font-weight:500; letter-spacing:0; }body.ec .mh-home .mh-eb-rule{ align-self:center; }body.ec .mh-home .mh-sec{ margin-top:var(--h-s5); }body.ec .mh-home .wk-count{ font-variant-numeric:tabular-nums; }body.ec .mh-home .wk-dek{ margin:var(--h-s2) 0 0; font-size:var(--h-body); line-height:1.6; color:var(--ec-muted); text-wrap:pretty; }@keyframes wk-cut-a{ 45%{ translate:-26px -10px; } }@keyframes wk-cut-b{ 45%{ translate:26px 8px; } }body.ec .mh-home :is(.wk-album-days, .wk-album-going){ display:block; white-space:nowrap; }body.ec .mh-home .wk-narrow{ display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 18px; margin:var(--h-s4) 0 0; font-size:var(--h-meta); }body.ec .mh-home .wk-narrow[hidden]{ display:none; }body.ec .mh-home .wk.is-narrowed :is(.wk-hour, .wk-day-count){ display:none; }body.ec .mh-home.cp-home .mh-body{ padding-top:0; }body.ec .mh-home.cp-city .mh-body{ padding-top:var(--h-s4); }body.ec:has(.mh-home.cp-city){ --ec-max:1520px; }body.ec .mh-home.cp-city .mh-body{ padding-left:clamp(22px,4.2vw,64px); padding-right:clamp(22px,4.2vw,64px); }body.ec .mh-home.cp-home .cp-wk{ margin-top:var(--h-s3); }body.ec .mh-home .cp-when{ margin-top:0; }body.ec .mh-home .cp-when-input{ position:absolute; opacity:0; pointer-events:none; }body.ec .mh-home .cp-when-bar{ display:flex; align-items:center; gap:22px; margin:0 0 var(--h-s3); }body.ec .mh-home .cp-when-tab{ padding:6px 0; border-bottom:1.5px solid transparent; font-size:15px; font-weight:500; line-height:1.2; color:var(--ec-muted); cursor:pointer; transition:color .2s, border-color .2s; }body.ec .mh-home .cp-when-tab:hover{ color:var(--ec-ink); }body.ec .mh-home .cp-when-tab.is-only{ color:var(--ec-ink); cursor:default; }body.ec .mh-home #cp-when-up:checked ~ .cp-when-bar label[for=cp-when-up], body.ec .mh-home #cp-when-past:checked ~ .cp-when-bar label[for=cp-when-past]{ color:var(--ec-ink); border-bottom-color:var(--ec-ink); }body.ec .mh-home .cp-when-input:focus-visible ~ .cp-when-bar .cp-when-tab{ outline:none; }body.ec .mh-home #cp-when-up:focus-visible ~ .cp-when-bar label[for=cp-when-up], body.ec .mh-home #cp-when-past:focus-visible ~ .cp-when-bar label[for=cp-when-past]{ outline:2px solid var(--amber); outline-offset:4px; border-radius:2px; }body.ec .mh-home .cp-when-past{ display:none; }body.ec .mh-home #cp-when-past:checked ~ .cp-when-up{ display:none; }body.ec .mh-home #cp-when-past:checked ~ .cp-when-past{ display:block; }body.ec .mh-home .cp-when-past .mh-shots{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px; overflow:visible; }body.ec .mh-home .cp-when-past .mh-shot{ width:auto; border-radius:6px; }body.ec .mh-home .cp-when-past .mh-shot:nth-child(n+5){ display:none; }body.ec .mh-home .cp-when-past .mh-shot img{ opacity:1; }body.ec .mh-home .cp-when-panel > .wk-day:first-of-type, body.ec .mh-home.ec-more .wk-day:first-of-type{ margin-top:var(--h-s2); }body.ec .mh-home .cp-when-more{ display:inline-block; margin-top:var(--h-s3); font-size:var(--h-meta); color:var(--ec-ink); text-decoration:none; border-bottom:1px solid var(--ec-line); transition:border-color .2s; }body.ec .mh-home .cp-when-more:hover{ border-bottom-color:var(--ec-ink); }body.ec .mh-home .cp-wk-mixer a{ color:var(--amber); text-decoration:none; }body.ec .mh-home .cp-wk-mixer a:hover{ text-decoration:underline; text-underline-offset:3px; }body.ec .mh-home .fr-embed{ margin-top:var(--h-s5); --max:var(--ec-max); --gutter:clamp(18px,5vw,64px); }@media (max-width: 640px){body.ec .mh-home .mh-hub-card, body.ec .mh-home .wk a{ -webkit-tap-highlight-color:transparent; }}@keyframes wk-land{ from{ opacity:0; translate:0 -16px; rotate:calc(var(--r) * 3); scale:1.1; } }@media (prefers-reduced-motion: reduce){body.ec .mh-home *{ transition:none !important; }}body.ec.paper .ec-announce ~ .ec-topbar.is-over{ top:auto; }body.ec.paper .ec-topbar.is-over .ec-topbar-end .ec-topbar-signin{ border-color:rgba(255,255,255,.42); }