body.viewer-text,body.viewer-picture,body.viewer-match{font-family:Patrick Hand,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#fefefe;--story-card-max-width: 960px;--story-card-padding: 32px;--story-card-radius: 28px;--story-card-gap-lg: 24px;--story-card-gap-md: 18px;--story-card-gap-sm: 14px;--story-card-min-height: 520px;--story-card-max-height: 720px;--story-heading-size: 32px;--story-helper-size: 18px;--story-summary-min-height: 48px;--story-preview-min-height: 40px;--story-slider-track-height: 8px;--story-slider-thumb-size: 26px;--story-slider-thumb-border: 3px;--story-slider-thumb-shadow: 0 4px 10px rgba(79, 70, 229, .35)}.viewer-menu[data-story-menu-hidden]{display:none}.viewer-main[data-story-no-scroll]{overflow:hidden}.story-setup[hidden],.story-viewer[hidden],.story-setup--hidden,.story-viewer--hidden{display:none!important}.story-setup{width:min(92vw,var(--story-card-max-width));margin:auto;background:#fffffff5;border-radius:var(--story-card-radius);border:1px solid rgba(148,163,184,.25);box-shadow:0 30px 60px #94a3b838;padding:var(--story-card-padding);display:flex;flex-direction:column;gap:var(--story-card-gap-lg);color:#0f172a;min-height:auto;max-height:none;overflow:visible;position:relative}@supports (scrollbar-gutter: stable both-edges){.story-setup{scrollbar-gutter:stable both-edges}}.story-setup__heading{margin:0;font-size:var(--story-heading-size);font-weight:700;letter-spacing:.02em}.story-setup__helper{margin:0;font-size:var(--story-helper-size);color:#475569}.story-setup__form{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--story-card-gap-lg);align-items:start;min-height:0;flex:1}.story-setup__group{border:none;margin:0;margin-bottom:var(--story-card-gap-lg);padding:0;min-height:clamp(140px,22vw,240px);align-self:start;grid-column:1 / -1}.story-setup__range-wrapper{display:flex;flex-direction:column;gap:var(--story-card-gap-md);margin-bottom:calc(var(--story-card-gap-lg) * 1.5)}.story-setup__legend{font-size:clamp(18px,2vw,22px);font-weight:700;color:#1e293b}.story-setup__range{display:flex;flex-direction:column;gap:var(--story-card-gap-md);min-height:0;position:relative;margin-bottom:0}.story-setup__range-summary{display:flex;align-items:flex-start;gap:var(--story-card-gap-sm);min-height:var(--story-summary-min-height);flex-wrap:wrap;order:1;z-index:auto}.story-setup__range-count{font-weight:700;font-size:clamp(16px,1.6vw,18px);color:#1e293b;flex:1 1 220px;min-width:220px}.story-setup__quick-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(148,163,184,.35);background:#f8fafcd9;color:#1e293b;border-radius:999px;padding:6px 16px;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease;flex:0 0 auto}.story-setup__quick-action:hover,.story-setup__quick-action:focus-visible{border-color:#3b82f673;background:#dbeafee6;transform:translateY(-1px);outline:none}.story-setup__range-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--story-card-gap-md);min-height:0;order:2;position:relative;z-index:1}.story-setup__range-field{display:grid;gap:8px;padding:12px 16px;background:#f1f5f9d9;border-radius:18px;border:1px solid rgba(148,163,184,.25)}.story-setup__range-label{font-size:14px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.08em}.story-setup__range-slider{width:100%;height:var(--story-slider-track-height);accent-color:#4f46e5;cursor:pointer;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;touch-action:pan-x}.story-setup__range-slider:focus-visible{outline:3px solid rgba(79,70,229,.35);outline-offset:4px}.story-setup__range-slider::-webkit-slider-runnable-track{height:var(--story-slider-track-height);background:#4f46e540;border-radius:999px}.story-setup__range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--story-slider-thumb-size);height:var(--story-slider-thumb-size);border-radius:50%;background:#4f46e5;border:var(--story-slider-thumb-border) solid #fff;box-shadow:var(--story-slider-thumb-shadow);margin-top:calc((var(--story-slider-track-height) - var(--story-slider-thumb-size)) / 2)}.story-setup__range-slider::-moz-range-track{height:var(--story-slider-track-height);background:#4f46e540;border-radius:999px}.story-setup__range-slider::-moz-range-thumb{width:var(--story-slider-thumb-size);height:var(--story-slider-thumb-size);border-radius:50%;background:#4f46e5;border:var(--story-slider-thumb-border) solid #fff;box-shadow:var(--story-slider-thumb-shadow)}.story-setup__range-value{font-weight:700;color:#1f2937;font-size:18px;letter-spacing:.02em;justify-self:end;width:100%;max-width:88px;padding:6px 10px;border-radius:12px;border:1px solid transparent;background:#ffffffe6;text-align:center;box-shadow:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;transition:border-color .2s ease,box-shadow .2s ease}.story-setup__range-value:focus-visible{outline:none;border-color:#4f46e599;box-shadow:0 0 0 3px #4f46e533;background:#fff}.story-setup__range-value::-webkit-outer-spin-button,.story-setup__range-value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.story-setup__options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--story-card-gap-sm);margin-top:var(--story-card-gap-md);align-self:start}.story-setup__option{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#1f2937;touch-action:manipulation;cursor:pointer}.story-setup__option input[type=radio],.story-setup__option input[type=checkbox]{width:22px;height:22px;min-width:22px;min-height:22px;cursor:pointer;accent-color:#4f46e5}.story-setup__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--story-card-gap-sm);margin-top:auto;flex-wrap:wrap}.story-setup__back{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(148,163,184,.4);border-radius:16px;padding:10px 20px;font-size:16px;font-weight:600;background:#fff;color:#1f2937;text-decoration:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.story-setup__back:hover,.story-setup__back:focus-visible{background:#e2e8f0cc;border-color:#4f46e559;transform:translateY(-1px);outline:none}.story-setup__start{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:16px;padding:12px 24px;font-size:18px;font-weight:700;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;box-shadow:0 20px 35px #4f46e559;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.story-setup__start[disabled]{cursor:not-allowed;opacity:.5;box-shadow:none}.story-setup__start:not([disabled]):hover,.story-setup__start:not([disabled]):focus-visible{transform:translateY(-2px);box-shadow:0 24px 40px #4f46e573;filter:brightness(1.05);outline:none}.story-setup__start:not([disabled]):active{transform:translateY(0);box-shadow:0 12px 24px #4f46e552}.story-viewer{position:relative;flex:1;display:flex;flex-direction:column;--story-font-scale: 1;--story-text-align: center;height:100%;max-height:100%;width:100%;touch-action:pan-x;overflow:hidden}.story-viewer__container{flex:1;width:100%;height:100%;display:flex;align-items:stretch;justify-content:center;position:relative}.story-viewer[hidden]{display:none!important}.story-screen{display:none;flex:1;width:100%;height:100%;justify-content:center;align-items:center;flex-direction:column;--story-screen-padding: 40px;--story-font-base: 48pt;padding:var(--story-screen-padding);box-sizing:border-box;overflow:hidden;text-align:var(--story-text-align, center);font-size:calc(var(--story-font-base) * var(--story-font-scale, 1));line-height:1.2;position:relative;color:#0f172a}.story-screen.is-active{display:flex}.story-text,.story-content{width:100%;margin:0;text-align:inherit}.story-viewer[data-align=left]{--story-text-align: left}.story-viewer[data-align=left] .story-text,.story-viewer[data-align=left] .story-content{margin-left:0;margin-right:auto}.story-attachments{margin-top:24px;width:100%;display:flex;flex-direction:column;gap:18px;font-size:clamp(20px,3vw,28px)}.story-attachment{border:1px solid rgba(15,23,42,.15);border-radius:20px;padding:18px;background:#ffffffe6;box-shadow:0 14px 32px #0f172a14;display:flex;flex-direction:column;gap:12px}.story-attachment__type{text-transform:uppercase;font-size:clamp(14px,1.6vw,16px);letter-spacing:.1em;font-weight:700;color:#6366f1}.story-attachment__body{color:#0f172a;line-height:1.4;word-break:break-word}.story-attachment__body pre{font-size:clamp(14px,1.8vw,18px);background:#6366f114;border-radius:12px;padding:10px 14px;margin:0;overflow-x:auto}.story-attachment__image{width:100%;max-height:360px;object-fit:contain;border-radius:18px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:inset 0 0 0 1px #ffffff80}.story-attachment__related{font-size:inherit;color:inherit}.story-number{position:fixed;bottom:25px;right:30px;font-size:12pt;color:#aaa;z-index:200}.story-controls{position:fixed;bottom:10px;left:50%;transform:translate(-50%);font-size:10pt;color:#aaa;white-space:nowrap}.story-empty{margin:auto;text-align:center;color:#475569;font-size:20px}@media (max-width: 1024px){body.viewer-text,body.viewer-picture,body.viewer-match{--story-card-padding: 24px;--story-card-gap-lg: 20px;--story-card-gap-md: 16px;--story-card-gap-sm: 12px;--story-card-min-height: 500px;--story-card-max-height: 640px;--story-heading-size: 28px;--story-helper-size: 17px;--story-summary-min-height: 44px;--story-preview-min-height: 36px;--story-slider-thumb-size: 28px;--story-slider-thumb-border: 3px}.story-screen{--story-screen-padding: clamp(24px, 6vw, 60px);--story-font-base: clamp(28px, 6vw, 52px);padding-left:max(var(--story-screen-padding),calc(env(safe-area-inset-left,0) + 24px));padding-right:max(var(--story-screen-padding),calc(env(safe-area-inset-right,0) + 24px));padding-top:max(var(--story-screen-padding),calc(env(safe-area-inset-top,0) + 24px));padding-bottom:max(var(--story-screen-padding),calc(env(safe-area-inset-bottom,0) + 24px));max-width:min(100%,1100px);margin:0 auto}.story-text,.story-content{max-width:min(900px,calc(100vw - 64px));margin:0 auto}.story-number{bottom:max(24px,calc(env(safe-area-inset-bottom,0) + 18px));right:max(32px,calc(env(safe-area-inset-right,0) + 18px));font-size:16px;color:#94a3b8}.story-controls{bottom:max(12px,calc(env(safe-area-inset-bottom,0) + 12px));font-size:14px;color:#cbd5f5}}@media (max-width: 820px){.story-setup{width:100%;max-height:calc(100vh - 16px);border-radius:0;box-shadow:none;overflow-y:auto;-webkit-overflow-scrolling:touch}}@media (max-height: 900px){body.viewer-text,body.viewer-picture,body.viewer-match{--story-card-padding: 24px;--story-card-gap-lg: 18px;--story-card-gap-md: 14px;--story-card-gap-sm: 10px;--story-heading-size: 28px;--story-helper-size: 16px}.story-setup__title{font-size:clamp(22px,2.4vw,30px)}.story-setup__subtitle{font-size:15px}.story-setup{max-height:calc(100dvh - 48px);overflow-y:auto;-webkit-overflow-scrolling:touch}}@media (max-height: 720px){body.viewer-text,body.viewer-picture,body.viewer-match{--story-card-padding: 20px;--story-card-gap-lg: 16px;--story-card-gap-md: 12px;--story-card-gap-sm: 10px;--story-card-radius: 20px}.story-setup{max-height:calc(100vh - 24px)}.story-setup__settings-grid{grid-template-columns:1fr}}@media (max-width: 640px){body.viewer-text,body.viewer-picture,body.viewer-match{--story-card-max-width: 520px;--story-card-padding: 18px;--story-card-gap-lg: 14px;--story-card-gap-md: 10px;--story-card-gap-sm: 10px;--story-card-min-height: auto;--story-card-max-height: calc(100dvh - 32px) ;--story-heading-size: 24px;--story-helper-size: 16px;--story-summary-min-height: auto;--story-preview-min-height: auto;--story-slider-track-height: 10px;--story-slider-thumb-size: 32px;--story-slider-thumb-border: 4px;--story-slider-thumb-shadow: 0 6px 14px rgba(79, 70, 229, .35)}.story-setup{width:100%;border-radius:0;box-shadow:none;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.story-setup__form{gap:var(--story-card-gap-md);flex:none;grid-template-columns:1fr}.story-setup__group,.story-setup__range,.story-setup__range-inputs{min-height:auto}.story-setup__range-summary{flex-direction:row;align-items:center;min-height:auto;flex-wrap:wrap;gap:6px}.story-setup__range-count{min-width:0;flex:1 1 auto;white-space:normal}.story-setup__range-inputs{grid-template-columns:1fr}.story-setup__options{gap:var(--story-card-gap-md);align-items:stretch}.story-setup__settings-grid{grid-template-columns:1fr}.story-setup__intro{text-align:center}.story-setup__option{width:100%;justify-content:space-between;padding:10px 12px;border:1px solid rgba(148,163,184,.25);border-radius:14px;background:#ffffffe6;gap:14px}.story-setup__option input[type=radio],.story-setup__option input[type=checkbox]{width:26px;height:26px}.story-setup__actions{flex-direction:column;align-items:stretch;justify-content:stretch;margin-top:var(--story-card-gap-md);gap:var(--story-card-gap-md)}.story-setup__back,.story-setup__start{width:100%;justify-content:center}.story-screen{--story-screen-padding: clamp(16px, 12vw, 32px);--story-font-base: clamp(24px, 8vw, 40px);overflow:hidden;padding-left:max(var(--story-screen-padding),calc(env(safe-area-inset-left,0) + 12px));padding-right:max(var(--story-screen-padding),calc(env(safe-area-inset-right,0) + 12px));padding-top:max(var(--story-screen-padding),calc(env(safe-area-inset-top,0) + 24px));padding-bottom:max(var(--story-screen-padding),calc(env(safe-area-inset-bottom,0) + 24px))}.story-number{bottom:18px;right:24px}.story-controls{font-size:12px;bottom:10px}}.story-setup__intro{display:flex;flex-direction:column;gap:4px}.story-setup__title{margin:0;font-size:clamp(26px,3vw,36px);font-weight:700;color:#0f172a}.story-setup__subtitle{margin:0;font-size:16px;color:#475569;font-weight:500}.story-setup__settings{border:1px solid rgba(148,163,184,.35);border-radius:22px;padding:18px;background:#f9fafbf2;display:flex;flex-direction:column;gap:var(--story-card-gap-md)}.story-setup__intro,.story-setup__settings,.story-setup__actions,.match-setup__hint{grid-column:1 / -1}.story-setup__settings-header{display:flex;flex-direction:column;gap:4px}.story-setup__settings-title{margin:0;font-size:18px;font-weight:700;color:#1e293b}.story-setup__settings-helper{margin:0;font-size:14px;color:#64748b}.story-setup__settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--story-card-gap-md)}.story-setup__settings-group{border:1px solid rgba(148,163,184,.3);border-radius:18px;padding:16px;background:#fff;display:grid;gap:12px}.story-setup__settings-group>legend{margin:0 0 8px;padding:0}.story-setup__settings-group--toggles{align-content:start;grid-template-columns:1fr}
