.collection-create{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 4px;display:flex}.collection-input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:200px;min-height:38px;color:var(--text);flex:1;padding:8px 12px;font-size:14px;font-weight:600}.collection-input:focus{border-color:color-mix(in srgb, var(--primary-2) 55%, var(--line));outline:none}.collection-visibility-select{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:38px;color:var(--text);font:inherit;padding:0 10px;font-size:14px;font-weight:600}.collection-name-edit{margin-top:4px;font-size:22px;font-weight:850}.form-error{color:#ef4444;margin:6px 0;font-size:13px;font-weight:700}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:12px;display:grid}.collection-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:8px;min-width:0;padding:16px;transition:border-color .14s,transform .12s,box-shadow .16s;display:flex;overflow:hidden}.collection-card:hover{border-color:color-mix(in srgb, var(--primary-2) 45%, var(--line));transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.collection-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.collection-card-head h3{overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:850;line-height:1.25}.collection-cover-fan{height:96px;margin:-3px 0 4px;position:relative}.collection-cover-fan>span{transform-origin:bottom;width:64px;position:absolute;top:3px;left:calc(50% - 32px)}.collection-cover-fan>span:first-child{transform:translate(-31px)rotate(-10deg)}.collection-cover-fan>span:nth-child(2){z-index:2}.collection-cover-fan>span:nth-child(3){transform:translate(31px)rotate(10deg)}.collection-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip-danger{border-color:color-mix(in srgb, #ef4444 30%, var(--line));background:color-mix(in srgb, #ef4444 10%, var(--surface));color:#ef4444}button.chip-danger:hover{background:color-mix(in srgb, #ef4444 16%, var(--surface));border-color:#ef4444}.collections-page-header{align-items:flex-end}.collections-page-header>div:first-child{flex:1;min-width:0}.collections-page-subtitle{max-width:580px;color:var(--muted);margin-top:8px;font-size:15px;line-height:1.55}.collections-tabs{margin-top:20px;padding-inline:0}.collections-block{margin-top:28px}.collection-subheading{justify-content:space-between;align-items:center;gap:16px;display:flex}.collection-subheading h2{letter-spacing:-.02em;font-size:19px;font-weight:850}.text-action{color:var(--primary-2);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:800}.text-action:hover{color:var(--primary)}.collections-page .collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-rail{scroll-snap-type:x proximity;gap:14px;margin-top:12px;padding:2px 2px 12px;display:flex;overflow-x:auto}.collection-rail .collection-card{scroll-snap-align:start;flex:0 0 230px}.collection-card{gap:9px;padding:14px}.collection-card h3{overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:850;line-height:1.25}.collection-cover-fan{height:94px;margin:-2px 0 3px}.collection-cover-fan.is-empty{border:1px dashed color-mix(in srgb, var(--primary-2) 30%, var(--line));border-radius:calc(var(--radius) - 3px);background:color-mix(in srgb, var(--primary-2) 5%, var(--surface));height:92px;color:color-mix(in srgb, var(--primary-2) 68%, var(--muted));place-items:center;display:grid}.collection-card-meta,.collection-stat-row,.collection-stat{align-items:center;display:flex}.collection-card-meta{color:var(--muted);flex-wrap:wrap;gap:4px;font-size:12px;line-height:1.35}.collection-card-meta span{align-items:center;gap:4px;display:inline-flex}.collections-empty{padding:18px 0 8px;font-size:14px}.collection-detail-back{color:var(--muted);align-items:center;gap:6px;margin-bottom:22px;font-size:13px;font-weight:750;display:inline-flex}.collection-detail-back:hover{color:var(--primary-2)}.collection-detail-description{max-width:700px;color:var(--muted);margin-top:8px;line-height:1.55}.collection-hero{grid-template-columns:280px minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,64px);padding:8px 0 12px;display:grid}.collection-cover-stage{border:1px solid var(--line);background:var(--surface);border-radius:24px;place-items:center;height:310px;display:grid;position:relative}.collection-cover-stage-empty{color:color-mix(in srgb, var(--primary-2) 55%, var(--muted))}.collection-fan-cover{transform-origin:bottom;width:130px;position:absolute;top:52px;left:50%}.collection-fan-cover .book-cover{border:3px solid var(--surface);border-radius:12px;width:100%;box-shadow:0 18px 34px #1c111d47}.collection-fan-cover:first-child{transform:translate(-105px)rotate(-10deg)}.collection-fan-cover:nth-child(2){z-index:2;transform:translate(-65px)}.collection-fan-cover:nth-child(3){transform:translate(-25px)rotate(10deg)}.collection-fan-cover:only-child{transform:translate(-65px)rotate(-4deg)}.collection-fan-cover:first-child:nth-last-child(2){transform:translate(-88px)rotate(-7deg)}.collection-fan-cover:first-child:nth-last-child(2)~.collection-fan-cover{z-index:2;transform:translate(-42px)rotate(6deg)}.collection-hero-copy{min-width:0}.collection-meta{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.collection-meta span{border:1px solid var(--line);background:var(--surface);min-height:30px;color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:750;display:inline-flex}.collection-action-error{margin-top:12px}.collection-hero .collection-actions{margin-top:20px}.collection-section-head{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:16px;margin:34px 0 14px;padding-top:8px;display:flex}.collection-section-head h2{letter-spacing:-.025em;margin:0;font-size:21px}.collection-section-head span{color:var(--muted);font-size:12px}.collection-empty-note{padding:4px 0 8px}.collection-add-tile{border:1px dashed color-mix(in srgb, var(--primary-2) 38%, var(--line));border-radius:calc(var(--radius) + 2px);background:color-mix(in srgb, var(--primary-2) 4%, var(--surface));min-height:220px;color:var(--primary-2);font:inherit;cursor:pointer;place-content:center;justify-items:center;gap:8px;padding:10px;font-size:13px;font-weight:800;transition:border-color .14s,background .14s;display:grid}.collection-add-tile:hover{border-color:var(--primary-2);background:color-mix(in srgb, var(--primary-2) 9%, var(--surface))}.collection-picker-search{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);min-height:42px;color:var(--muted);align-items:center;gap:8px;margin:4px 0 12px;padding:0 12px;display:flex}.collection-picker-search input{width:100%;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0}.collection-picker-modal{width:min(760px,100vw - 32px);max-width:none}.collection-picker-results{max-height:52vh;overflow-y:auto}.collection-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:2px;display:grid}.collection-picker-add{justify-content:center;width:100%;min-height:34px;font-size:12px}.collection-picker-pagination{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:8px;display:flex}.collection-picker-pagination button,.collection-picker-pagination span{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);min-width:36px;min-height:34px;color:var(--text);font:inherit;cursor:pointer;justify-content:center;align-items:center;font-size:13px;font-weight:850;display:inline-flex}.collection-picker-pagination span{min-width:72px;color:var(--muted);background:0 0;border-color:#0000}.collection-picker-pagination button:disabled{opacity:.42;cursor:default}@media (max-width:900px){.collection-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:680px){.collection-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}}.collection-hidden-banner{border:1px solid color-mix(in srgb, #ef4444 32%, var(--line));border-radius:var(--radius);background:color-mix(in srgb, #ef4444 7%, var(--surface));color:#ef4444;gap:10px;margin-top:18px;padding:14px 16px;display:flex}.collection-hidden-banner p{color:var(--muted);margin-top:3px;font-size:13px}.collection-actions .is-on,.collection-actions .primary-button.is-on{border:1px solid var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--surface));color:var(--primary)}.collection-delete{color:var(--danger)}.collection-delete:hover{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface))}@media (max-width:900px){.collections-page .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.collections-page-header{flex-direction:row;align-items:flex-start}.collections-new-button{flex:0 0 42px;width:42px;height:42px;min-height:42px;padding:0}.collections-new-button span{display:none}.collections-page .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-card{padding:12px}.collection-cover-fan>span{width:56px;left:calc(50% - 28px)}.collection-cover-fan>span:first-child{transform:translate(-25px)rotate(-9deg)}.collection-cover-fan>span:nth-child(3){transform:translate(25px)rotate(9deg)}.collection-rail .collection-card{flex-basis:190px}.collection-create{flex-direction:column;align-items:stretch}.collection-actions{width:100%}.collection-hero{grid-template-columns:1fr;gap:22px;padding-top:2px}.collection-cover-stage{border-radius:20px;height:218px}.collection-fan-cover{width:96px;top:30px}.collection-fan-cover:first-child{transform:translate(-78px)rotate(-10deg)}.collection-fan-cover:nth-child(2){transform:translate(-48px)}.collection-fan-cover:nth-child(3){transform:translate(-18px)rotate(10deg)}.collection-fan-cover:only-child{transform:translate(-48px)rotate(-4deg)}.collection-fan-cover:first-child:nth-last-child(2){transform:translate(-66px)rotate(-7deg)}.collection-fan-cover:first-child:nth-last-child(2)~.collection-fan-cover{transform:translate(-32px)rotate(6deg)}.collection-actions{grid-template-columns:1fr 1fr;display:grid}.collection-actions>*{white-space:nowrap;min-width:0;min-height:44px;padding-inline:8px}.collection-section-head{margin:26px 0 11px}.collection-add-tile{min-height:180px}}