.shared-folder-page{padding:max(1.25rem,min(3vw,2.25rem)) 0 4rem}.sfp{width:min(100%,1280px);margin:0 auto;padding:0 max(1rem,min(4vw,2.5rem));display:flex;flex-direction:column;gap:max(1.5rem,min(3vw,2.25rem))}.sfp__crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem;font-size:.85rem}.sfp__crumb{display:inline-flex;align-items:center;gap:.15rem}.sfp__crumb-link,.sfp__crumb-current{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .5rem;border-radius:var(--byse-radius-sm)}.sfp__crumb-link{color:var(--byse-text-muted);text-decoration:none;transition:color var(--byse-dur) var(--byse-ease),background var(--byse-dur) var(--byse-ease)}.sfp__crumb-link:hover,.sfp__crumb-link:focus-visible{color:var(--byse-text);background:#ffffff0d;outline:none}.sfp__crumb-current{color:var(--byse-text);font-weight:600}.sfp__crumb-home svg{width:1rem;height:1rem;display:block}.sfp__crumb-sep svg{width:.85rem;height:.85rem;display:block;color:var(--byse-text-muted);opacity:.6}.sfp__header{display:flex;align-items:center;gap:max(1rem,min(2.5vw,1.4rem));padding:max(1.4rem,min(3vw,2rem));border-radius:26px;border-radius:var(--byse-radius-xl, 26px);border:1px solid var(--byse-border);background:radial-gradient(120% 140% at 0% 0%,var(--byse-amber-soft),transparent 58%),linear-gradient(165deg,#16161bf0,#0d0d11db);box-shadow:0 26px 52px #04040873}.sfp__header-icon{flex:none;width:max(3rem,min(6vw,3.75rem));height:max(3rem,min(6vw,3.75rem));display:inline-flex;align-items:center;justify-content:center;border-radius:var(--byse-radius-lg);color:var(--byse-amber-bright);background:var(--byse-amber-soft);border:1px solid var(--byse-border-brand)}.sfp__header-icon svg{width:55%;height:55%}.sfp__header-copy{display:flex;flex-direction:column;gap:.35rem;min-width:0}.sfp__eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--byse-amber-bright)}.sfp__title{margin:0;font-size:max(1.5rem,min(3.2vw,2.1rem));font-weight:700;color:var(--byse-text);word-break:break-word}.sfp__stats{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.25rem}.sfp__stat{display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem;font-weight:600;color:var(--byse-text-soft)}.sfp__stat-icon svg{width:1.05rem;height:1.05rem;display:block;color:var(--byse-text-muted)}.sfp__section{display:flex;flex-direction:column;gap:1rem}.sfp__section-head{display:flex;align-items:center;gap:.6rem}.sfp__section-title{margin:0;font-size:1.05rem;font-weight:600;color:var(--byse-text)}.sfp__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;padding:0 .5rem;border-radius:999px;font-size:.8rem;font-weight:700;color:var(--byse-text-soft);background:#ffffff0f;border:1px solid var(--byse-border)}.sfp__folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));grid-gap:.85rem;gap:.85rem}.sfp__folder{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border-radius:var(--byse-radius-lg);border:1px solid var(--byse-border);background:var(--byse-card);text-decoration:none;transition:transform var(--byse-dur) var(--byse-ease),border-color var(--byse-dur) var(--byse-ease),background var(--byse-dur) var(--byse-ease)}.sfp__folder:hover,.sfp__folder:focus-visible{transform:translateY(-2px);border-color:var(--byse-border-brand);background:#5a82ff0f;outline:none}.sfp__folder-icon{flex:none;width:2.4rem;height:2.4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--byse-radius-md);color:var(--byse-amber-bright);background:var(--byse-amber-soft);border:1px solid var(--byse-border-brand)}.sfp__folder-icon svg{width:1.25rem;height:1.25rem}.sfp__folder--back .sfp__folder-icon{color:var(--byse-text-soft);background:#ffffff0f;border-color:var(--byse-border)}.sfp__folder-name{flex:1 1 auto;min-width:0;font-size:.95rem;font-weight:600;color:var(--byse-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sfp__folder-chevron{flex:none;color:var(--byse-text-muted);opacity:0;transform:translate(-4px);transition:opacity var(--byse-dur) var(--byse-ease),transform var(--byse-dur) var(--byse-ease)}.sfp__folder-chevron svg{width:1rem;height:1rem;display:block}.sfp__folder:hover .sfp__folder-chevron,.sfp__folder:focus-visible .sfp__folder-chevron{opacity:1;transform:translate(0)}.sfp__files{display:grid;grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr));grid-gap:1.1rem;gap:1.1rem}.sfp__file{display:flex;flex-direction:column;border-radius:var(--byse-radius-lg);border:1px solid var(--byse-border);background:var(--byse-card);overflow:hidden;text-decoration:none;transition:transform var(--byse-dur) var(--byse-ease),border-color var(--byse-dur) var(--byse-ease),box-shadow var(--byse-dur) var(--byse-ease)}.sfp__file:hover,.sfp__file:focus-visible{transform:translateY(-3px);border-color:var(--byse-border-brand);box-shadow:0 24px 48px #0006;outline:none}.sfp__thumb{position:relative;background:linear-gradient(135deg,#24202ae6,#0c0c11f5);overflow:hidden}.sfp__thumb:before{float:left;padding-top:56.25%;content:""}.sfp__thumb:after{display:block;content:"";clear:both}.sfp__thumb-img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;transition:transform var(--byse-dur) var(--byse-ease)}.sfp__file:hover .sfp__thumb-img{transform:scale(1.04)}.sfp__thumb-img--placeholder{display:flex;align-items:center;justify-content:center;color:#ffffff80}.sfp__thumb-img--placeholder svg{width:2.4rem;height:2.4rem}.sfp__thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 45%,rgba(6,6,10,.55));opacity:.7;transition:opacity var(--byse-dur) var(--byse-ease)}.sfp__file:hover .sfp__thumb-overlay{opacity:1}.sfp__play{position:absolute;top:50%;left:50%;width:3.1rem;height:3.1rem;transform:translate(-50%,-50%) scale(.85);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:#3b66f0eb;box-shadow:0 10px 26px #00000073;opacity:0;transition:opacity var(--byse-dur) var(--byse-ease),transform var(--byse-dur) var(--byse-ease)}.sfp__play svg{width:1.35rem;height:1.35rem;margin-left:2px}.sfp__file:hover .sfp__play,.sfp__file:focus-visible .sfp__play{opacity:1;transform:translate(-50%,-50%) scale(1)}.sfp__duration{position:absolute;right:.65rem;bottom:.65rem;padding:.22rem .5rem;border-radius:999px;background:#08080bd1;color:#fff;font-size:.74rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sfp__file-body{padding:.85rem .95rem 1rem}.sfp__file-title{display:block;color:var(--byse-text);font-size:.92rem;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sfp__list{display:flex;flex-direction:column;gap:.7rem}.sfp__litem{display:flex;align-items:center;gap:1rem;padding:.7rem .85rem .7rem .7rem;border-radius:var(--byse-radius-lg);border:1px solid var(--byse-border);background:linear-gradient(150deg,#1c1c23d9,#0f0f14b3);box-shadow:0 1px 2px #00000040;text-decoration:none;transition:transform var(--byse-dur) var(--byse-ease),border-color var(--byse-dur) var(--byse-ease),background var(--byse-dur) var(--byse-ease),box-shadow var(--byse-dur) var(--byse-ease)}.sfp__litem:hover,.sfp__litem:focus-visible{transform:translateY(-2px);border-color:var(--byse-border-brand);background:linear-gradient(150deg,#2a304e99,#12141eb8);box-shadow:0 18px 38px #0006;outline:none}.sfp__litem-media{position:relative;flex:none;width:8.5rem;border-radius:var(--byse-radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#24202ae6,#0c0c11f5)}.sfp__litem-media:before{float:left;padding-top:56.25%;content:""}.sfp__litem-media:after{display:block;content:"";clear:both}.sfp__litem-media--folder{width:3.4rem;color:var(--byse-amber-bright);background:var(--byse-amber-soft);border:1px solid var(--byse-border-brand)}.sfp__litem-media--folder:before{float:left;padding-top:1;content:""}.sfp__litem-media--folder:after{display:block;content:"";clear:both}.sfp__litem-media--folder svg{width:1.6rem;height:1.6rem}.sfp__litem--back .sfp__litem-media--folder{color:var(--byse-text-soft);background:#ffffff0f;border-color:var(--byse-border)}.sfp__litem-thumb{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;transition:transform var(--byse-dur) var(--byse-ease)}.sfp__litem--file:hover .sfp__litem-thumb{transform:scale(1.06)}.sfp__litem-thumb--placeholder{display:flex;align-items:center;justify-content:center;color:#ffffff73}.sfp__litem-thumb--placeholder svg{width:1.8rem;height:1.8rem}.sfp__litem-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#08080b6b;opacity:0;transition:opacity var(--byse-dur) var(--byse-ease)}.sfp__litem-play svg{width:1.5rem;height:1.5rem;margin-left:2px}.sfp__litem--file:hover .sfp__litem-play,.sfp__litem--file:focus-visible .sfp__litem-play{opacity:1}.sfp__litem-dur{position:absolute;right:.35rem;bottom:.35rem;display:inline-flex;align-items:center;gap:.22rem;padding:.14rem .42rem;border-radius:999px;background:#08080bd1;color:#fff;font-size:.72rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sfp__litem-dur-icon{display:inline-flex;opacity:.85}.sfp__litem-dur-icon svg{width:.72rem;height:.72rem;display:block}.sfp__litem-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.2rem}.sfp__litem-title{min-width:0;font-size:1rem;font-weight:650;color:var(--byse-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sfp__litem-sub{font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--byse-text-muted)}.sfp__chip{flex:none;display:inline-flex;align-items:center;gap:.4rem;padding:.36rem .72rem;border-radius:999px;font-size:.8rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--byse-text-soft);background:#ffffff0d;border:1px solid var(--byse-border);white-space:nowrap}.sfp__chip--added{min-width:8rem}.sfp__chip-icon{display:inline-flex;opacity:.7}.sfp__chip-icon svg{width:.9rem;height:.9rem;display:block}.sfp__litem-action{flex:none;width:2.4rem;height:2.4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--byse-text-soft);background:#ffffff0d;border:1px solid var(--byse-border);transition:background var(--byse-dur) var(--byse-ease),color var(--byse-dur) var(--byse-ease),border-color var(--byse-dur) var(--byse-ease),transform var(--byse-dur) var(--byse-ease)}.sfp__litem-action svg{width:1.05rem;height:1.05rem;display:block}.sfp__litem-action--play svg{margin-left:2px}.sfp__litem--file:hover .sfp__litem-action--play,.sfp__litem--file:focus-visible .sfp__litem-action--play{background:#3b66f0f2;border-color:#3b66f0f2;color:#fff;transform:scale(1.06)}.sfp__litem--folder:hover .sfp__litem-action--ghost,.sfp__litem--folder:focus-visible .sfp__litem-action--ghost{color:var(--byse-text);border-color:var(--byse-border-brand);transform:translate(2px)}.sfp__load-more{height:1px}.shared-folder-page__state{width:min(100%,1280px);margin:0 auto;padding:max(1.5rem,min(4vw,2.5rem));border:1px solid var(--byse-border);border-radius:var(--byse-radius-lg);background:var(--byse-card);color:var(--byse-text-soft);text-align:center}.shared-folder-page__state--error{border-color:#ef444452}@media (hover: none){.sfp__play{opacity:1;transform:translate(-50%,-50%) scale(1)}.sfp__folder-chevron{opacity:1;transform:none}.sfp__litem-play{opacity:1}}@media (max-width: 767px){.sfp__folders{grid-template-columns:1fr}.sfp__files{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}.sfp__header{flex-direction:column;align-items:flex-start;text-align:left}}@media (max-width: 640px){.sfp__litem{gap:.75rem}.sfp__litem-media{width:6rem}.sfp__chip--added{display:none}}