body{margin:0;padding:0;min-height:100vh}.hidden{display:none!important}#headerActions{display:flex;gap:12px;align-items:center}#userEmail{color:rgba(255,255,255,.9);font-size:.85rem;background:rgba(255,255,255,.15);padding:6px 12px;border-radius:20px}.container{max-width:1200px}h2{font-size:1.8rem;margin:40px 0 20px;font-weight:800;background:linear-gradient(135deg,#fff 0,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#fff!important}#adminPanel{background:0 0;padding:0;margin-bottom:40px;border:none;display:none;overflow:visible}.admin-header{width:100%;padding:15px 35px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:rgba(15,23,42,.6);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:#fff;transition:all .3s cubic-bezier(.4, 0, .2, 1);margin-bottom:15px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.admin-header:hover{background:rgba(15,23,42,.8);border-color:var(--primary);box-shadow:0 6px 25px rgba(99,102,241,.2)}.admin-header .admin-title{font-size:1.1rem;font-weight:800;display:flex;align-items:center;gap:12px;letter-spacing:.05em}.admin-toggle{background:0 0;border:none;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:20px;transition:all .2s}.admin-header:hover .admin-toggle{background:rgba(255,255,255,.05)}.admin-toggle .arrow{transition:transform .3s ease;display:inline-block;font-size:.8rem}.admin-toggle.open .arrow{transform:rotate(180deg)}.admin-content{background:var(--modal-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--modal-border);border-radius:24px;max-height:0;overflow:hidden;transition:all .4s cubic-bezier(.4, 0, .2, 1);padding:0 35px;box-shadow:var(--modal-shadow)}.admin-content.open{max-height:2000px;padding:35px;margin-top:8px}.admin-form-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{padding:14px 18px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:var(--modal-input-bg);color:#fff;font-family:inherit;font-size:.95rem;transition:all .2s}.admin-form-group input:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{outline:0;border-color:var(--primary);background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.admin-form-group textarea{grid-column:1/-1}#btnAddProduct{background:var(--primary);color:#fff;padding:14px 28px;border-radius:12px;font-weight:700;cursor:pointer;border:none;transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 15px rgba(99,102,241,.3);width:100%;margin-top:10px}#btnAddProduct:hover:not(:disabled){background:#4f46e5;transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.4)}#btnAddProduct:active:not(:disabled){transform:translateY(0) scale(.98)}.upload-section{grid-column:1/-1;padding:12px;border-radius:10px;font-size:.85rem}#audioUploadSection{background:rgba(59,130,246,.05);border:1px dashed rgba(59,130,246,.3)}#sampleUploadSection{background:rgba(99,102,241,.05);border:1px dashed rgba(99,102,241,.3)}.btn-admin-sub{background:rgba(255,255,255,.05);border:1px dashed var(--border);color:var(--text-muted);padding:10px;border-radius:8px;font-weight:700;cursor:pointer;width:100%}.btn-admin-sub:hover{background:rgba(255,255,255,.1);border-color:var(--primary);color:var(--text-white)}.search-filter-area{background:var(--modal-bg);backdrop-filter:var(--modal-blur);-webkit-backdrop-filter:var(--modal-blur);padding:15px;border-radius:50px;border:1px solid var(--modal-border);box-shadow:var(--modal-shadow);margin-bottom:25px;display:flex;align-items:center;gap:10px}.search-icon{font-size:1.2rem;margin-left:10px}.search-box{flex:1;padding:10px 15px;border:none;font-size:1rem;background:0 0;color:#fff}.search-box:focus{outline:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin:30px 0 20px}.section-header h2{margin:0}.modal-content{background:var(--modal-bg);backdrop-filter:var(--modal-blur);-webkit-backdrop-filter:var(--modal-blur);width:100%;max-width:900px;border-radius:24px;padding:0;position:relative;max-height:90vh;overflow-y:auto;border:1px solid var(--modal-border);box-shadow:var(--modal-shadow);color:#f8fafc}.btn-section-favorite{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);color:#f43f5e;padding:8px 16px;border-radius:20px;text-decoration:none;font-weight:700;font-size:.9rem;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #ffe4e6}.btn-section-favorite:hover{box-shadow:0 4px 12px rgba(244,63,94,.2);background:rgba(244,63,94,.1)}.btn-section-favorite.active{background:#f43f5e;color:#fff;border-color:#f43f5e}.search-box::placeholder{color:var(--text-muted)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:25px}.product-card{background:var(--modal-bg);backdrop-filter:var(--modal-blur);-webkit-backdrop-filter:var(--modal-blur);border:1px solid var(--modal-border);border-radius:20px;overflow:hidden;box-shadow:var(--modal-shadow);position:relative;cursor:pointer;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 30px -10px rgba(0,0,0,.5);border-color:var(--primary)}.product-img-wrapper{position:relative;overflow:hidden;flex-shrink:0}.product-img{width:100%;height:200px;object-fit:cover}.product-card:hover .product-img{transform:scale(1.08)}.product-info{padding:30px;display:flex;flex-direction:column;flex-grow:1}.product-info h3{margin:0 0 8px;font-size:1.05rem;font-weight:700;line-height:1.4;color:#fff!important}.price{font-weight:800;color:var(--primary);font-size:1.3rem}.stock-info{font-size:.8rem;color:#cbd5e1!important;margin-top:6px}.digital-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,var(--primary) 0,#8b5cf6 100%);color:#fff!important;padding:5px 12px;border-radius:20px;font-weight:700;font-size:.7rem;z-index:10;box-shadow:0 2px 8px rgba(99,102,241,.4)}.physical-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#f59e0b 0,#d97706 100%);color:#fff!important;padding:5px 12px;border-radius:20px;font-weight:700;font-size:.7rem;z-index:10;box-shadow:0 2px 8px rgba(245,158,11,.4)}.sold-out-badge{position:absolute;top:45px;left:12px;right:auto;background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);color:#fff!important;padding:5px 12px;border-radius:20px;font-weight:700;font-size:.7rem;z-index:10}.archived-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#475569 0,#1e293b 100%);color:#fff!important;border:1px solid rgba(255,255,255,.3);padding:5px 12px;border-radius:20px;font-weight:700;font-size:.7rem;z-index:10}.product-card.archived{opacity:.7}.product-card.archived .product-img{filter:grayscale(50%)}.admin-actions{position:absolute;top:50px;right:8px;display:flex;gap:6px;z-index:20;opacity:0}.card-date{font-size:.65rem;color:#cbd5e1!important;margin-top:-4px;margin-bottom:8px;opacity:1!important}.product-card:hover .admin-actions{opacity:1}.btn-admin-action{width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.btn-admin-action:hover{transform:scale(1.1)}.btn-delete-product{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);color:#fff}.btn-archive-product{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%);color:#fff}.btn-unarchive-product{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff}.liver-badge{display:inline-block;background:linear-gradient(135deg,#f97316 0,#fb923c 100%);color:#fff;padding:4px 10px;border-radius:15px;font-size:.7rem;font-weight:700;margin-bottom:8px;align-self:flex-start}.detail-date{font-size:.8rem;color:var(--text-muted);margin-bottom:15px;display:none}.product-card.sold-out .product-img{filter:grayscale(100%);opacity:.6}.filter-select{background:rgba(30,41,59,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 15px;padding-right:35px;border-radius:12px;cursor:pointer;outline:0;font-family:inherit;font-size:.9rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.filter-select:hover{background:rgba(30,41,59,.8);border-color:var(--primary)}.filter-select option{background:#1e293b;color:#fff}button{cursor:pointer;border:none;font-family:inherit}.btn-add-cart{width:100%;padding:16px;border-radius:12px;border:none;background:#5865f2;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;margin-top:auto;box-shadow:0 4px 15px rgba(88,101,242,.4)}.admin-form-group label{display:block;margin-bottom:8px;font-weight:700;font-size:.95rem;color:#fff!important}.btn-add-cart:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 15px rgba(99,102,241,.4)}.btn-add-cart:disabled{background:#cbd5e1;color:#475569;cursor:not-allowed;border:1px solid #94a3b8}.btn-sample-play{background:linear-gradient(135deg,var(--success) 0,#059669 100%);color:#fff;padding:8px 14px;border-radius:20px;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;gap:5px;margin-top:10px;align-self:flex-start}.btn-sample-play:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(16,185,129,.4)}.btn-sample-play.playing{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%)}.btn-favorite{position:absolute;top:10px;right:10px;background:rgba(15,23,42,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:20px;height:32px;padding:0 10px;display:flex;justify-content:center;align-items:center;font-size:1.1rem;cursor:pointer;z-index:20;box-shadow:0 2px 5px rgba(0,0,0,.2);color:rgba(255,255,255,.6);gap:4px}.btn-favorite.active{color:#e11d48;background:rgba(225,29,72,.15);border-color:rgba(225,29,72,.3)}.btn-favorite:hover{transform:scale(1.05)}.fav-count{font-size:.8rem;font-weight:700;color:#fff}.btn-favorite.active .fav-count{color:#e11d48}#cartFab{position:fixed;bottom:25px;right:25px;background:linear-gradient(135deg,var(--primary) 0,#8b5cf6 100%);color:#fff;width:60px;height:60px;border-radius:50%;box-shadow:0 8px 30px rgba(99,102,241,.5);display:flex;justify-content:center;align-items:center;font-size:1.5rem;cursor:pointer;z-index:200}#cartFab:hover{transform:scale(1.1) rotate(-5deg);box-shadow:0 12px 40px rgba(99,102,241,.6)}#cartBadge{position:absolute;top:-4px;right:-4px;background:var(--accent);color:#fff;font-size:.75rem;font-weight:700;min-width:22px;height:22px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:2px solid #fff}#cartModal,#productDetailModal{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-overlay);z-index:9000;display:none;justify-content:center;align-items:center;padding:20px}@keyframes modalPop{from{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.cart-content,.detail-content{background:var(--modal-bg);backdrop-filter:var(--modal-blur);-webkit-backdrop-filter:var(--modal-blur);width:100%;max-width:520px;border-radius:24px;padding:40px;max-height:85vh;overflow-y:auto;border:1px solid var(--modal-border);box-shadow:var(--modal-shadow);color:#f8fafc}.modal-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.detail-image{display:block;margin:0 auto 15px auto;max-width:100%;max-height:400px;width:auto;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);object-fit:contain}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)}.cart-item:last-child{border-bottom:none}.cart-item span:first-child{font-weight:600;color:#f8fafc;flex:1;padding-right:15px}.cart-item span:last-child{font-weight:700;color:var(--primary);white-space:nowrap;display:flex;align-items:center}.cart-total{margin-top:25px;text-align:right;font-size:1.4rem;font-weight:800;color:#fff;padding-top:20px;border-top:2px dashed rgba(255,255,255,.1)}.btn-checkout{display:block;width:100%;padding:16px;margin-top:25px;background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff;font-weight:700;font-size:1.1rem;border-radius:16px;text-align:center;border:none;box-shadow:0 4px 15px rgba(16,185,129,.3)}.btn-checkout:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none}.btn-checkout:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.4)}#cropModal{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-overlay);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:9800;display:none;justify-content:center;align-items:center;flex-direction:column;padding:20px}.crop-container{max-width:90%;max-height:80vh;overflow:hidden;background:#333}#cropImage{max-width:100%;display:block}.crop-actions{margin-top:20px;display:flex;gap:15px}.btn-modal-link{display:inline-block;padding:12px 30px;border-radius:12px;text-decoration:none;font-weight:700;transition:all .3s;text-align:center}.btn-modal-cancel{background:#f1f5f9;color:#475569}.btn-modal-action{background:#5865f2;color:#fff;box-shadow:0 4px 15px rgba(88,101,242,.4)}.btn-crop-confirm{background:#10b981;color:#fff;padding:10px 20px;border-radius:8px;font-weight:700;border:none;cursor:pointer}.btn-crop-cancel{background:#64748b;color:#fff;padding:10px 20px;border-radius:8px;font-weight:700;border:none;cursor:pointer}.img-thumb-wrapper{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0}.img-thumb-wrapper img{width:100%;height:100%;object-fit:cover}.btn-remove-img{position:absolute;top:2px;right:2px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-remove-img:hover{background:#ef4444}.filter-status-container{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-badge{display:inline-flex;align-items:center;gap:6px;background:#e0f2fe;color:#0369a1;padding:6px 14px;border-radius:20px;font-size:.9rem;font-weight:700;box-shadow:0 2px 4px rgba(0,0,0,.05)}.filter-badge:hover{box-shadow:0 4px 8px rgba(0,0,0,.1)}.filter-badge .btn-close{border:none;background:rgba(255,255,255,.5);color:currentColor;width:20px;height:20px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-size:14px;line-height:1;padding:0}.filter-badge .btn-close:hover{background:rgba(255,255,255,.8)}.filter-badge.type-pink{background:#ffe4e6;color:#e11d48}.filter-badge.type-purple{background:#f3e8ff;color:#9333ea}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.zoom-modal{display:none;position:fixed;z-index:9500;left:0;top:0;width:100%;height:100%;background:var(--modal-overlay);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);align-items:center;justify-content:center}.zoom-modal-content{margin:auto;display:block;width:80%;max-width:700px;max-height:90%;object-fit:contain}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}.zoom-close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;cursor:pointer;z-index:2001}.zoom-close:focus,.zoom-close:hover{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width:700px){.zoom-modal-content{width:95%}.section-header{flex-direction:column;align-items:center;gap:15px}.section-header h2{font-size:1.4rem}.section-header>div{justify-content:center;gap:8px}.filter-select{font-size:.8rem;padding:6px 28px 6px 10px;min-width:0;flex:1;max-width:48%}.btn-section-favorite{font-size:.75rem;padding:6px 12px;gap:4px;white-space:nowrap}.filter-btn-text{display:none}#headerActions{gap:6px;flex-wrap:wrap;justify-content:center}#userNav{flex-wrap:wrap;gap:6px;justify-content:center;align-items:center}#userEmail{font-size:.7rem;padding:4px 8px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-header{padding:12px 20px}.admin-header .admin-title{font-size:.95rem}.admin-toggle{font-size:.8rem}.admin-content.open{padding:20px}.admin-form-group{grid-template-columns:1fr}.search-filter-area{padding:10px;border-radius:30px}.search-box{font-size:.9rem;padding:8px 10px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.product-info{padding:15px}.product-info h3{font-size:.9rem}.price{font-size:1.1rem}.btn-add-cart{padding:12px;font-size:.95rem}.cart-content,.detail-content{padding:25px;border-radius:20px}.admin-content.editing{border:2px solid #f59e0b;background:rgba(245,158,11,.1)}.admin-content.editing::before{content:'✍️ 編集中';display:block;background:#f59e0b;color:#fff;padding:5px 10px;font-weight:700;font-size:.8rem;border-radius:4px;width:fit-content;margin-bottom:10px}.img-thumb-wrapper.existing{border-color:#f59e0b}}.next-btn,.prev-btn{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-50px;color:#fff;font-weight:700;font-size:20px;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none;background-color:rgba(0,0,0,.3);z-index:2002}.next-btn{right:0;border-radius:3px 0 0 3px}.prev-btn{left:0;border-radius:0 3px 3px 0}.next-btn:hover,.prev-btn:hover{background-color:rgba(0,0,0,.8)}.gallery-counter{color:#f2f2f2;font-size:14px;padding:8px 12px;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.6);border-radius:15px;z-index:2002;font-weight:700}