:root {
        --deep-dark: #0a0b10;
        --card-bg: rgba(20, 25, 35, 0.85);
        --neon-blue: #00f2ff;
        --neon-purple: #bc13fe;
        --text-main: #e2e8f0;
        --text-dim: #94a3b8;
        --glass-border: rgba(255, 255, 255, 0.1);
    }

    /* 🔥 로딩 애니메이션 추가 */
    @keyframes fadeInUp {
        from { opacity: 0; transform: translateY(30px); }
        to { opacity: 1; transform: translateY(0); }
    }

    #WRITE {
        background: var(--deep-dark);
        color: var(--text-main);
        padding: 40px 10px;
        background-image: radial-gradient(circle at 10% 10%, rgba(0, 242, 255, 0.05) 0%, transparent 50%),
                          radial-gradient(circle at 90% 90%, rgba(188, 19, 254, 0.05) 0%, transparent 50%);
        /* 🔥 로딩 시 부드럽게 나타남 */
        opacity: 0;
        animation: fadeInUp 0.8s ease-out forwards;
    }

    #fwrite { 
        margin: 0 auto; 
        background: var(--card-bg); 
        backdrop-filter: blur(20px); 
        border-radius: 20px; 
        border: 1px solid var(--glass-border); 
        overflow: hidden; 
        box-shadow: 0 20px 50px rgba(0,0,0,0.5); 
    }

    .Title { width: 100%; background: rgba(255,255,255,0.03); border-bottom: 1px solid var(--glass-border); border-collapse: collapse; }
    .Title td { padding: 25px; }
    .Title .C span { font-family: 'Orbitron', sans-serif; font-size: 1.6rem; letter-spacing: 2px; color: var(--neon-blue); text-shadow: 0 0 15px rgba(0,242,255,0.5); }
    .Title .C b { color: #fff; font-weight: 700; margin-left: 10px; }

    .Box { width: 100%; border-collapse: separate; border-spacing: 0; }
    .Bar td { border-bottom: 1px solid rgba(255,255,255,0.05); padding: 15px 20px; }
    .Left { width: 140px; color: var(--neon-blue); font-weight: 700; font-size: 0.9rem; border-right: 1px solid rgba(255,255,255,0.05); }
    
    input[type="text"], input[type="password"], input[type="date"], input[type="time"], select, textarea {
        background: rgba(0,0,0,0.4) !important;
        border: 1px solid var(--glass-border) !important;
        color: #fff !important;
        padding: 10px 15px !important;
        border-radius: 8px !important;
        outline: none !important;
        transition: 0.3s;
    }
    input:focus, select:focus, textarea:focus { border-color: var(--neon-blue) !important; box-shadow: 0 0 15px rgba(0,242,255,0.3); }

    .Fixed { display: flex; gap: 10px; justify-content: flex-end; }
    .Button2-BOB { background: #334155; color: #fff; padding: 10px 25px; border-radius: 8px; border: none; cursor: pointer; font-weight: 600; }
    .Button2-BOBr { background: linear-gradient(45deg, var(--neon-blue), var(--neon-purple)); color: #fff; padding: 10px 30px; border-radius: 8px; border: none; cursor: pointer; font-weight: 700; box-shadow: 0 4px 15px rgba(0,0,0,0.3); transition: 0.3s; }
    .Button2-BOBr:hover { transform: translateY(-2px); box-shadow: 0 0 20px rgba(0,242,255,0.5); }

    .chk_box { display: inline-flex; align-items: center; margin-right: 15px; cursor: pointer; color: var(--text-dim); }
    .chk_box input { margin-right: 6px; width: 16px; height: 16px; accent-color: var(--neon-blue); }

    .Content-Button td { padding: 30px; text-align: center; background: rgba(0,242,255,0.02); }
    .Content-Button button {
        background: transparent; border: 1.5px dashed var(--neon-blue); color: var(--neon-blue);
        padding: 12px 40px; border-radius: 50px; cursor: pointer; font-weight: 600; transition: 0.3s;
    }
    .Content-Button button:hover { background: var(--neon-blue); color: #000; box-shadow: 0 0 15px var(--neon-blue); }

    .Write-Content { padding: 25px; background: #fff; border-radius: 15px; margin: 10px; }
    #Content-Section { border-top: 1px solid var(--glass-border); }

    .file_wr { margin-bottom: 10px; display: none; flex-direction: column; gap: 5px; }
    .file_wr.active { display: flex; }
    .file_input_row { display: flex; align-items: center; gap: 10px; }
    .btn_file_add { display: inline-block; margin-top: 5px; padding: 5px 15px; background: rgba(0,242,255,0.1); border: 1px solid var(--neon-blue); color: var(--neon-blue); border-radius: 5px; cursor: pointer; font-size: 0.8rem; transition: 0.3s; }
    .btn_file_add:hover { background: var(--neon-blue); color: #000; }