.collections-page{min-height:400px}.sub-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;padding:4px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);border-radius:10px;margin-bottom:20px}.sub-tab{height:34px;border:none;border-radius:7px;background:transparent;color:#999;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.sub-tab:hover{background:hsla(0,0%,100%,.06);color:#ccc}.sub-tab.active{background:linear-gradient(90deg,#ff77e1,#6aa7ff);color:#101014;box-shadow:0 4px 12px rgba(123,92,255,.25)}.collections-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:16px}.btn-create-collection{padding:10px 20px;border-radius:12px;font-size:14px;font-weight:700;border:none;background:linear-gradient(90deg,#ff77e1,#6aa7ff);color:#101014;cursor:pointer;transition:transform .08s ease,box-shadow .2s ease}.btn-create-collection:active{transform:translateY(1px)}.create-form{background:#1e1e1e;border:1px solid #333;border-radius:16px;padding:16px;margin-bottom:20px}.create-emoji-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.emoji-pick{width:40px;height:40px;border-radius:10px;border:2px solid transparent;background:#2a2a2a;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .12s,background .12s}.emoji-pick:hover{background:#353535}.emoji-pick.active{border-color:#a78bfa;background:rgba(139,92,246,.15)}.create-input-row{display:flex;gap:10px}.create-input{flex:1 1;height:44px;border-radius:10px;border:1px solid #444;background:#2a2a2a;color:#e0e0e0;padding:0 14px;font-size:15px;outline:none}.create-input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px rgba(167,139,250,.15)}.create-input::placeholder{color:#666}.btn-create-submit{height:44px;padding:0 20px;border-radius:10px;border:none;background:#a78bfa;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s}.btn-create-submit:hover{background:#8b5cf6}.collections-empty{text-align:center;padding:40px 20px;color:#888;font-size:14px;line-height:1.8}.collections-empty-icon{font-size:40px;margin-bottom:12px}.collections-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.collection-accordion{border-radius:14px;overflow:hidden}.collection-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#1e1e1e;border:1px solid #333;border-radius:14px;cursor:pointer;transition:border-color .15s,background .15s;position:relative}.collection-card:hover{background:#252525;border-color:#444}.collection-card.active{border-color:#a78bfa;background:rgba(139,92,246,.08);box-shadow:0 0 0 2px rgba(139,92,246,.2);border-radius:14px 14px 0 0}.collection-card-arrow{color:#666;font-size:14px;margin-right:24px;transition:transform .2s}.collection-card-arrow.open{transform:rotate(180deg)}.collection-card-emoji{font-size:28px;flex-shrink:0}.collection-card-info{flex:1 1;min-width:0}.collection-card-name{font-size:15px;font-weight:700;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-card-count{font-size:12px;color:#888;margin-top:2px}.collection-card-delete{position:absolute;top:8px;right:8px;background:none;border:none;color:#666;font-size:18px;cursor:pointer;padding:2px 6px;border-radius:6px;line-height:1;transition:color .12s,background .12s}.collection-card-delete:hover{color:#ef4444;background:rgba(239,68,68,.1)}.collection-detail{border:1px solid #a78bfa;border-top:none;border-radius:0 0 14px 14px;background:rgba(139,92,246,.04);padding:16px}.collection-detail-empty{text-align:center;padding:30px 16px;color:#888;font-size:14px;line-height:1.8;background:#1e1e1e;border:1px dashed #333;border-radius:12px}.collection-card-wrapper{position:relative}.btn-remove-from-collection{display:block;width:100%;margin-top:-8px;padding:8px;border:1px solid rgba(239,68,68,.2);border-top:none;border-radius:0 0 12px 12px;background:rgba(239,68,68,.05);color:#ef4444;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.btn-remove-from-collection:hover{background:rgba(239,68,68,.12)}.taste-report-section{margin-top:4px;margin-bottom:16px}