.stories-page{--bg: var(--primary);--card: var(--surface);--ink: var(--text-primary);--muted: var(--text-secondary);--line: var(--border);--soft: var(--surface-alt);background: linear-gradient(180deg, var(--bg-warm), var(--bg) 420px);color: var(--ink);font-family: var(--body);padding: 40px 0 72px;min-height: 70vh;}.stories-page [hidden]{display: none !important;}.stories-page button, .stories-page a{-webkit-tap-highlight-color: transparent;}.stories-page button{font: inherit;cursor: pointer;}.stories-page :focus-visible{outline: 3px solid var(--accent-text);outline-offset: 3px;}.stories-wrap{width: min(var(--page-max-width), calc(100% - 40px));margin-inline: auto;}.stories-heading{padding: 0 0 48px;}.stories-eyebrow{display: block;margin-bottom: 12px;color: var(--accent-text);font-size: 12px;font-weight: 600;letter-spacing: .14em;text-transform: uppercase;}.stories-page h1{font: 800 clamp(36px,5.3vw,69px)/1.12 var(--display);letter-spacing: -.04em;text-wrap: balance;overflow-wrap: anywhere;margin: 0;}.stories-heading h1 > span{color: var(--accent-text);}.stories-heading p{margin-top: 21px;color: var(--muted);font-size: 16px;line-height: 1.8;}.stories-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 30px;align-items: start;}.story-card{min-width: 0;background: transparent;}.story-card-content{position: relative;z-index: 2;isolation: isolate;align-self: end;padding: 72px 20px 22px;color: var(--primary);pointer-events: none;}.story-card-content::before, .story-card-content::after{content: '';position: absolute;inset: 0;z-index: -1;pointer-events: none;}.story-card-content::before{background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--ink) 72%, transparent) 40%, color-mix(in srgb, var(--ink) 94%, transparent));}.story-card-content::after{background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--accent-text) 35%, var(--ink)) 70%);opacity: 0;transition: opacity .35s ease;}.story-card-content a{pointer-events: auto;}.story-card:focus-within .story-card-content::after{opacity: .55;}.story-card:focus-within .story-cover::after{opacity: 1;}.stories-ready .story-card{animation: story-enter .55s both;animation-delay: calc(var(--i) * 55ms);}.story-cover{position: relative;display: grid;align-items: end;aspect-ratio: 1;min-height: min-content;overflow: hidden;border-radius: 12px;background: var(--soft);}.story-cover::after{content: '';position: absolute;inset: 0;z-index: 1;border-radius: inherit;background: color-mix(in srgb, var(--accent) 14%, transparent);box-shadow: inset 0 0 0 1px var(--accent);opacity: 0;pointer-events: none;transition: opacity .35s ease;}.story-cover-link{position: absolute;inset: 0;display: block;isolation: isolate;}.story-art{position: absolute;inset: 0;overflow: hidden;background: radial-gradient(ellipse at 14% 16%, hsl(var(--hue) 64% 85%) 0, transparent 60%), radial-gradient(ellipse at 86% 22%, hsl(calc(var(--hue) + 28) 58% 62%) 0, transparent 58%), radial-gradient(ellipse at 28% 95%, hsl(calc(var(--hue) - 24) 55% 49%) 0, transparent 68%), hsl(var(--hue) 52% 73%);}.story-art > span{position: absolute;bottom: 9%;right: 10%;font-size: clamp(70px,9vw,130px);line-height: 1.25;filter: drop-shadow(0 8px 18px rgba(0,0,0,.12));transform: rotate(-12deg);}.story-image{width: 100%;height: 100%;object-fit: contain;object-position: center;display: block;position: relative;}.story-image{background: var(--soft);}.story-cover:has(.story-image:not([hidden])) .story-art{visibility: hidden;}.stories-page .story-meta{display: flex;align-items: center;flex-wrap: wrap;gap: 5px;margin: 16px 0 10px;color: var(--muted);font-size: 13px;line-height: 1.7;}.story-avatar{display: inline-grid;place-items: center;flex-shrink: 0;width: 24px;height: 24px;border-radius: 50%;color: var(--ink);background: var(--soft);font-size: 10px;font-weight: 600;margin-right: 3px;}.story-author{min-width: 0;overflow-wrap: anywhere;}.story-meta time, .story-meta > :last-child{white-space: nowrap;}.stories-page .story-card h2{font: 800 clamp(19px,1.7vw,22px)/1.4 var(--display);letter-spacing: -.02em;margin: 0;text-wrap: balance;overflow-wrap: anywhere;color: var(--primary);}.story-card h2 a{display: inline-block;min-height: 40px;text-decoration: none;text-underline-offset: 5px;text-decoration-thickness: 2px;text-decoration-color: var(--accent);padding-block: 3px;}.story-card h2 a:hover, .story-card h2 a:focus-visible{text-decoration-line: underline;}.stories-empty{text-align: center;padding: 70px 20px;}.stories-empty > span{display: block;font-size: 38px;margin-bottom: 18px;}.stories-page .stories-empty h2{font: 800 26px/1.4 var(--display);color: var(--ink);letter-spacing: -.02em;}.stories-empty p{margin: 12px auto 24px;max-width: 46ch;color: var(--muted);}.stories-more{text-align: center;padding-top: 44px;}.stories-page .stories-button{display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: 44px;padding: 11px 19px;border: 1px solid var(--ink);border-radius: 10px;background: var(--ink);color: var(--card);font: 600 1rem/1.25 var(--body);text-decoration: none;}.stories-page .stories-button:hover{background: var(--footer-text);border-color: var(--footer-text);}.stories-page .stories-button-outline{background: var(--card);border-color: var(--line);color: var(--ink);}.stories-page .stories-button-outline:hover{background: var(--soft);border-color: var(--muted);}.stories-page [aria-disabled="true"]{opacity: .6;cursor: wait;}.stories-fetch-status{padding: 12px 0;color: var(--muted);font-size: 14px;}@media (hover: hover) and (pointer: fine){.story-card:hover .story-card-content::after{opacity: .55;}.story-card:hover .story-cover::after{opacity: 1;}}@media (max-width: 899px){.stories-grid{grid-template-columns: repeat(2,minmax(0,1fr));}}@media (max-width: 699px){.stories-page{padding: 28px 0 64px;}.stories-wrap{width: auto;margin-left: max(20px,env(safe-area-inset-left));margin-right: max(20px,env(safe-area-inset-right));}.stories-heading{padding: 0 0 32px;}.stories-heading p{font-size: 15px;margin-top: 15px;}.stories-grid{grid-template-columns: minmax(0,1fr);row-gap: 36px;}.story-art > span{font-size: 100px;}}.stories-listing{background: var(--bg);padding-top: 52px;}.stories-listing .stories-heading p{max-width: 58ch;margin-top: 18px;}.stories-listing .story-card .story-meta{margin: 0 0 7px;gap: 5px 7px;font-size: 12px;color: var(--primary);}.stories-listing .story-card .story-author{font-weight: 500;}.stories-listing .story-card .story-avatar{width: 22px;height: 22px;margin-right: 1px;background: var(--accent-light);color: var(--accent-text);}@media (max-width: 899px){.stories-grid{gap: 38px 24px;}}@media (max-width: 699px){.stories-listing{padding-top: 32px;}.stories-listing .stories-heading{padding-bottom: 32px;}.story-card-content{padding: 64px 18px 20px;}.stories-page .story-card h2{font-size: 22px;}}@keyframes story-enter{from{opacity: 0;transform: translateY(22px);}to{opacity: 1;transform: translateY(0);}}@media (prefers-reduced-motion: reduce){.stories-page *, .stories-page *::before, .stories-page *::after{animation: none !important;transition: none !important;scroll-behavior: auto !important;}.story-cover-link{cursor: pointer;}}.story-cover-actions{position: absolute;top: 12px;right: 12px;z-index: 3;display: flex;align-items: center;gap: 8px;}.stories-page .story-like{display: inline-flex;align-items: center;justify-content: center;gap: 6px;min-width: 44px;min-height: 44px;padding: 9px 12px;border: 1px solid var(--line);border-radius: 999px;background: var(--card);color: var(--ink);font: 600 13px/1.4 var(--body);cursor: pointer;}.story-like svg{width: 19px;height: 19px;flex-shrink: 0;}.story-cover-actions .story-like{background: color-mix(in srgb,var(--ink) 72%,transparent);border-color: color-mix(in srgb,var(--primary) 50%,transparent);color: var(--primary);backdrop-filter: blur(12px);}.stories-page .story-like[aria-pressed="true"]{background: var(--accent-light);border-color: var(--accent);color: var(--accent-text);}.story-like[aria-pressed="true"] svg{fill: currentColor;}.story-like:disabled{opacity: .6;cursor: not-allowed;}.story-like[aria-busy="true"]{cursor: wait;}.story-likes-feedback{position: fixed;z-index: 30;bottom: calc(76px + env(safe-area-inset-bottom));left: 50%;transform: translateX(-50%);width: max-content;max-width: calc(100% - 40px);padding: 12px 18px;border: 1px solid var(--line);border-radius: 12px;background: var(--card);color: var(--ink);box-shadow: 0 8px 24px color-mix(in srgb,var(--ink) 10%,transparent);font-size: 14px;}.story-likes-feedback a{display: inline-flex;align-items: center;min-height: 44px;color: var(--accent-text);text-decoration: underline;text-underline-offset: 3px;font-weight: 600;}