.collection-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 380px!important;gap:28px!important;max-width:1160px;margin-inline:auto;padding-bottom:16px}.collection-layout>.collection-selector{grid-column:1/-1;position:static!important;min-width:0;order:0!important}.collection-layout>.collection-main{order:1!important;min-width:0}.collection-layout>.purchase-sidebar{order:2!important;min-width:0;width:100%;align-self:start}.collection-selector .mobile-scroll-chips{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:none!important;gap:12px!important;padding:3px 2px 8px!important;scroll-padding-inline:2px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:none}.collection-selector .mobile-scroll-chips>div{width:calc((100% - 48px) * .2)!important;min-width:0!important;max-width:none!important;flex-shrink:0!important;padding:0!important;margin:0!important;scroll-snap-align:start}.collection-selector .mobile-scroll-chips>div>a,.collection-selector .mobile-scroll-chips>div>button{display:block!important;height:auto!important;min-height:70px!important;padding:12px 16px!important;border-radius:12px!important}.collection-selector .mobile-scroll-chips>div>div{display:none!important}.collection-selector .mobile-scroll-chips p{margin:0!important;line-height:1.4!important;white-space:normal;overflow-wrap:anywhere}.collection-selector .mobile-scroll-chips p:first-of-type{font-size:15px!important;font-weight:600!important}.collection-selector .mobile-scroll-chips p+p{font-size:12px!important;margin-top:3px!important}.collection-selector .mobile-scroll-chips .flex-col{gap:3px!important}.collection-scroll-controls{display:flex;flex-shrink:0;align-self:center;border:1px solid #cedbe1;border-radius:8px;overflow:hidden;background:#fff}.collection-scroll-control{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#fff;color:#375968;transition:color .15s ease,background-color .15s ease}.collection-scroll-control+button{border-left:1px solid #cedbe1}.collection-scroll-control:disabled{color:#b3c0c7;background:#fff;cursor:default}.collection-scroll-control:not(:disabled):hover{background:#f3f7f9;color:#244b5d}.collection-selector .mobile-scroll-chips :is(a,button):is(.bg-slate-100,[aria-current=page],[aria-pressed=true]){box-shadow:inset 0 -3px #79a7bf!important;border-color:#c5d9e4!important;background:#eff5f9!important}.collection-layout [data-slider-arrow]{display:none!important}.collection-content-tabs>[role=tablist]{display:flex;gap:8px;overflow:auto;border-bottom:1px solid #d5e1e6;margin-bottom:18px;scrollbar-width:none}.collection-content-tabs [role=tab]{padding:12px 14px;white-space:nowrap;border-bottom:3px solid transparent;color:#526b76;font-weight:600}.collection-content-tabs [role=tab][aria-selected=true]{border-color:#42758a;color:#214b60;background:#edf5f8}.collection-tab-content{line-height:1.8;min-width:0}.collection-tab-content h2,.collection-tab-content h3{font-size:18px!important;line-height:1.5!important;margin-block:14px 8px!important}.collection-tab-content .rich-blockquote{margin-block:12px!important}.collection-preview{border:0!important;box-shadow:none!important;background:transparent!important}.collection-preview>div{padding:0!important}.collection-preview .preview-frame-shell,.collection-preview [data-preview-shell]{border:0!important;padding:0!important;background:transparent!important}.collection-purchase-content .purchase-secondary-content{position:static}.collection-purchase-dialog{width:calc(100% - 24px);max-width:500px;max-height:88dvh;margin:auto;border:1px solid #d3dfe5;border-radius:20px;padding:0;background:white;color:#233842;overscroll-behavior:contain}.collection-purchase-dialog::backdrop{background:#162b3b66}.collection-dialog-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:white;border-bottom:1px solid #e2e9ec;z-index:3}.collection-dialog-header button{padding:6px}.collection-purchase-dialog>h2{padding:18px 20px 10px;font-size:18px;font-weight:600;line-height:1.5}.collection-purchase-dialog .purchase-sticky-region{position:static!important;max-height:none!important;overflow:visible!important}.collection-purchase-dialog .mobile-purchase-bar{display:none!important}.collection-purchase-dialog .collection-purchase-content{padding:0 12px 18px}.collection-mobile-action{display:none}.collection-preview-shell{border:0!important;background:transparent!important;padding:0!important;box-shadow:inset 0 0 0 1px #dce5e9;border-radius:18px;overflow:hidden}.collection-preview-shell>div{border:0!important}@media(max-width:767px){.collection-layout{display:flex!important;flex-direction:column;gap:20px!important;padding-bottom:16px}.collection-layout>.purchase-sidebar{order:3!important}.collection-mobile-action{display:flex;position:fixed;bottom:0;left:0;right:0;gap:12px;align-items:center;justify-content:space-between;background:#ffffffef;border-top:1px solid #dce6eb;padding:12px 16px calc(12px + env(safe-area-inset-bottom));z-index:40}.collection-mobile-action span{font-size:12px;line-height:1.5;max-width:48%}.collection-mobile-action>button{background:#386b80;color:white;border-radius:10px;padding:12px 15px;font-weight:600;font-size:14px}.collection-layout .collection-content-tabs [role=tab]{font-size:14px;padding:10px}.collection-layout .purchase-secondary-content{display:block!important}.collection-layout .purchase-secondary-content.hidden{display:none!important}}.collection-preview:not(.collection-sheet-preview) [class~="sm:!p-2"]{padding:0!important;border:0!important;background:transparent!important;box-shadow:inset 0 0 0 1px #dce5e9}.collection-preview:not(.collection-sheet-preview) [data-testid=sheet-preview-viewer]{border:0!important;border-radius:18px!important}.collection-purchase-dialog .mobile-bottom-action{display:none!important}.collection-purchase-content .scroll-contained{max-height:360px}.collection-purchase-dialog .scroll-contained{max-height:42dvh}.collection-layout .collection-preview:not(.collection-sheet-preview) [data-preview-frame-shell]{border:0!important;background:transparent!important;padding:0!important;border-radius:18px!important}.collection-layout .collection-preview:not(.collection-sheet-preview) [data-preview-frame-viewport]{border:0!important;border-radius:18px!important}.collection-layout .collection-preview:not(.collection-sheet-preview) [data-preview-frame-viewport]:after{border-color:#dce5e9!important}.collection-tab-content blockquote:has(h2),.collection-tab-content blockquote:has(h3){border-left:3px solid #739eaf;background:#edf5f8;padding:6px 12px;margin:14px 0 8px!important;border-radius:4px}.collection-selector .mobile-scroll-chips .flex-wrap>span{background:#fff!important;color:#426373!important;border-color:#d3e1e8!important}.collection-selector .mobile-scroll-chips .flex-wrap>span:last-child{background:#e3f1f8!important;color:#315c73!important;border-color:#bad6e5!important}.collection-course-selector-card{display:grid!important;width:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(20px,auto) auto;align-content:center;justify-content:start;justify-items:start;text-align:left;gap:6px!important}.collection-subtopics .collection-content-tabs>[role=tablist],.collection-subtopics>[role=tablist]{background:#f1f6f8;border:0;padding:6px;gap:5px;border-radius:10px}.collection-subtopics .collection-content-tabs [role=tab]{font-size:13px;padding:7px 10px;border:0;border-radius:6px}.collection-subtopics .collection-content-tabs [role=tab][aria-selected=true]{background:#dcebf2;color:#254f64}.collection-subtopics .collection-tab-content{padding-top:4px}.collection-dialog-notices{position:sticky;top:54px;z-index:3}.collection-dialog-notices>div{display:flex;justify-content:space-between;gap:12px;background:#fff6df;border:1px solid #dcc995;border-radius:10px;padding:12px;margin:8px 16px;font-size:14px}.collection-dialog-notices button{flex-shrink:0}.collection-purchase-content button.border-slate-900{border-color:#7c9eae;background:#eaf2f7;color:#254e61}.collection-purchase-dialog .rounded-\[24px\]>div>div:first-child:has(>h3){display:none}.collection-layout button[aria-label*="紙本預覽"],.collection-layout button[aria-label*="課程預覽"]{background:#fff!important;color:#365968!important;border:1px solid #ccdce3!important;box-shadow:0 2px 8px #18313e18}.collection-layout button[aria-label*="紙本預覽"] svg,.collection-layout button[aria-label*="課程預覽"] svg{stroke-width:2.5}.collection-layout .collection-sheet-preview{border:1px solid #e0e7eb!important;background:#fff!important;border-radius:24px!important;padding:20px!important;overflow:hidden}.collection-purchase-content .collection-song-selection{border:0;box-shadow:none;background:transparent;border-radius:0}.collection-song-selection>div{padding:0!important}.collection-song-selection h3{font-size:16px}.collection-song-selection .collection-song-list{max-height:400px}.collection-song-list label{border:0;border-bottom:1px solid #e6edf1;border-radius:0;padding:10px 6px;gap:10px}.collection-song-list input{margin-top:3px;flex-shrink:0}.collection-purchase-dialog [data-purchase-panel-shell]{border:0;box-shadow:none;border-radius:0;background:transparent}.collection-purchase-dialog [data-purchase-panel-shell]>div{padding:0!important}.collection-purchase-dialog .collection-purchase-content{padding:4px 18px 22px}.collection-purchase-dialog .collection-song-list{max-height:44dvh}@media(min-width:768px){.collection-selector>div:first-child>div.space-y-1{display:flex;align-items:baseline;gap:16px}}@media(max-width:767px){.collection-layout>.purchase-sidebar{align-self:stretch}.collection-layout .collection-sheet-preview{padding:14px!important}.collection-scroll-control{width:32px;height:32px}.collection-selector[data-collection-kind=bundle] .mobile-scroll-chips>div,.collection-selector[data-collection-kind=lesson] .mobile-scroll-chips>div,.collection-selector[data-collection-kind=material] .mobile-scroll-chips>div{width:calc((100% - 12px) * .68)!important}.collection-selector[data-collection-kind=lesson] .mobile-scroll-chips>div>a{min-height:0!important}.collection-layout{padding-bottom:16px}.collection-page-shell{padding-bottom:0!important}.collection-layout .purchase-secondary-content{margin-bottom:0}}@media(min-width:768px){.collection-page-heading>div{display:flex;align-items:baseline;gap:16px}.collection-page-heading p{font-size:14px}.collection-layout .purchase-secondary-content{display:block}}.collection-selector .mobile-scroll-chips>div>a,.collection-selector .mobile-scroll-chips>div>button{height:100%!important;overflow:hidden}.collection-layout .collection-sheet-preview [data-preview-frame-shell]{padding:6px!important;border:0!important;background:#232b40!important;box-shadow:none!important;border-radius:26px!important;overflow:hidden}.collection-layout .collection-sheet-preview [data-preview-frame-viewport]{border:0!important;border-radius:20px!important;isolation:isolate}.collection-layout .collection-sheet-preview [data-preview-frame-viewport]:after{border:0!important}@media(max-width:767px){.collection-layout>.purchase-sidebar>.purchase-secondary-content{margin-top:0!important}.collection-sheet-preview>div:first-child{flex-wrap:wrap}.collection-sheet-preview>div:first-child button{white-space:nowrap}body:has(.collection-mobile-action) .support-chat-floating-action{bottom:calc(88px + env(safe-area-inset-bottom))!important}.collection-layout>.collection-main>:not([hidden])~:not([hidden]){margin-top:20px!important}.collection-selector[data-collection-kind=lesson] .mobile-scroll-chips>div>a{padding:8px 12px!important}.collection-course-selector-card{height:auto!important;gap:3px!important;align-content:start}.collection-selector[data-collection-kind=lesson] .mobile-scroll-chips{padding-bottom:4px!important}}.collection-page-shell{padding-bottom:0!important}@media(max-width:767px){.collection-layout>.purchase-sidebar:has(>.purchase-secondary-content.hidden){display:contents}}.collection-layout:has(.collection-selector[data-collection-kind=lesson]) .collection-tab-content .rich-spacer:last-child{display:none}.collection-song-selection .collection-song-pages{height:300px!important;max-height:none!important;overflow:visible!important;overflow-anchor:none;display:grid;grid-template-rows:repeat(6,1fr);gap:0}.collection-song-pages label{min-height:0;align-items:center!important;padding:6px!important}.collection-song-pages label>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.collection-layout:has(.collection-song-selection){overflow-anchor:none}.collection-song-pages .collection-song-row label,.collection-song-pages .collection-song-row:last-child,.collection-song-selection .collection-song-pages label:last-child{border-bottom:0}