.app{max-width:1100px;margin:0 auto;padding:40px 20px 80px;display:flex;flex-direction:column;gap:24px;color:#0f172a}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin:0 0 8px}.header h1{margin:0 0 8px;font-size:30px}.header p{margin:0;color:#475569}.header-actions{display:flex;gap:12px}.search-page{display:flex;flex-direction:column;gap:20px}.search-form{display:grid;gap:16px;background:#fff;padding:24px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 16px 40px #0f172a14}.form-row{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-field{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#334155}.form-field small{color:#64748b}.form-field input,.form-field select{width:100%;padding:10px 12px;border:1px solid #cbd5f5;border-radius:10px;font-size:16px;background:#f8fafc;transition:border-color .2s ease,box-shadow .2s ease}.form-field input:focus,.form-field select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.form-field input:disabled{background-color:#f1f5f9;color:#94a3b8}.inline-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}.inline-separator{color:#94a3b8;font-size:14px}button{font-family:inherit}.search-form button,.primary,.secondary{padding:10px 20px;border:none;border-radius:999px;font-size:15px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.search-form button{align-self:start;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 10px 20px #2563eb4d}.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 10px 18px #2563eb40}.secondary{background:#e2e8f0;color:#0f172a;box-shadow:0 8px 16px #94a3b859}.search-form button:hover:not(:disabled),.primary:hover:not(:disabled),.secondary:hover:not(:disabled){transform:translateY(-1px)}.search-form button:disabled,.primary:disabled,.secondary:disabled{background:#cbd5f5;color:#94a3b8;cursor:not-allowed}.helper{margin:0;font-size:13px;color:#64748b}.error{padding:12px 16px;background:#fee2e2;color:#b91c1c;border-radius:10px;border:1px solid #fecaca}.result{display:flex;flex-direction:column;gap:16px}.section-subtitle{margin:4px 0 0;font-size:13px;color:#64748b}.link-chip{padding:8px 14px;border-radius:999px;border:1px solid #cbd5f5;background:#fff;color:#1d4ed8;text-decoration:none;font-size:13px;transition:transform .2s ease,box-shadow .2s ease}.link-chip:hover{transform:translateY(-1px);box-shadow:0 8px 16px #2563eb26}.section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.pager{display:flex;gap:6px;flex-wrap:wrap}.pager button{border:1px solid #cbd5f5;background:#fff;padding:6px 10px;border-radius:999px;font-size:12px;cursor:pointer;transition:all .2s ease}.pager button.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.swipe-area{display:grid;gap:16px;background:#fff;color:#0f172a;border-radius:20px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 24px 50px #0f172a14;touch-action:pan-y}.video-card{background:#fff;color:#0f172a;border-radius:16px;padding:18px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:12px;text-align:left;box-shadow:0 12px 24px #94a3b833}.video-card.featured{background:#fff}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-title{font-size:16px;font-weight:600;margin:0 0 4px}.card-subtitle{font-size:12px;color:#64748b;margin:0}.chip{background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:4px 10px;font-size:12px}.video-frame{border-radius:14px;overflow:hidden;border:1px solid #e2e8f0;aspect-ratio:16 / 9}.video-frame iframe{display:block;border:none;width:100%;height:100%}.stats{display:flex;gap:16px;font-size:13px;color:#2563eb}.swipe-actions{display:flex;gap:12px;justify-content:center}.swipe-hint{margin:0;text-align:center;font-size:12px;color:#64748b}.thumbnail-row{display:grid;gap:8px;grid-auto-flow:column;justify-content:center;margin-top:12px}.dot{width:10px;height:10px;border-radius:999px;border:none;background:#e2e8f0e6;cursor:pointer}.dot.active{background:#60a5fa}.empty{padding:24px;text-align:center;background:#f1f5f9;border-radius:16px;border:1px dashed #cbd5f5;color:#64748b}@media (max-width: 600px){.app{padding:24px 16px 48px}.header h1{font-size:24px}.section-header{flex-direction:column;align-items:flex-start}.form-row,.inline-fields{grid-template-columns:1fr}.inline-separator{display:none}.pager{width:100%;overflow-x:auto;padding-bottom:4px}.swipe-area,.video-card{padding:16px}}:root{font-family:Noto Sans JP,system-ui,sans-serif;line-height:1.5;color:#0f172a;background-color:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#fff}#root{min-height:100vh}