/* ===============================
   BASE STYLES - CSS Reset & Fundamentals
   基本スタイル - CSSリセット・基礎設定
   =============================== */

/* リセットとベーススタイル */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    background: #ffffff;
    color: #333;
    overflow-x: hidden;
    line-height: 1.6;
}

.container {
    position: relative;
    z-index: 1;
    
    /* 🔧🔧🔧 【根本修正】containerクラスに中央配置を追加 🔧🔧🔧 */
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    
    /* 🔧 【追加】flexboxコンテナとしての設定 */
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Canvas要素のスタイル */
.background-canvas,
.floating-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    pointer-events: none;
}

.floating-canvas {
    z-index: -1;
}