.content-viewer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12190;background:transparent;pointer-events:none}.content-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12200;display:flex;flex-direction:column;direction:rtl;font-family:Heebo,sans-serif;background:linear-gradient(160deg,#fdfbf7,#f4efe6 45%,#efe6d4);color:#2b2a28;padding-top:calc(env(safe-area-inset-top,0px) + 12px);padding-bottom:env(safe-area-inset-bottom,0px)}.content-viewer__header{display:flex;align-items:center;gap:12px;flex-direction:row-reverse;padding:12px 16px;border-bottom:1px solid rgba(212,175,55,.32);background:#f4efe6c7;backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%);flex-shrink:0;position:relative;z-index:5}.content-viewer__title-wrap{flex:1;min-width:0}.content-viewer__eyebrow{margin:0 0 4px;font-size:12px;font-weight:400;letter-spacing:.06em;color:var(--gold-deep, #c49a2e);text-shadow:none}.content-viewer__title{margin:0;font-size:clamp(15px,1.4vw + 11px,21px);font-weight:400;line-height:1.3;color:#2b2a28;text-shadow:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.content-viewer__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(212,175,55,.55);background:#fdfbf7eb;color:#2b2a28;cursor:pointer;transition:background var(--dur-fast, .2s) var(--ease-soft, ease),transform var(--dur-fast, .2s) var(--ease-soft, ease)}.content-viewer__close svg,.content-viewer__close svg path{color:#2b2a28!important;stroke:#2b2a28!important}.content-viewer__close:hover{background:#f4efe6;transform:scale(1.05)}.content-viewer__close:focus-visible{outline:2px solid rgba(212,175,55,.85);outline-offset:3px}.content-viewer__body{flex:1;min-height:0;display:grid;grid-template-columns:1.4fr 1fr;gap:0}.content-viewer__video{display:flex;align-items:center;justify-content:center;background:#000;min-width:0;min-height:0;overflow:hidden}.content-viewer__video-frame{position:relative;width:100%;aspect-ratio:16 / 9;max-height:100%;background:#000}.content-viewer__video-frame--shorts{aspect-ratio:9 / 16;max-width:min(100%,56vh);margin:0 auto}.content-viewer__video-frame iframe,.content-viewer__video-frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.content-viewer__video-empty{padding:28px 22px;text-align:center;font-size:15px;line-height:1.6;color:#fdfbf7}.content-viewer__panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:linear-gradient(155deg,#fdfbf7,#f4efe6);border-inline-start:1px solid rgba(212,175,55,.28)}.content-viewer__tabs{display:flex;gap:6px;padding:12px 14px 0;flex-wrap:wrap;flex-shrink:0}.content-viewer__tab{flex:1 1 auto;min-width:-moz-max-content;min-width:max-content;min-height:40px;padding:8px 12px;border-radius:12px 12px 0 0;border:1px solid rgba(212,175,55,.28);border-bottom:none;background:#ebe3d2;color:#1f1b14!important;text-shadow:none!important;font-family:Heebo,sans-serif;font-size:13.5px;font-weight:400;cursor:pointer;white-space:nowrap;transition:background var(--dur-fast, .2s) var(--ease-soft, ease),color var(--dur-fast, .2s) var(--ease-soft, ease)}.content-viewer__tab:hover{background:#f4efe6cc;color:#2b2a28}.content-viewer__tab[aria-selected=true]{background:#d4af376b;border-color:#d4af37cc;color:#1f1b14!important}.content-viewer__tab:focus-visible{outline:2px solid rgba(212,175,55,.85);outline-offset:2px}.content-viewer__tab-panel{flex:1;min-height:0;overflow-y:auto;padding:18px 18px 28px;border-top:1px solid rgba(212,175,55,.28)}.content-viewer__description{margin:0;font-size:15.5px;line-height:1.8;color:#2b2a28!important;text-shadow:none!important;white-space:pre-wrap}.content-viewer__empty-soft{margin:0;font-size:14.5px;line-height:1.7;color:#5a564e!important;text-shadow:none!important}.content-viewer__files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.content-viewer__file{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;border-radius:14px;border:1px solid rgba(212,175,55,.4);background:#fdfbf7eb;color:#2b2a28!important;text-shadow:none!important;text-decoration:none;font-size:14.5px;font-weight:400;transition:background var(--dur-fast, .2s) var(--ease-soft, ease)}.content-viewer__file:hover{background:#f4efe6d9}.content-viewer__file:focus-visible{outline:2px solid rgba(212,175,55,.85);outline-offset:2px}.content-viewer__file svg{flex-shrink:0;color:#f2d77a}.content-viewer__related{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.content-viewer__related-item{width:100%;display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;border-radius:14px;border:1px solid rgba(212,175,55,.4);background:#fdfbf7eb;color:#2b2a28!important;text-shadow:none!important;cursor:pointer;font-family:Heebo,sans-serif;font-size:14.5px;font-weight:400;text-align:start;line-height:1.4;transition:background var(--dur-fast, .2s) var(--ease-soft, ease)}.content-viewer__related-item:hover{background:#f4efe6d9}.content-viewer__related-item:focus-visible{outline:2px solid rgba(212,175,55,.85);outline-offset:2px}.content-viewer__related-item svg{flex-shrink:0;color:#f2d77a}.content-viewer__related-more{justify-content:center;background:linear-gradient(135deg,#f2d77af2,#d4af37f2);border:1px solid rgba(212,175,55,.85);color:#2a1a10!important;font-weight:400}.content-viewer__related-more:hover{background:linear-gradient(135deg,#f2d77a,#c49a2e)}.content-viewer__journey{display:flex;flex-direction:column;gap:12px}.content-viewer__journey-label{margin:0;font-size:14px;font-weight:400;color:var(--gold-deep, #c49a2e)}.content-viewer__journey textarea{width:100%;min-height:140px;resize:vertical;padding:14px;border-radius:14px;border:1px solid rgba(212,175,55,.45);background:#fdfbf7d9;color:#2b2a28;font-family:Heebo,sans-serif;font-size:15px;line-height:1.7}.content-viewer__journey textarea::-moz-placeholder{color:#2b2a2880}.content-viewer__journey textarea::placeholder{color:#2b2a2880}.content-viewer__journey textarea:focus-visible{outline:2px solid rgba(212,175,55,.85);outline-offset:2px}.content-viewer__journey-save{align-self:flex-start;min-height:44px;padding:10px 22px;border-radius:999px;border:1px solid rgba(212,175,55,.6);background:linear-gradient(135deg,#2a8a8a,#1f6f6f);color:#fdfbf7;font-family:Heebo,sans-serif;font-size:15px;font-weight:400;cursor:pointer;transition:transform var(--dur-fast, .2s) var(--ease-soft, ease),box-shadow var(--dur-fast, .2s) var(--ease-soft, ease)}.content-viewer__journey-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #144e4e73}.content-viewer__journey-save:disabled{opacity:.6;cursor:default}.content-viewer__journey-save:focus-visible{outline:2px solid rgba(212,175,55,.85);outline-offset:3px}.content-viewer__journey-feedback{margin:0;font-size:13.5px;color:#6ba88a}.content-viewer__journey-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.content-viewer__journey-entry{padding:12px 14px;border-radius:12px;border:1px solid rgba(212,175,55,.3);background:#fdfbf7eb;font-size:14px;line-height:1.6;color:#2b2a28!important;text-shadow:none!important;white-space:pre-wrap}.content-viewer__journey-entry time{display:block;margin-top:6px;font-size:12px;color:var(--text-soft, #6b6862)}@media(max-width:900px){.content-viewer__body{display:flex;flex-direction:column;overflow-y:auto}.content-viewer__video{flex-shrink:0}.content-viewer__video-frame{height:min(56vw,41vh);aspect-ratio:auto;max-height:41vh;min-height:240px}.content-viewer__video-frame--shorts{height:56vh;max-height:56vh;aspect-ratio:9 / 16}.content-viewer__panel{border-inline-start:none;border-top:1px solid rgba(212,175,55,.28);flex:0 0 auto}.content-viewer__tab-panel{overflow-y:visible;flex:0 0 auto;padding:14px 16px 20px}.content-viewer__header{padding:12px 12px 8px}.content-viewer__title{-webkit-line-clamp:1}.content-viewer__tabs{flex-wrap:nowrap;gap:4px;padding:8px 8px 0}.content-viewer__tab{flex:1 1 0;min-width:0;padding:7px 4px;font-size:11.5px;border-radius:10px 10px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}