:root{--primary-color: #c9a84c;--primary-light: #e8c97a;--primary-dim: rgba(201, 168, 76, .15);--secondary-color: #888888;--background-color: #0d0d0d;--surface-color: #1a1a1a;--surface-2: #222222;--text-color: #f0f0f0;--text-light: #999999;--border-color: rgba(201, 168, 76, .2);--border-radius: 10px;--border-radius-lg: 16px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--shadow: 0 4px 24px rgba(0, 0, 0, .5);--shadow-gold: 0 4px 20px rgba(201, 168, 76, .2);--glass-bg: rgba(26, 26, 26, .9);--glass-border: 1px solid rgba(201, 168, 76, .2);--status-available: #4caf82;--status-full: #e05252;--status-off: #555555;--ad-bg: #111111;--ad-border: rgba(201, 168, 76, .1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fade-in-up{animation:fadeInUp .8s ease-out forwards}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--glass-border)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Segoe UI,Roboto,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.5}#root{max-width:100%;margin:0 auto}.container{width:100%;max-width:540px;margin:0 auto;background-color:var(--background-color);min-height:100vh}@media(min-width:1024px){.container{max-width:1200px}}@media(min-width:1024px){.bottom-nav{display:none!important}.page-content{padding-bottom:40px!important}}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.mb-2{margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:var(--spacing-md)}.p-4{padding:var(--spacing-md)}.btn{padding:8px 16px;border-radius:var(--border-radius);border:none;cursor:pointer;font-weight:700;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#0d0d0d;font-weight:700}.btn-primary:hover{box-shadow:var(--shadow-gold);transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.badge{padding:3px 8px;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.badge-available{background-color:var(--status-available);color:#fff}.badge-full{background-color:var(--status-full);color:#fff}.badge-off{background-color:var(--status-off);color:#aaa}.cast-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}@media(min-width:540px)and (max-width:1023px){.cast-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.cast-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:0}}.cast-card{position:relative;background:var(--surface-color);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer}.cast-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-gold);border-color:#c9a84c66}.cast-card-image-container{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:var(--surface-2)}.cast-card-image{width:100%;height:100%;object-fit:cover}.cast-card-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#1e1e1e,#2a2a2a);color:var(--text-light);gap:8px}.cast-card-placeholder-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:#0d0d0d;background:linear-gradient(135deg,var(--primary-color),var(--primary-light))}.cast-card-status-badge{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:20px;font-size:.68rem;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.cast-card-new-badge{position:absolute;top:8px;left:8px;padding:2px 7px;border-radius:4px;font-size:.65rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#0d0d0d;z-index:2}.cast-card-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;z-index:3}.cast-card:hover .cast-card-overlay{opacity:1}.cast-card-overlay-btn{padding:10px 20px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#0d0d0d;border:none;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;text-decoration:none}.cast-card-content{padding:10px}.cast-card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.cast-name{font-size:.95rem;font-weight:700;color:var(--text-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cast-age{font-size:.78rem;color:var(--primary-color);font-weight:600;flex-shrink:0;margin-left:4px}.cast-measurements{font-size:.75rem;color:var(--text-light);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cast-tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}.cast-tag{background:var(--surface-2);border:1px solid var(--border-color);color:var(--text-light);padding:2px 6px;border-radius:4px;font-size:.7rem}.cast-shop-link{font-size:.72rem;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cast-shop-link a{color:var(--primary-color);text-decoration:none;opacity:.8}.cast-shop-link a:hover{opacity:1}@media(min-width:1024px){.hero-section{display:flex;gap:32px;align-items:flex-start;max-width:1200px;margin:0 auto;padding:32px 24px!important}.hero-status-bar{flex-direction:column;min-width:200px}.hero-style-selector{flex:1}.pc-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;max-width:1200px;margin:0 auto;padding:24px}.pc-sidebar{display:block}.section-inner{padding:0!important}}.pc-sidebar,.pc-only{display:none}@media(min-width:1024px){.pc-only{display:block}}.sp-only{display:block}@media(min-width:1024px){.sp-only{display:none!important}}.topics-carousel-mobile{display:block}.topics-carousel-desktop{display:none}@media(min-width:641px){.topics-carousel-mobile{display:none}.topics-carousel-desktop{display:flex}}
