:root{--xb-pink: #f83f98;--xb-ink: #2b2b3a;--xb-muted: #6b7280;--xb-line: #ececf1;--xb-bg-soft: #faf7fb}.xb-wrap{min-height:80vh;background:linear-gradient(170deg,#fff,#fdf5fa 55%,#f6fbff);padding:0 0 5rem;color:var(--xb-ink)}.xb-container{width:min(92%,1680px);margin-inline:auto}#gate{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;gap:1.1rem;padding:2rem;text-align:center}.gate-icon{font-size:2.4rem;line-height:1}.gate-title{font-family:var(--font-display, Georgia, serif);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;margin:0;color:var(--xb-ink)}.gate-title span{color:var(--xb-pink)}.gate-subtitle{color:var(--xb-muted);font-size:.95rem;margin:0}#pw-form{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:.4rem}#pw-input{padding:.7rem 1.1rem;border:2px solid rgba(43,43,58,.12);border-radius:10px;font-size:1rem;width:240px;background:#fff;color:var(--xb-ink);outline:none;transition:border-color .2s,box-shadow .2s}#pw-input:focus{border-color:var(--xb-pink);box-shadow:0 0 0 3px #f83f9824}#pw-btn{padding:.7rem 1.5rem;background:var(--xb-pink);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #f83f9847;transition:opacity .2s,transform .2s}#pw-btn:hover{opacity:.92;transform:translateY(-1px)}#pw-error{color:#dc2626;font-size:.88rem;display:none}#pw-error.visible{display:block}#content{display:none}#content.revealed{display:block}.xb-header{background:linear-gradient(135deg,#fdeef6,#eef6ff);border-bottom:1px solid var(--xb-line);padding:clamp(2.2rem,5vw,3.6rem) 0 clamp(1.6rem,3vw,2.4rem);text-align:center}.xb-eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--xb-pink);background:#f83f9817;padding:.3rem .9rem;border-radius:50px;margin-bottom:.9rem}.xb-header h1{font-family:var(--font-display, Georgia, serif);font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:900;margin:0 0 .5rem;letter-spacing:-.02em}.xb-header p{color:var(--xb-muted);font-size:.95rem;margin:.25rem 0 0}.xb-controls{padding:1.6rem 0 .5rem;display:flex;flex-direction:column;gap:1rem}.xb-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.xb-search{flex:1 1 280px;min-width:0;padding:.7rem 1rem;border:2px solid rgba(43,43,58,.12);border-radius:10px;font-size:.95rem;background:#fff;color:var(--xb-ink);outline:none;transition:border-color .2s,box-shadow .2s}.xb-search:focus{border-color:var(--xb-pink);box-shadow:0 0 0 3px #f83f9824}.xb-sort{padding:.7rem 1rem;border:2px solid rgba(43,43,58,.12);border-radius:10px;font-size:.9rem;background:#fff;color:var(--xb-ink);cursor:pointer}.xb-filter-group{display:flex;flex-direction:column;gap:.4rem}.xb-filter-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--xb-muted)}.xb-chips{display:flex;flex-wrap:wrap;gap:.4rem}.xb-chip{padding:.32rem .8rem;border:1.5px solid rgba(43,43,58,.14);border-radius:50px;background:#fff;color:var(--xb-ink);font-size:.8rem;cursor:pointer;transition:all .15s;white-space:normal!important;max-width:100%!important;overflow-wrap:anywhere;text-align:left}.xb-chip:hover{border-color:var(--xb-pink)}.xb-chip.active{background:var(--xb-pink);color:#fff;border-color:var(--xb-pink)}.xb-count{font-size:.85rem;color:var(--xb-muted);padding:.5rem 0 .25rem}.xb-count strong{color:var(--xb-ink)}.xb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.1rem;padding:1rem 0 2rem}.xb-card{background:#fff;border:1px solid var(--xb-line);border-radius:14px;padding:1.15rem 1.2rem;box-shadow:0 2px 10px #2b2b3a0d;display:flex;flex-direction:column;gap:.6rem;min-width:0}.xb-card-top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.78rem}.xb-rel{color:#fff;padding:2px 8px;border-radius:5px;font-weight:700;font-size:.7rem;letter-spacing:.03em}.xb-skill{background:#f83f981a;color:#be2e72;padding:2px 9px;border-radius:50px;font-weight:700;font-size:.7rem}.xb-type{background:#eef2ff;color:#4f46e5;padding:2px 9px;border-radius:50px;font-weight:600;font-size:.7rem}.xb-play{color:var(--xb-pink);font-weight:700}.xb-card h3{margin:0;font-size:1.02rem;line-height:1.35;font-weight:700;word-wrap:break-word;overflow-wrap:anywhere}.xb-meta{font-size:.8rem;color:var(--xb-muted);display:flex;gap:.5rem;flex-wrap:wrap}.xb-meta .xb-creator{font-weight:600;color:#4b4b5a;word-break:break-word}.xb-insight{font-size:.9rem;line-height:1.5;color:#44444f;margin:0}.xb-section-label{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--xb-muted);margin:.2rem 0 0}.xb-actions{margin:0;padding-left:1.1rem;font-size:.85rem;line-height:1.5;color:#44444f}.xb-actions li{word-wrap:break-word;overflow-wrap:anywhere}.xb-tags{display:flex;flex-wrap:wrap;gap:.3rem}.xb-tag{font-size:.72rem;color:var(--xb-muted);background:var(--xb-bg-soft);padding:1px 7px;border-radius:5px;word-break:break-word}.xb-card-foot{display:flex;align-items:center;gap:.75rem;margin-top:auto;padding-top:.4rem;flex-wrap:wrap}.xb-link{color:var(--xb-pink);font-size:.82rem;font-weight:600;text-decoration:none}.xb-link:hover{text-decoration:underline}.xb-transcript-btn{background:none;border:1.5px solid rgba(248,63,152,.3);color:#be2e72;border-radius:8px;padding:.25rem .7rem;font-size:.78rem;font-weight:600;cursor:pointer}.xb-transcript-btn:hover{background:#f83f9814}.xb-transcript{display:none;margin-top:.5rem;padding:.7rem .8rem;background:var(--xb-bg-soft);border-radius:8px;font-size:.82rem;line-height:1.55;color:#44444f;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.xb-transcript.open{display:block}.xb-view-btn{padding:.7rem 1rem;border:2px solid rgba(43,43,58,.12);border-radius:10px;font-size:.9rem;font-weight:600;background:#fff;color:var(--xb-ink);cursor:pointer;white-space:nowrap}.xb-view-btn:hover{border-color:var(--xb-pink)}.xb-view-btn.active{background:var(--xb-pink);color:#fff;border-color:var(--xb-pink)}.xb-hide{margin-left:auto;border:none;background:none;color:#6b6b78;font-size:1.05rem;line-height:1;padding:.15rem .35rem;border-radius:6px;cursor:pointer}.xb-hide:hover{background:#2b2b3a14;color:#2b2b3a}.xb-restore{border:1.5px solid rgba(43,43,58,.2);background:#fff;color:#2b2b3a;border-radius:8px;padding:.25rem .7rem;font-size:.78rem;font-weight:600;cursor:pointer}.xb-restore:hover{border-color:var(--xb-pink);color:#be2e72}.xb-sync{font-size:.78rem;color:#a8442a;padding-top:.3rem}#xb-grid .xb-copy{border:1.5px solid rgba(43,43,58,.2)!important;background:#fff!important;color:var(--xb-ink)!important;border-radius:8px!important;padding:.25rem .7rem!important;font-family:inherit!important;font-size:.78rem!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer;white-space:nowrap}#xb-grid .xb-copy:hover{border-color:var(--xb-pink)!important;color:#be2e72!important}#xb-grid .xb-copy.done{background:#10715a!important;border-color:#10715a!important;color:#fff!important}.xb-grid.compact{display:block;padding:.6rem 0 2rem}.xb-grid.compact .xb-card{border-radius:0;border-bottom:1px solid var(--xb-line)!important;box-shadow:none;background:transparent;padding:.45rem .2rem!important;margin:0!important;flex-direction:row;align-items:center;gap:.7rem;flex-wrap:wrap}.xb-grid.compact .xb-card h3{font-size:.95rem!important;font-weight:600;margin:0!important;flex:1 1 240px;min-width:0}.xb-grid.compact .xb-card{gap:.2rem .7rem}.xb-grid.compact .xb-card-top{order:-1;flex:0 0 96px;gap:.3rem;flex-wrap:nowrap;justify-content:flex-start}.xb-grid.compact .xb-rel{flex:0 0 58px;text-align:center}.xb-grid.compact .xb-hide{margin-left:0}.xb-grid.compact .xb-meta{margin:0!important;flex:0 0 auto;white-space:nowrap}#xb-grid.compact .xb-card-foot{display:flex!important;flex:0 0 auto;margin:0!important;padding:0!important;gap:.4rem}#xb-grid.compact .xb-card-foot .xb-link,#xb-grid.compact .xb-card-foot .xb-transcript-btn{display:none}#xb-grid.compact .xb-meta{flex:1 1 auto;justify-content:flex-end}@media(max-width:700px){.xb-grid.compact .xb-card{gap:.15rem .6rem}.xb-grid.compact .xb-card-top{flex:0 0 auto}.xb-grid.compact .xb-card h3{flex:1 1 100%;order:2}.xb-grid.compact .xb-meta{order:3;flex:1 1 100%}}#xb-grid .xb-card,#xb-grid .xb-card-top,#xb-grid .xb-card-foot{margin-top:0!important}#xb-grid .xb-card{background:#fff!important;border:1px solid var(--xb-line)!important;border-radius:14px!important;padding:1.15rem 1.2rem!important;box-shadow:0 2px 10px #2b2b3a0f!important}#xb-grid .xb-section-label{text-align:left!important;font-family:inherit!important;font-size:.7rem!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--xb-muted)!important;margin:.2rem 0 0!important}#xb-grid .xb-tag{font-size:.72rem!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:var(--xb-muted)!important;background:var(--xb-bg-soft)!important;padding:1px 7px!important;border-radius:5px!important}#xb-grid.compact .xb-card{background:transparent!important;border:none!important;border-bottom:1px solid var(--xb-line)!important;border-radius:0!important;box-shadow:none!important;padding:.45rem .2rem!important}#xb-grid.compact .xb-card h3,#xb-grid.compact .xb-meta{margin:0!important}#xb-grid.compact .xb-card h3{font-size:.95rem!important;line-height:1.35!important}.xb-meta .xb-creator{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xb-grid.compact .xb-meta{min-width:0;max-width:100%;overflow:hidden}.xb-grid.compact .xb-meta .xb-creator{max-width:22ch}#xb-grid .xb-title-link{color:var(--xb-ink)!important;text-decoration:none!important}#xb-grid .xb-title-link:hover{text-decoration:underline!important;text-decoration-color:var(--xb-pink)}#xb-grid .xb-card{position:relative;padding-right:2.5rem!important}#xb-grid .xb-hide{position:absolute;top:.5rem;right:.55rem;margin-left:0}#xb-grid.compact .xb-card{position:static;padding-right:.2rem!important}#xb-grid.compact .xb-hide{position:static}.xb-grid.compact .xb-skill,.xb-grid.compact .xb-type,.xb-grid.compact .xb-play,.xb-grid.compact .xb-insight,.xb-grid.compact .xb-section-label,.xb-grid.compact .xb-actions,.xb-grid.compact .xb-tags,.xb-grid.compact .xb-transcript-btn{display:none}.xb-grid.compact .xb-meta{font-size:.76rem}.xb-grid.compact .xb-card-foot{margin-top:0;padding-top:0}.xb-empty{text-align:center;color:var(--xb-muted);padding:3rem 1rem;font-size:.95rem}.xb-foot-note{text-align:center;color:var(--xb-muted);font-size:.8rem;padding:1.5rem 0 0}