.modal-backdrop{position:fixed;inset:0;z-index:100;background:#1e18208c;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:var(--sp-8)}.modal-backdrop.is-closed{display:none}.modal-backdrop .modal{position:relative;width:100%;max-width:760px;max-height:90vh;background:var(--paper);border:1px solid var(--border-soft);border-radius:8px;box-shadow:0 20px 64px #1e182061;display:flex;flex-direction:column;overflow:hidden}.modal-backdrop .modal.modal-wide{max-width:980px}.modal-backdrop .modal-close{position:absolute;top:.7rem;right:.8rem;z-index:3;width:34px;height:34px;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:var(--paper);color:var(--ink-soft);cursor:pointer;line-height:var(--lh-flat);font-size:17px;display:flex;align-items:center;justify-content:center;transition:color .12s ease,border-color .12s ease}.modal-backdrop .modal-close:hover{color:var(--cherry);border-color:var(--cherry)}.modal-backdrop .modal-scroll{overflow-y:auto;padding:1.65rem 1.75rem 1.75rem}.modal-backdrop .modal-scroll::-webkit-scrollbar{width:8px}.modal-backdrop .modal-scroll::-webkit-scrollbar-thumb{background:var(--border-soft);border-radius:var(--radius-pill)}.modal-backdrop .sep{color:var(--ink-faint);padding:0 .12rem}.modal-backdrop .cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--sp-3) var(--sp-7);background:var(--cherry);color:#fff;font-family:var(--font-mono);font-size:var(--fs-mono-label);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;border:1px solid var(--cherry);border-radius:var(--radius-button);min-height:44px;cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease}.modal-backdrop .cta-btn:hover{background:var(--cherry-hover);border-color:var(--cherry-hover)}.modal-backdrop .mm-play{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:var(--radius-pill);border:0;background:var(--cherry);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 14px #1e182047;pointer-events:none;transition:transform .13s ease,background .13s ease}.modal-backdrop .mm-play svg{width:22px;height:22px;margin-left:3px}.modal-backdrop .mh-category{display:inline-block;font-family:var(--font-mono);font-size:var(--fs-mono-label);letter-spacing:.28em;text-transform:uppercase;color:var(--coral);text-decoration:none;margin-bottom:var(--sp-3)}.modal-backdrop .mh-category:hover{color:var(--cherry)}.modal-backdrop .mh-title{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:26px;line-height:var(--lh-tight);color:var(--ink);margin:0 0 var(--sp-3);padding-right:2.5rem}.modal-backdrop .mh-meta{font-family:var(--font-mono);font-size:var(--fs-mono-cap);letter-spacing:.04em;color:var(--ink-faint);margin-bottom:var(--sp-7)}.modal-backdrop .mh-meta .views{color:var(--ink-soft)}.modal-backdrop .modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8);align-items:start}.modal-backdrop .mm-thumb{position:relative;aspect-ratio:16 / 9;background:var(--photo-bg);border:1px solid var(--border-soft);border-radius:var(--radius-section);overflow:hidden;cursor:pointer;display:block}.modal-backdrop .mm-thumb img{width:100%;height:100%;object-fit:cover;display:block}.modal-backdrop .mm-thumb iframe{width:100%;height:100%;border:0;display:block}.modal-backdrop .mm-thumb:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,#1e182033,#1e182000 46%)}.modal-backdrop .mm-thumb:hover .mm-play{transform:scale(1.06);background:var(--cherry-hover)}.modal-backdrop .mm-thumb.is-playing{cursor:default}.modal-backdrop .mm-thumb.is-playing:after,.modal-backdrop .mm-thumb.is-playing .mm-play{display:none}.modal-backdrop .modal-cta{margin-top:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.modal-backdrop .cta-secondary{display:flex;gap:var(--sp-6);align-items:center;font-family:var(--font-mono);font-size:var(--fs-mono-label);letter-spacing:.04em;color:var(--ink-faint);padding-left:.1rem}.modal-backdrop .cta-secondary a{color:var(--ink-soft);text-decoration:none}.modal-backdrop .cta-secondary a:hover{color:var(--cherry)}.modal-backdrop .ma-lead{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-relaxed);color:var(--ink-soft);margin:0 0 var(--sp-7)}.modal-backdrop .mln-group{margin-bottom:var(--sp-6)}.modal-backdrop .mln-group:last-child{margin-bottom:0}.modal-backdrop .mln-sub{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:var(--fs-display-6);color:var(--ink);margin:0 0 var(--sp-1)}.modal-backdrop .mln-list{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-relaxed);color:var(--ink-soft);margin:0}.modal-backdrop .modal-moments{margin-top:var(--sp-8);padding-top:var(--sp-8);border-top:1px dashed var(--border-soft)}.modal-backdrop .mm-label{font-family:var(--font-mono);font-size:var(--fs-mono-label);letter-spacing:.28em;text-transform:uppercase;color:var(--coral);margin-bottom:var(--sp-5)}.modal-backdrop .moments-strip{display:flex;align-items:flex-start;gap:var(--sp-5);overflow-x:auto;padding-bottom:var(--sp-3);scroll-snap-type:x mandatory}.modal-backdrop .moments-strip::-webkit-scrollbar{height:7px}.modal-backdrop .moments-strip::-webkit-scrollbar-thumb{background:var(--border-soft);border-radius:var(--radius-pill)}.modal-backdrop .moment{flex:0 0 168px;scroll-snap-align:start;text-align:left;background:transparent;border:0;padding:0;cursor:pointer;font:inherit;color:inherit}.modal-backdrop .moment-thumb{position:relative;aspect-ratio:16 / 9;background:var(--photo-bg);border:1px solid var(--border-soft);border-radius:5px;overflow:hidden;margin-bottom:var(--sp-3)}.modal-backdrop .moment-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.modal-backdrop .moment:hover .moment-thumb img{transform:scale(1.04)}.modal-backdrop .moment-time{position:absolute;bottom:4px;right:4px;background:#1e1820d1;color:#fff;font-family:var(--font-mono);font-size:var(--fs-mono-micro);padding:1px 5px;border-radius:3px}.modal-backdrop .moment-type{font-family:var(--font-mono);font-size:var(--fs-mono-micro);letter-spacing:.16em;text-transform:uppercase;color:var(--coral);margin-bottom:.15rem}.modal-backdrop .moment-title{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:var(--fs-display-7);line-height:var(--lh-snug);color:var(--ink)}.modal-backdrop .moment:hover .moment-title{color:var(--cherry-hover)}.modal-backdrop .mp-kicker{font-family:var(--font-mono);font-size:var(--fs-mono-label);letter-spacing:.04em;color:var(--ink-faint);margin-bottom:var(--sp-2)}.modal-backdrop .mp-kicker .mp-type{color:var(--coral);letter-spacing:.16em;text-transform:uppercase}.modal-backdrop .mp-title{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:23px;line-height:var(--lh-snug);color:var(--ink);margin:0 0 var(--sp-5);padding-right:2.4rem}.modal-backdrop .mp-player{position:relative;aspect-ratio:16 / 9;background:var(--photo-bg);border:1px solid var(--border-soft);border-radius:var(--radius-section);overflow:hidden;cursor:pointer}.modal-backdrop .mp-player img{width:100%;height:100%;object-fit:cover;display:block}.modal-backdrop .mp-player iframe{width:100%;height:100%;border:0;display:block}.modal-backdrop .mp-player:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,#1e182033,#1e182000 46%)}.modal-backdrop .mp-player:hover .mm-play{transform:scale(1.06);background:var(--cherry-hover)}.modal-backdrop .mp-player.is-playing{cursor:default}.modal-backdrop .mp-player.is-playing:after,.modal-backdrop .mp-player.is-playing .mm-play,.modal-backdrop .mp-player.is-playing .mp-badge{display:none}.modal-backdrop .mp-badge{position:absolute;bottom:7px;right:7px;background:#1e1820d1;color:#fff;font-family:var(--font-mono);font-size:var(--fs-mono-meta);padding:2px 7px;border-radius:4px}.modal-backdrop .mp-desc{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-relaxed);color:var(--ink-soft);margin:var(--sp-6) 0 0}.modal-backdrop .mp-source{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-6);margin-top:var(--sp-7);padding:var(--sp-6) 0;border-top:1px dashed var(--border-soft);border-bottom:1px dashed var(--border-soft)}.modal-backdrop .mp-from{font-family:var(--font-mono);font-size:var(--fs-mono-cap);color:var(--ink-faint);line-height:var(--lh-body)}.modal-backdrop .mp-from .mp-from-vid{color:var(--ink-soft);text-decoration:none}.modal-backdrop .mp-from .mp-from-vid:hover{color:var(--cherry)}.modal-backdrop .cta-btn.small{padding:var(--sp-3) var(--sp-6);font-size:var(--fs-mono-meta);min-height:44px}.modal-backdrop .mp-siblings{margin-top:var(--sp-7)}.modal-backdrop .mp-sib-label{font-family:var(--font-mono);font-size:var(--fs-mono-label);letter-spacing:.28em;text-transform:uppercase;color:var(--coral);margin-bottom:var(--sp-5)}.modal-backdrop .sib-strip{display:flex;align-items:flex-start;gap:var(--sp-4);overflow-x:auto;padding-bottom:var(--sp-3);scroll-snap-type:x mandatory}.modal-backdrop .sib-strip::-webkit-scrollbar{height:7px}.modal-backdrop .sib-strip::-webkit-scrollbar-thumb{background:var(--border-soft);border-radius:var(--radius-pill)}.modal-backdrop .sib{flex:0 0 150px;scroll-snap-align:start;text-align:left;background:transparent;border:0;padding:0;cursor:pointer;font:inherit;color:inherit}.modal-backdrop .sib-thumb{position:relative;aspect-ratio:16 / 9;background:var(--photo-bg);border:1px solid var(--border-soft);border-radius:5px;overflow:hidden;margin-bottom:var(--sp-2);transition:border-color .12s ease}.modal-backdrop .sib-thumb img{width:100%;height:100%;object-fit:cover;display:block}.modal-backdrop .sib.is-active .sib-thumb{border-color:var(--cherry);border-width:2px}.modal-backdrop .sib:hover .sib-thumb{border-color:var(--ink)}.modal-backdrop .sib-time{position:absolute;bottom:4px;right:4px;background:#1e1820d1;color:#fff;font-family:var(--font-mono);font-size:var(--fs-mono-micro);padding:1px 4px;border-radius:3px}.modal-backdrop .sib-type{font-family:var(--font-mono);font-size:var(--fs-mono-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--coral);margin-bottom:.15rem}.modal-backdrop .sib-title{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:12px;line-height:var(--lh-snug);color:var(--ink)}.modal-backdrop .sib.is-active .sib-title{color:var(--cherry-hover)}@media(max-width:960px){.modal-backdrop .mh-title{font-size:23px}.modal-backdrop .modal-grid{gap:var(--sp-7)}}@media(max-width:600px){.modal-backdrop{padding:0}.modal-backdrop .modal{max-width:100%;max-height:100%;height:100%;border:0;border-radius:0}.modal-backdrop .modal-scroll{padding:var(--sp-6) var(--sp-6) var(--sp-8)}.modal-backdrop .mh-title{font-size:20px;padding-right:2.2rem}.modal-backdrop .mh-meta{margin-bottom:var(--sp-6)}.modal-backdrop .modal-grid{grid-template-columns:1fr;gap:var(--sp-7)}.modal-backdrop .mm-play{width:54px;height:54px}.modal-backdrop .moment{flex-basis:150px}.modal-backdrop .mp-title{font-size:19px;padding-right:2.2rem}.modal-backdrop .mp-source{flex-direction:column;align-items:stretch;gap:var(--sp-5)}.modal-backdrop .mp-source .cta-btn{width:100%}.modal-backdrop .sib{flex-basis:140px}}.modal-backdrop .modal-share{display:flex;gap:var(--sp-6);align-items:center;flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--fs-mono-label);letter-spacing:.04em;color:var(--ink-faint);margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px dashed var(--border-soft)}.modal-backdrop .modal-share .pin{color:var(--cherry)}.modal-backdrop .modal-share .label{color:var(--ink-soft)}.modal-backdrop .modal-share:empty{display:none}
